/* Cedro CRM 1.9.0 — Meta Lead Ads / Ads Insights / Conversas */
.cedro-crm .crm-form-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cedro-crm .crm-button-compact { min-height: 38px; padding: 0 13px; border-radius: 11px; font-size: 12px; }
.cedro-crm .crm-button-danger { color: #fff; background: var(--crm-danger); box-shadow: 0 10px 24px rgba(216, 102, 102, .18); }
.cedro-crm .crm-button-danger:hover { background: #be5555; }
.cedro-crm .crm-dot-danger { background: var(--crm-danger); }
.cedro-crm .crm-dot-purple { background: var(--crm-purple); }

/* Proprietário / wp-admin */
.cedro-crm-meta-wrap { margin: 18px 20px 0 0; }
.cedro-crm-meta-wrap .cedro-crm { max-width: 1440px; }
.crm-meta-admin-shell { width: 100%; padding: 28px; border: 1px solid var(--crm-border); border-radius: 26px; background: var(--crm-bg); }
.crm-meta-admin-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 20px; padding: 5px 2px; }
.crm-meta-admin-header h1 { margin: 3px 0 5px; color: var(--crm-text); font-size: clamp(27px, 3vw, 39px); line-height: 1.08; letter-spacing: -.04em; }
.crm-meta-admin-header p { max-width: 740px; margin: 0; color: var(--crm-muted); font-size: 14px; }
.crm-meta-health { min-width: 182px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 12px 15px; border: 1px solid var(--crm-border); border-radius: 14px; background: #fff; color: var(--crm-muted); font-size: 12px; font-weight: 800; }
.crm-meta-health i { width: 9px; height: 9px; border-radius: 999px; background: #b8c0ca; box-shadow: 0 0 0 5px rgba(184, 192, 202, .12); }
.crm-meta-health.is-connected { color: #237d5a; border-color: rgba(47,157,114,.22); background: rgba(47,157,114,.07); }
.crm-meta-health.is-connected i { background: var(--crm-success); box-shadow: 0 0 0 5px rgba(47,157,114,.12); }

.crm-meta-tabs { display: flex; gap: 7px; margin: 0 0 20px; padding: 6px; border: 1px solid var(--crm-border); border-radius: 17px; background: #fff; overflow-x: auto; }
.crm-meta-tabs a { min-height: 42px; padding: 0 15px; border-radius: 12px; display: inline-flex; align-items: center; gap: 8px; color: var(--crm-muted); text-decoration: none; font-size: 13px; font-weight: 750; white-space: nowrap; box-shadow: none; }
.crm-meta-tabs a:hover { color: var(--crm-text); background: var(--crm-surface-2); }
.crm-meta-tabs a.is-active { color: #fff; background: var(--crm-primary); box-shadow: 0 8px 18px rgba(84,114,232,.2); }
.crm-meta-tabs a span { font-size: 15px; }

.crm-meta-two-column { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 18px; }
.crm-meta-step { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: var(--crm-primary); font-size: 12px; font-weight: 850; box-shadow: 0 8px 20px rgba(84,114,232,.2); }
.crm-meta-form { display: grid; gap: 15px; margin-top: 18px; }
.crm-meta-form .crm-button { justify-self: start; }
.crm-meta-admin textarea { width: 100%; min-height: 92px; margin: 0; padding: 12px 13px; border: 1px solid var(--crm-border); border-radius: 13px; color: var(--crm-text); background: #fff; resize: vertical; box-shadow: none; outline: 0; }
.crm-meta-admin textarea:focus { border-color: var(--crm-primary); box-shadow: 0 0 0 3px rgba(84,114,232,.12); }
.crm-meta-admin .crm-field small, .crm-meta-distribution small { color: var(--crm-muted); font-size: 11px; line-height: 1.5; }

.crm-meta-copy-field { display: grid; gap: 8px; margin-top: 15px; }
.crm-meta-copy-field > span { color: var(--crm-text); font-size: 12px; font-weight: 750; }
.crm-meta-copy-field > div { min-height: 52px; display: flex; align-items: center; gap: 7px; padding: 7px 8px 7px 13px; border: 1px solid var(--crm-border); border-radius: 14px; background: var(--crm-surface-2); }
.crm-meta-copy-field code { min-width: 0; flex: 1; overflow: hidden; color: var(--crm-text); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; background: transparent; }
.crm-meta-copy-field code.is-secret { letter-spacing: .12em; }
.crm-meta-copy-field code.is-secret.is-revealed { letter-spacing: normal; }
.crm-meta-copy-field .crm-icon-button { flex: 0 0 36px; width: 36px; height: 36px; background: #fff; border: 1px solid var(--crm-border); font-size: 16px; }
.crm-meta-copy-field .crm-icon-button.is-active { color: var(--crm-primary); border-color: rgba(84,114,232,.3); background: rgba(84,114,232,.08); }
.crm-meta-webhook-card > form { margin-top: 9px; }
.crm-meta-instruction { display: grid; grid-template-columns: auto 1fr; gap: 10px; margin-top: 17px; padding: 13px 14px; border-radius: 14px; color: var(--crm-muted); background: rgba(84,114,232,.07); font-size: 12px; line-height: 1.55; }
.crm-meta-instruction b { color: var(--crm-primary); }
.crm-meta-instruction strong { color: var(--crm-text); }

.crm-meta-auth-card { margin-bottom: 18px; }
.crm-meta-auth-empty, .crm-meta-connected-account { min-height: 92px; display: flex; align-items: center; gap: 15px; margin: 17px 0; padding: 17px; border: 1px solid var(--crm-border); border-radius: 17px; background: var(--crm-surface-2); }
.crm-meta-logo { flex: 0 0 53px; width: 53px; height: 53px; display: grid; place-items: center; border-radius: 17px; color: #fff; background: linear-gradient(145deg, #5d77ed, #805ed4); font-size: 23px; font-weight: 900; box-shadow: 0 13px 30px rgba(84,114,232,.22); }
.crm-meta-auth-empty div, .crm-meta-connected-account div { flex: 1; }
.crm-meta-auth-empty strong, .crm-meta-connected-account strong { display: block; color: var(--crm-text); font-size: 15px; }
.crm-meta-auth-empty p { margin: 4px 0 0; max-width: 720px; color: var(--crm-muted); font-size: 12px; }
.crm-meta-connected-account small { display: block; margin-top: 3px; color: var(--crm-muted); font-size: 11px; }
.crm-status-pill { display: inline-flex; padding: 7px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; white-space: nowrap; }
.crm-meta-auth-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.crm-meta-auth-actions form { margin: 0; }
.crm-meta-connect-button { width: min(330px, 100%); }
.crm-meta-connect-button.is-disabled { pointer-events: none; opacity: .5; box-shadow: none; }
.crm-meta-connect-button span { margin-left: auto; font-size: 18px; }
.crm-meta-advanced { margin-top: 17px; border-top: 1px solid var(--crm-border); padding-top: 14px; }
.crm-meta-advanced summary { color: var(--crm-muted); font-size: 12px; font-weight: 750; cursor: pointer; }
.crm-meta-manual-token-form { display: grid; gap: 12px; margin-top: 14px; padding: 16px; border-radius: 15px; background: var(--crm-surface-2); }
.crm-meta-manual-token-form .crm-button { justify-self: start; }

.crm-meta-status-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.crm-meta-status-grid article { min-height: 96px; padding: 16px; border: 1px solid var(--crm-border); border-radius: 17px; background: #fff; display: flex; flex-direction: column; justify-content: flex-end; }
.crm-meta-status-grid span { color: var(--crm-muted); font-size: 11px; }
.crm-meta-status-grid strong { margin-top: 5px; color: var(--crm-text); font-size: 14px; overflow-wrap: anywhere; }
.crm-meta-diagnostic-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 0 0 18px; }

.crm-meta-panel-intro { margin: 5px 0 19px; color: var(--crm-muted); font-size: 13px; }
.crm-meta-empty-state { min-height: 190px; display: grid; place-items: center; align-content: center; gap: 7px; padding: 24px; text-align: center; border: 1px dashed #d9dee5; border-radius: 18px; background: var(--crm-surface-2); }
.crm-meta-empty-state > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 15px; color: var(--crm-primary); background: rgba(84,114,232,.1); font-size: 22px; }
.crm-meta-empty-state strong { color: var(--crm-text); font-size: 15px; }
.crm-meta-empty-state p { max-width: 520px; margin: 0; color: var(--crm-muted); font-size: 12px; }
.crm-meta-empty-wide { grid-column: 1 / -1; }

.crm-meta-form-list { display: grid; gap: 14px; }
.crm-meta-form-card { overflow: hidden; border: 1px solid var(--crm-border); border-radius: 19px; background: #fff; transition: border-color .18s ease, box-shadow .18s ease; }
.crm-meta-form-card.is-enabled { border-color: rgba(47,157,114,.3); box-shadow: 0 12px 34px rgba(35,63,87,.06); }
.crm-meta-form-card > header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 13px; padding: 16px 18px; border-bottom: 1px solid var(--crm-border); background: var(--crm-surface-2); }
.crm-meta-form-card > header strong { display: block; color: var(--crm-text); font-size: 14px; }
.crm-meta-form-card > header small { display: block; margin-top: 2px; color: var(--crm-muted); font-size: 10px; }
.crm-meta-form-card > header b { padding: 6px 9px; border-radius: 999px; color: var(--crm-muted); background: #fff; font-size: 10px; }
.crm-meta-form-card.is-enabled > header b { color: #237d5a; background: rgba(47,157,114,.12); }
.crm-meta-form-toggle { cursor: pointer; }
.crm-meta-form-toggle input { position: absolute; opacity: 0; pointer-events: none; }
.crm-meta-form-toggle span { width: 42px; height: 24px; display: block; padding: 3px; border-radius: 999px; background: #cbd1d8; transition: background .18s ease; }
.crm-meta-form-toggle span::after { content: ""; width: 18px; height: 18px; display: block; border-radius: 999px; background: #fff; box-shadow: 0 2px 6px rgba(20,27,36,.18); transition: transform .18s ease; }
.crm-meta-form-toggle input:checked + span { background: var(--crm-success); }
.crm-meta-form-toggle input:checked + span::after { transform: translateX(18px); }
.crm-meta-form-body { display: grid; grid-template-columns: 1.25fr .75fr; gap: 22px; padding: 20px; }
.crm-meta-form-body h4 { margin: 0 0 13px; color: var(--crm-text); font-size: 13px; }
.crm-meta-mapping { min-width: 0; }
.crm-meta-map-row { display: grid; grid-template-columns: minmax(0, 1fr) 22px minmax(180px, .8fr); align-items: center; gap: 9px; padding: 9px 0; border-bottom: 1px solid var(--crm-border); }
.crm-meta-map-row:last-child { border-bottom: 0; }
.crm-meta-map-row strong { display: block; color: var(--crm-text); font-size: 12px; }
.crm-meta-map-row small { display: block; margin-top: 2px; color: var(--crm-muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; }
.crm-meta-map-row > span { color: var(--crm-primary); font-weight: 850; text-align: center; }
.crm-meta-map-row select, .crm-meta-distribution select, .crm-meta-dashboard-actions select { width: 100%; height: 43px; margin: 0; padding: 0 35px 0 11px; border: 1px solid var(--crm-border); border-radius: 12px; color: var(--crm-text); background-color: #fff; box-shadow: none; outline: 0; }
.crm-meta-map-row select:focus, .crm-meta-distribution select:focus, .crm-meta-dashboard-actions select:focus { border-color: var(--crm-primary); box-shadow: 0 0 0 3px rgba(84,114,232,.1); }
.crm-meta-distribution { padding: 16px; border-radius: 16px; background: var(--crm-surface-2); }
.crm-meta-distribution .crm-field + [data-meta-round-robin], .crm-meta-distribution .crm-field + [data-meta-specific-agent] { margin-top: 14px; }
.crm-meta-small-label { display: block; margin-bottom: 8px; color: var(--crm-text); font-size: 11px; font-weight: 750; }
.crm-meta-agent-checks { display: grid; gap: 7px; max-height: 190px; margin-bottom: 8px; overflow-y: auto; }
.crm-meta-agent-checks label { display: flex; align-items: center; gap: 8px; padding: 9px 10px; border: 1px solid var(--crm-border); border-radius: 11px; background: #fff; color: var(--crm-text); font-size: 11px; cursor: pointer; }
.crm-meta-agent-checks input { margin: 0; }
.crm-meta-save-bar { position: sticky; bottom: 10px; z-index: 4; display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 17px; padding: 13px 14px; border: 1px solid rgba(84,114,232,.18); border-radius: 16px; background: rgba(255,255,255,.94); box-shadow: 0 16px 40px rgba(24,33,43,.1); backdrop-filter: blur(12px); }
.crm-meta-save-bar span { color: var(--crm-muted); font-size: 11px; }

.crm-meta-diagnostics { margin-top: 0; }
.crm-meta-sync-actions { display: flex; flex-wrap: wrap; gap: 9px; margin: 16px 0 20px; }
.crm-meta-log-list { display: grid; gap: 8px; }
.crm-meta-log { display: grid; grid-template-columns: 9px 1fr; gap: 12px; padding: 12px 14px; border: 1px solid var(--crm-border); border-radius: 13px; background: var(--crm-surface-2); }
.crm-meta-log > i { width: 8px; height: 8px; margin-top: 5px; border-radius: 999px; background: var(--crm-info); }
.crm-meta-log-warning > i { background: var(--crm-warning); }
.crm-meta-log-error > i { background: var(--crm-danger); }
.crm-meta-log strong { display: block; color: var(--crm-text); font-size: 11px; }
.crm-meta-log small { display: block; margin-top: 2px; color: var(--crm-muted); font-size: 10px; }
.crm-meta-log details { margin-top: 8px; }
.crm-meta-log summary { color: var(--crm-primary); font-size: 10px; cursor: pointer; }
.crm-meta-log pre { max-height: 240px; overflow: auto; margin: 8px 0 0; padding: 12px; border-radius: 10px; color: #dfe8ff; background: #202a39; font-size: 10px; white-space: pre-wrap; }
.crm-muted-text { color: var(--crm-muted); font-size: 12px; }

/* Dashboard Meta no shortcode administrativo */
.crm-meta-dashboard-actions { display: flex; align-items: center; gap: 9px; }
.crm-meta-dashboard-actions select { width: auto; min-width: 142px; }
.crm-meta-stat-grid { grid-template-columns: repeat(9, minmax(0, 1fr)); }
.crm-meta-stat-grid .crm-stat-card { min-height: 107px; padding: 13px; }
.crm-meta-stat-grid .crm-stat-card strong { font-size: clamp(14px, 1.2vw, 20px); }
.crm-meta-dashboard-foot { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 15px; padding: 14px 16px; border: 1px solid var(--crm-border); border-radius: 15px; color: var(--crm-muted); background: #fff; font-size: 11px; }
.crm-meta-dashboard-foot b { color: var(--crm-text); }
.crm-meta-dashboard-foot small { flex: 1 0 100%; padding-top: 8px; border-top: 1px solid var(--crm-border); line-height: 1.55; }
.crm-meta-inline-error { grid-column: 1 / -1; padding: 18px; border: 1px solid rgba(216,102,102,.22); border-radius: 14px; color: #a84646; background: rgba(216,102,102,.08); font-size: 12px; }

/* Fila Meta do supervisor */
.crm-meta-queue-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 16px; }
.crm-meta-queue-card { padding: 17px; border: 1px solid var(--crm-border); border-radius: 18px; background: var(--crm-surface-2); }
.crm-meta-queue-card > header { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 14px; }
.crm-meta-queue-card time { color: var(--crm-muted); font-size: 10px; }
.crm-source-badge { display: inline-flex; align-items: center; min-height: 25px; padding: 0 9px; border-radius: 999px; font-size: 9px; letter-spacing: .08em; font-weight: 850; }
.crm-source-meta { color: #4b54a8; background: rgba(99,102,241,.12); }
.crm-source-manual { color: #55606c; background: rgba(102,113,126,.12); }
.crm-meta-queue-person { display: flex; align-items: center; gap: 11px; }
.crm-meta-queue-person > span { flex: 0 0 44px; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; color: #fff; background: linear-gradient(145deg, var(--crm-primary), var(--crm-purple)); font-weight: 850; }
.crm-meta-queue-person strong { display: block; color: var(--crm-text); font-size: 14px; }
.crm-meta-queue-person small { display: block; margin-top: 3px; color: var(--crm-muted); font-size: 10px; }
.crm-meta-queue-card dl { display: grid; gap: 7px; margin: 15px 0; padding: 12px; border: 1px solid var(--crm-border); border-radius: 13px; background: #fff; }
.crm-meta-queue-card dl > div { display: grid; grid-template-columns: 82px 1fr; gap: 10px; }
.crm-meta-queue-card dt { color: var(--crm-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .05em; }
.crm-meta-queue-card dd { min-width: 0; margin: 0; color: var(--crm-text); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.crm-meta-queue-assign { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 9px; }
.crm-meta-queue-assign select { width: 100%; height: 42px; border: 1px solid var(--crm-border); border-radius: 11px; background: #fff; color: var(--crm-text); padding: 0 10px; }

/* Carteira operacional dos agentes */
.crm-agent-inbox-panel { margin-top: 18px; }
.crm-agent-inbox-heading { margin-bottom: 16px; }
.crm-agent-lead-toolbar { display: grid; grid-template-columns: 1.4fr .8fr .7fr; gap: 10px; margin-bottom: 12px; padding: 13px; border-radius: 16px; background: var(--crm-surface-2); }
.crm-agent-lead-toolbar select { width: 100%; height: 46px; margin: 0; padding: 0 34px 0 12px; border: 1px solid var(--crm-border); border-radius: 13px; background: #fff; color: var(--crm-text); outline: 0; }
.crm-agent-lead-summary { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.crm-agent-lead-summary span { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid var(--crm-border); border-radius: 999px; color: var(--crm-muted); background: #fff; font-size: 10px; }
.crm-agent-lead-summary b { color: var(--crm-text); }
.crm-agent-lead-summary i { width: 7px; height: 7px; border-radius: 999px; }
.crm-lead-summary-new { background: var(--crm-info); }
.crm-lead-summary-progress { background: var(--crm-primary); }
.crm-lead-summary-waiting { background: var(--crm-warning); }
.crm-lead-summary-completed { background: var(--crm-success); }
.crm-agent-leads-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.crm-agent-lead-card { position: relative; overflow: hidden; padding: 16px; border: 1px solid var(--crm-border); border-radius: 18px; background: #fff; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.crm-agent-lead-card:hover { transform: translateY(-1px); box-shadow: 0 13px 34px rgba(24,33,43,.07); }
.crm-agent-lead-card.is-new { border-color: rgba(77,145,199,.35); }
.crm-agent-lead-card.is-new::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: var(--crm-info); }
.crm-agent-lead-card > header { display: flex; align-items: center; justify-content: space-between; gap: 9px; margin-bottom: 13px; }
.crm-lead-status { padding: 5px 8px; border-radius: 999px; font-size: 9px; font-weight: 800; }
.crm-lead-status-new { color: #3677a9; background: rgba(77,145,199,.12); }
.crm-lead-status-progress { color: #435ebd; background: rgba(84,114,232,.12); }
.crm-lead-status-waiting { color: #99691c; background: rgba(212,154,54,.13); }
.crm-lead-status-completed { color: #237d5a; background: rgba(47,157,114,.12); }
.crm-agent-lead-person { display: flex; align-items: start; justify-content: space-between; gap: 12px; }
.crm-agent-lead-person strong { display: block; color: var(--crm-text); font-size: 15px; }
.crm-agent-lead-person small { display: block; margin-top: 3px; color: var(--crm-muted); font-size: 10px; }
.crm-agent-lead-person time { flex: 0 0 auto; color: var(--crm-muted); font-size: 9px; }
.crm-lead-attribution { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin-top: 14px; padding: 10px; border: 1px solid var(--crm-border); border-radius: 13px; background: var(--crm-surface-2); }
.crm-lead-attribution div { min-width: 0; }
.crm-lead-attribution span { display: block; color: var(--crm-muted); font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }
.crm-lead-attribution strong { display: block; overflow: hidden; margin-top: 3px; color: var(--crm-text); font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.crm-lead-extra { margin-top: 10px; }
.crm-lead-extra summary { color: var(--crm-primary); font-size: 10px; font-weight: 700; cursor: pointer; }
.crm-lead-extra dl { display: grid; gap: 6px; margin: 8px 0 0; padding: 10px; border-radius: 11px; background: var(--crm-surface-2); }
.crm-lead-extra dl > div { display: grid; grid-template-columns: minmax(90px, .55fr) 1fr; gap: 8px; }
.crm-lead-extra dt { color: var(--crm-muted); font-size: 9px; }
.crm-lead-extra dd { margin: 0; color: var(--crm-text); font-size: 10px; overflow-wrap: anywhere; }
.crm-agent-lead-card > footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--crm-border); }
.crm-lead-conclusion { margin-right: auto; color: var(--crm-success); font-size: 11px; font-weight: 800; }
.crm-lead-net { color: var(--crm-text); font-size: 12px; }

/* Toast adicional para wp-admin */
.cedro-crm-meta-admin .crm-toast-region { position: fixed; right: 25px; bottom: 25px; z-index: 100000; display: grid; gap: 9px; }

@media (max-width: 1180px) {
  .crm-meta-stat-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .crm-meta-diagnostic-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 960px) {
  .crm-meta-two-column, .crm-meta-form-body { grid-template-columns: 1fr; }
  .crm-meta-status-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .crm-meta-queue-grid, .crm-agent-leads-grid { grid-template-columns: 1fr; }
  .crm-agent-lead-toolbar { grid-template-columns: 1fr 1fr; }
  .crm-agent-lead-toolbar .crm-field:first-child { grid-column: 1 / -1; }
  .crm-meta-stat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .cedro-crm-meta-wrap { margin-right: 10px; }
  .crm-meta-admin-shell { padding: 16px; border-radius: 19px; }
  .crm-meta-admin-header { align-items: flex-start; flex-direction: column; }
  .crm-meta-health { min-width: 0; }
  .crm-meta-tabs { margin-inline: -2px; }
  .crm-meta-status-grid, .crm-meta-diagnostic-grid { grid-template-columns: 1fr 1fr; }
  .crm-meta-map-row { grid-template-columns: 1fr; gap: 5px; }
  .crm-meta-map-row > span { display: none; }
  .crm-meta-save-bar { align-items: stretch; flex-direction: column; bottom: 5px; }
  .crm-meta-save-bar .crm-button { width: 100%; }
  .crm-meta-dashboard-actions { width: 100%; align-items: stretch; flex-direction: column; }
  .crm-meta-dashboard-actions select, .crm-meta-dashboard-actions .crm-button { width: 100%; }
  .crm-meta-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .crm-meta-queue-assign { grid-template-columns: 1fr; }
  .crm-agent-lead-toolbar { grid-template-columns: 1fr; }
  .crm-agent-lead-toolbar .crm-field:first-child { grid-column: auto; }
  .crm-lead-attribution { grid-template-columns: 1fr; }
  .crm-form-grid-3 { grid-template-columns: 1fr; }
}

@media (max-width: 440px) {
  .crm-meta-status-grid, .crm-meta-diagnostic-grid, .crm-meta-stat-grid { grid-template-columns: 1fr; }
  .crm-meta-copy-field > div { flex-wrap: wrap; }
  .crm-meta-copy-field code { flex: 1 0 calc(100% - 45px); }
  .crm-agent-lead-card > footer .crm-button { width: 100%; }
}

/* Estados operacionais exibidos também no resumo administrativo. */
.cedro-crm .crm-status-info { background: rgba(50, 121, 214, .11); color: #2866b5; }
.cedro-crm .crm-status-purple { background: rgba(117, 82, 190, .11); color: #6844aa; }
.cedro-crm .crm-status-neutral { background: rgba(82, 96, 116, .10); color: #526074; }
.cedro-crm .crm-meta-webhook-state { display: flex; gap: 10px; align-items: center; margin: 14px 0; padding: 12px 14px; border: 1px solid var(--crm-border); border-radius: 14px; background: rgba(82,96,116,.04); }
.cedro-crm .crm-meta-webhook-state > i { width: 9px; height: 9px; flex: 0 0 9px; border-radius: 999px; background: #9aa4b2; box-shadow: 0 0 0 5px rgba(154,164,178,.12); }
.cedro-crm .crm-meta-webhook-state.is-verified > i { background: #2f9d72; box-shadow: 0 0 0 5px rgba(47,157,114,.12); }
.cedro-crm .crm-meta-webhook-state div { display: grid; gap: 2px; min-width: 0; }
.cedro-crm .crm-meta-webhook-state strong { font-size: 13px; color: var(--crm-text); }
.cedro-crm .crm-meta-webhook-state small { color: var(--crm-muted); font-size: 11px; }
.cedro-crm .crm-meta-copy-field-inline { margin-top: 4px; }
.cedro-crm .crm-meta-copy-field-inline small { display: block; margin-top: 7px; color: var(--crm-muted); line-height: 1.55; }

/* Cedro CRM 1.6.0 — estabilidade, reparos e diagnóstico Meta */
.crm-meta-oauth-environment { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 15px; padding: 13px; border: 1px solid var(--crm-border); border-radius: 15px; background: var(--crm-surface-2); }
.crm-meta-oauth-environment > div { min-width: 0; padding: 10px 11px; border-radius: 11px; background: #fff; }
.crm-meta-oauth-environment span { display: block; color: var(--crm-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .05em; }
.crm-meta-oauth-environment strong { display: block; margin-top: 4px; overflow: hidden; color: var(--crm-text); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.crm-meta-oauth-environment p { grid-column: 1 / -1; margin: 0; color: var(--crm-muted); font-size: 10px; line-height: 1.55; }
.crm-meta-oauth-environment.is-ok { border-color: rgba(47,157,114,.22); background: rgba(47,157,114,.055); }
.crm-meta-oauth-environment.is-warning { border-color: rgba(212,154,54,.28); background: rgba(212,154,54,.07); }

.crm-meta-token-diagnostic { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 9px; margin-top: 16px; }
.crm-meta-token-diagnostic > div { min-width: 0; padding: 12px; border: 1px solid var(--crm-border); border-radius: 13px; background: var(--crm-surface-2); }
.crm-meta-token-diagnostic span { display: block; color: var(--crm-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .05em; }
.crm-meta-token-diagnostic strong { display: block; margin-top: 4px; color: var(--crm-text); font-size: 11px; overflow-wrap: anywhere; }
.crm-meta-token-diagnostic > div.is-danger { border-color: rgba(216,102,102,.28); background: rgba(216,102,102,.07); }
.crm-meta-token-diagnostic > div.is-danger strong { color: #a84646; }
.crm-meta-scope-box { display: grid; grid-template-columns: minmax(200px, .65fr) 1fr; align-items: center; gap: 14px; margin-top: 10px; padding: 14px; border: 1px solid var(--crm-border); border-radius: 14px; background: #fff; }
.crm-meta-scope-box.is-ok { border-color: rgba(47,157,114,.24); }
.crm-meta-scope-box.has-warning { border-color: rgba(212,154,54,.3); background: rgba(212,154,54,.045); }
.crm-meta-scope-box strong { display: block; color: var(--crm-text); font-size: 12px; }
.crm-meta-scope-box small { display: block; margin-top: 3px; color: var(--crm-muted); font-size: 10px; line-height: 1.5; }
.crm-meta-scope-chips { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.crm-meta-scope-chips span { padding: 6px 8px; border-radius: 999px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 9px; }
.crm-meta-scope-chips .is-present { color: #237d5a; background: rgba(47,157,114,.11); }
.crm-meta-scope-chips .is-missing { color: #9a6a1c; background: rgba(212,154,54,.14); }

.crm-meta-subscription-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 14px; margin-top: 16px; padding: 16px; border: 1px solid var(--crm-border); border-radius: 17px; background: #fff; }
.crm-meta-subscription-icon { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 14px; color: var(--crm-primary); background: rgba(84,114,232,.1); font-size: 20px; }
.crm-meta-subscription-card span { display: block; color: var(--crm-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .05em; }
.crm-meta-subscription-card strong { display: block; margin-top: 3px; color: var(--crm-text); font-size: 13px; }
.crm-meta-subscription-card p { margin: 4px 0 0; color: var(--crm-muted); font-size: 10px; line-height: 1.5; }
.crm-meta-subscription-card small { display: block; margin-top: 5px; color: var(--crm-muted); font-size: 9px; }
.crm-meta-subscription-card.is-success { border-color: rgba(47,157,114,.25); background: rgba(47,157,114,.04); }
.crm-meta-subscription-card.is-success .crm-meta-subscription-icon { color: #237d5a; background: rgba(47,157,114,.12); }
.crm-meta-subscription-card.is-warning { border-color: rgba(212,154,54,.3); background: rgba(212,154,54,.05); }
.crm-meta-subscription-card.is-warning .crm-meta-subscription-icon { color: #99691c; background: rgba(212,154,54,.14); }
.crm-meta-subscription-card.is-error { border-color: rgba(216,102,102,.28); background: rgba(216,102,102,.05); }
.crm-meta-subscription-card.is-error .crm-meta-subscription-icon { color: #a84646; background: rgba(216,102,102,.12); }

.crm-meta-form-reconcile { display: grid; grid-template-columns: 8px 1fr; gap: 10px; align-items: start; padding: 10px 18px; border-bottom: 1px solid var(--crm-border); background: #fff; }
.crm-meta-form-reconcile > i { width: 7px; height: 7px; margin-top: 4px; border-radius: 999px; background: #b8c0ca; }
.crm-meta-form-reconcile strong { display: inline; color: var(--crm-text); font-size: 10px; }
.crm-meta-form-reconcile small { margin-left: 7px; color: var(--crm-muted); font-size: 9px; }
.crm-meta-form-reconcile p { margin: 4px 0 0; color: var(--crm-muted); font-size: 9px; line-height: 1.45; }
.crm-meta-form-reconcile.is-success > i { background: var(--crm-success); }
.crm-meta-form-reconcile.is-partial > i { background: var(--crm-warning); }
.crm-meta-form-reconcile.is-error > i { background: var(--crm-danger); }
.crm-meta-form-reconcile.is-error p { color: #a84646; }

.crm-meta-health-panel { margin-bottom: 18px; }
.crm-meta-service-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.crm-meta-service-card { min-width: 0; padding: 13px; border: 1px solid var(--crm-border); border-radius: 15px; background: var(--crm-surface-2); }
.crm-meta-service-card header { display: grid; grid-template-columns: 8px minmax(0, 1fr) auto; align-items: center; gap: 7px; }
.crm-meta-service-card header i { width: 7px; height: 7px; border-radius: 999px; background: #b8c0ca; }
.crm-meta-service-card header span { color: var(--crm-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .04em; }
.crm-meta-service-card header b { padding: 4px 6px; border-radius: 999px; color: var(--crm-muted); background: #fff; font-size: 8px; }
.crm-meta-service-card > strong { display: block; min-height: 32px; margin-top: 10px; color: var(--crm-text); font-size: 11px; line-height: 1.45; }
.crm-meta-service-card dl { display: grid; gap: 5px; margin: 11px 0 0; padding-top: 9px; border-top: 1px solid var(--crm-border); }
.crm-meta-service-card dl > div { display: flex; justify-content: space-between; gap: 8px; }
.crm-meta-service-card dt { color: var(--crm-muted); font-size: 8px; }
.crm-meta-service-card dd { margin: 0; color: var(--crm-text); font-size: 8px; text-align: right; }
.crm-meta-service-card.is-success { border-color: rgba(47,157,114,.22); background: rgba(47,157,114,.045); }
.crm-meta-service-card.is-success header i { background: var(--crm-success); }
.crm-meta-service-card.is-success header b { color: #237d5a; background: rgba(47,157,114,.12); }
.crm-meta-service-card.is-warning, .crm-meta-service-card.is-partial { border-color: rgba(212,154,54,.28); background: rgba(212,154,54,.05); }
.crm-meta-service-card.is-warning header i, .crm-meta-service-card.is-partial header i { background: var(--crm-warning); }
.crm-meta-service-card.is-warning header b, .crm-meta-service-card.is-partial header b { color: #99691c; background: rgba(212,154,54,.14); }
.crm-meta-service-card.is-error { border-color: rgba(216,102,102,.27); background: rgba(216,102,102,.05); }
.crm-meta-service-card.is-error header i { background: var(--crm-danger); }
.crm-meta-service-card.is-error header b { color: #a84646; background: rgba(216,102,102,.12); }

.crm-meta-log-panel { margin-top: 18px; }
.crm-meta-log-toolbar { display: grid; grid-template-columns: 190px 220px 1fr; align-items: end; gap: 10px; margin: 15px 0; padding: 12px; border-radius: 14px; background: var(--crm-surface-2); }
.crm-meta-log-toolbar label { display: grid; gap: 6px; }
.crm-meta-log-toolbar label > span { color: var(--crm-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .05em; }
.crm-meta-log-toolbar select { width: 100%; height: 40px; margin: 0; padding: 0 34px 0 10px; border: 1px solid var(--crm-border); border-radius: 11px; color: var(--crm-text); background: #fff; }
.crm-meta-log-toolbar > span { justify-self: end; align-self: center; color: var(--crm-muted); font-size: 10px; }
.crm-meta-log[hidden] { display: none !important; }

@media (max-width: 1080px) {
  .crm-meta-token-diagnostic, .crm-meta-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .crm-meta-scope-box { grid-template-columns: 1fr; }
  .crm-meta-scope-chips { justify-content: flex-start; }
}

@media (max-width: 700px) {
  .crm-meta-oauth-environment, .crm-meta-token-diagnostic, .crm-meta-service-grid { grid-template-columns: 1fr; }
  .crm-meta-subscription-card { grid-template-columns: auto 1fr; }
  .crm-meta-subscription-card .crm-button { grid-column: 1 / -1; width: 100%; }
  .crm-meta-log-toolbar { grid-template-columns: 1fr; }
  .crm-meta-log-toolbar > span { justify-self: start; }
  .crm-meta-form-reconcile small { display: block; margin: 2px 0 0; }
}

/* Cedro CRM 1.8.0 — caixa unificada, carteira compartilhada e conversas Meta */
.crm-agent-header-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.crm-agent-source-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0 0 14px; }
.crm-agent-source-summary > span { min-width: 0; padding: 11px 12px; border: 1px solid var(--crm-border); border-radius: 14px; background: var(--crm-surface-2); }
.crm-agent-source-summary b { display: block; color: var(--crm-text); font-size: 16px; line-height: 1; }
.crm-agent-source-summary small { display: block; margin-top: 5px; color: var(--crm-muted); font-size: 9px; line-height: 1.35; }
.crm-lead-summary-shared { border-color: rgba(117,82,190,.2) !important; background: rgba(117,82,190,.055) !important; }
.crm-lead-summary-shared i { background: var(--crm-purple); }
.crm-source-conversation { color: #6844aa; background: rgba(117,82,190,.12); }
.crm-agent-lead-card { cursor: pointer; outline: 0; }
.crm-agent-lead-card:focus-visible { border-color: rgba(84,114,232,.65); box-shadow: 0 0 0 4px rgba(84,114,232,.12), 0 13px 34px rgba(24,33,43,.07); }
.crm-agent-lead-card.is-shared { border-style: dashed; border-color: rgba(117,82,190,.34); background: linear-gradient(180deg, rgba(117,82,190,.035), #fff 38%); }
.crm-agent-lead-card.is-conversation::after { content: ""; position: absolute; right: -28px; top: -28px; width: 90px; height: 90px; border-radius: 999px; background: radial-gradient(circle, rgba(117,82,190,.10), rgba(117,82,190,0) 70%); pointer-events: none; }
.crm-lead-card-state { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
.crm-lead-unread { display: inline-grid; place-items: center; min-width: 21px; height: 21px; padding: 0 6px; border-radius: 999px; color: #fff; background: var(--crm-danger); font-size: 9px; font-weight: 850; box-shadow: 0 5px 12px rgba(216,102,102,.24); }
.crm-lead-message-preview { margin: 12px 0 0; padding: 11px 12px; border-left: 3px solid rgba(117,82,190,.45); border-radius: 0 12px 12px 0; color: var(--crm-text); background: rgba(117,82,190,.055); font-size: 10px; line-height: 1.5; }
.crm-lead-card-open { display: inline-flex; align-items: center; gap: 6px; color: var(--crm-primary); font-size: 10px; font-weight: 800; }
.crm-lead-card-open::after { content: "→"; transition: transform .18s ease; }
.crm-agent-lead-card:hover .crm-lead-card-open::after { transform: translateX(3px); }
.crm-lead-detail-modal { max-width: 720px; }
.crm-lead-detail-identity { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 13px; align-items: center; padding: 14px; border: 1px solid var(--crm-border); border-radius: 16px; background: var(--crm-surface-2); }
.crm-lead-detail-avatar { width: 54px; height: 54px; display: grid; place-items: center; overflow: hidden; border-radius: 17px; color: #fff; background: linear-gradient(145deg, var(--crm-primary), var(--crm-purple)); font-size: 20px; font-weight: 850; }
.crm-lead-detail-avatar img { width: 100%; height: 100%; object-fit: cover; }
.crm-lead-detail-identity strong { display: block; color: var(--crm-text); font-size: 16px; }
.crm-lead-detail-identity small { display: block; margin-top: 3px; color: var(--crm-muted); font-size: 10px; overflow-wrap: anywhere; }
.crm-lead-detail-badges { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 8px; }
.crm-lead-shared-notice { margin: 12px 0; padding: 11px 13px; border: 1px dashed rgba(117,82,190,.35); border-radius: 13px; color: #6844aa; background: rgba(117,82,190,.055); font-size: 10px; line-height: 1.5; }
.crm-lead-detail-origin { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 13px; }
.crm-lead-detail-origin > div { min-width: 0; padding: 11px 12px; border: 1px solid var(--crm-border); border-radius: 13px; background: #fff; }
.crm-lead-detail-origin span, .crm-lead-detail-additional > span { display: block; color: var(--crm-muted); font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }
.crm-lead-detail-origin strong { display: block; margin-top: 4px; color: var(--crm-text); font-size: 11px; overflow-wrap: anywhere; }
.crm-lead-detail-message { margin-top: 13px; padding: 13px 14px; border-radius: 14px; background: rgba(117,82,190,.065); }
.crm-lead-detail-message span { color: #6844aa; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.crm-lead-detail-message blockquote { margin: 8px 0 0; color: var(--crm-text); font-size: 12px; line-height: 1.55; }
.crm-lead-detail-additional { margin-top: 13px; padding: 13px; border: 1px solid var(--crm-border); border-radius: 14px; background: var(--crm-surface-2); }
.crm-lead-detail-additional dl { display: grid; gap: 7px; margin: 9px 0 0; }
.crm-lead-detail-additional dl > div { display: grid; grid-template-columns: minmax(90px, .45fr) 1fr; gap: 9px; }
.crm-lead-detail-additional dt { color: var(--crm-muted); font-size: 9px; }
.crm-lead-detail-additional dd { margin: 0; color: var(--crm-text); font-size: 10px; overflow-wrap: anywhere; }
.crm-lead-detail-result { margin-right: auto; display: grid; gap: 2px; }
.crm-lead-detail-result small { color: var(--crm-muted); font-size: 8px; text-transform: uppercase; letter-spacing: .06em; }
.crm-lead-detail-result strong { color: var(--crm-success); font-size: 11px; }
.crm-lead-detail-result b { color: var(--crm-text); font-size: 12px; }
.crm-manual-lead-modal { max-width: 620px; }
.crm-manual-lead-intro { margin: 0 0 14px; padding: 11px 13px; border-radius: 13px; color: var(--crm-muted); background: var(--crm-surface-2); font-size: 10px; line-height: 1.55; }
.crm-meta-conversation-subscription { margin-top: 10px; }
.crm-meta-conversation-note { margin-top: 10px; padding: 13px 15px; border: 1px solid var(--crm-border); border-radius: 15px; background: var(--crm-surface-2); }
.crm-meta-conversation-note strong { color: var(--crm-text); font-size: 11px; }
.crm-meta-conversation-note p { margin: 5px 0 0; color: var(--crm-muted); font-size: 10px; line-height: 1.55; }

@media (max-width: 960px) {
  .crm-agent-source-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .crm-agent-header-actions { width: 100%; justify-content: stretch; }
  .crm-agent-header-actions .crm-button { flex: 1 1 auto; }
  .crm-lead-detail-origin { grid-template-columns: 1fr; }
}

@media (max-width: 440px) {
  .crm-agent-source-summary { grid-template-columns: 1fr 1fr; }
  .crm-lead-detail-identity { grid-template-columns: 1fr; }
  .crm-lead-detail-avatar { width: 48px; height: 48px; }
  .crm-lead-detail-additional dl > div { grid-template-columns: 1fr; gap: 2px; }
}

/* V1.9.0 — múltiplas conexões e caixa de conversas */
.cedro-crm .crm-connections-heading { align-items: flex-start; gap: 18px; }
.cedro-crm .crm-connections-heading > div:last-child { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }
.cedro-crm .crm-connections-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.cedro-crm .crm-connection-card {
  appearance: none !important; width: 100% !important; min-height: 228px !important; padding: 18px !important;
  display: grid !important; grid-template-columns: 44px minmax(0,1fr) !important; gap: 13px !important; text-align: left !important;
  color: var(--crm-text) !important; background: linear-gradient(145deg,#fff,#fbfcff) !important;
  border: 1px solid var(--crm-border) !important; border-radius: 19px !important; box-shadow: 0 10px 30px rgba(25,41,77,.055) !important;
  cursor: pointer !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.cedro-crm .crm-connection-card:hover { transform: translateY(-3px); border-color: rgba(84,114,232,.34) !important; box-shadow: 0 16px 38px rgba(25,41,77,.095) !important; }
.cedro-crm .crm-connection-card-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; color: #536fe8; background: rgba(84,114,232,.10); font-size: 21px; }
.cedro-crm .crm-connection-card-copy { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.cedro-crm .crm-connection-card-copy small { color: var(--crm-muted); font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.cedro-crm .crm-connection-card-copy strong { overflow: hidden; color: var(--crm-text); font-size: 16px; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-connection-card-copy > span { overflow: hidden; color: var(--crm-muted); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-connection-card-metrics { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }
.cedro-crm .crm-connection-card-metrics i { padding: 9px 7px; display: flex; flex-direction: column; gap: 2px; border-radius: 11px; background: #f5f7fb; color: var(--crm-muted); font-size: 9px; font-style: normal; text-align: center; }
.cedro-crm .crm-connection-card-metrics b { color: var(--crm-text); font-size: 15px; font-variant-numeric: tabular-nums; }
.cedro-crm .crm-connection-card-foot { grid-column: 1 / -1; align-self: end; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-top: 12px; border-top: 1px solid var(--crm-border); }
.cedro-crm .crm-connection-card-foot small { color: var(--crm-muted); font-size: 10px; }
.cedro-crm .crm-connection-card-foot b { color: var(--crm-primary); font-size: 11px; }
.cedro-crm .crm-modal-xl { width: min(1120px, calc(100vw - 30px)); }
.cedro-crm .crm-modal-layer-2 { z-index: 100003; background: rgba(12,19,35,.42); }
.cedro-crm .crm-connection-account-picker > span,
.cedro-crm .crm-ad-config-agents > span { display: block; margin-bottom: 8px; color: var(--crm-text); font-size: 12px; font-weight: 750; }
.cedro-crm .crm-connection-account-checks { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.cedro-crm .crm-connection-ads-section { margin-top: 20px; padding-top: 17px; border-top: 1px solid var(--crm-border); }
.cedro-crm .crm-connection-ad-search { max-width: 460px; }
.cedro-crm .crm-connection-ad-picker { max-height: 420px; overflow: auto; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; padding: 4px 4px 5px; }
.cedro-crm .crm-connection-ad-option { position: relative; min-width: 0; padding: 10px; display: grid; grid-template-columns: 58px minmax(0,1fr) auto; gap: 10px; align-items: center; border: 1px solid var(--crm-border); border-radius: 14px; background: #fff; cursor: pointer; transition: border-color .16s ease, background .16s ease; }
.cedro-crm .crm-connection-ad-option.is-selected { border-color: rgba(84,114,232,.38); background: rgba(84,114,232,.045); }
.cedro-crm .crm-connection-ad-option > input { position: absolute; opacity: 0; pointer-events: none; }
.cedro-crm .crm-connection-ad-thumb,.cedro-crm .crm-connection-detail-thumb { width: 58px; height: 48px; overflow: hidden; display: grid; place-items: center; border-radius: 10px; background: #eef1f7; color: var(--crm-muted); }
.cedro-crm .crm-connection-ad-thumb img,.cedro-crm .crm-connection-detail-thumb img { width: 100%; height: 100%; object-fit: cover; }
.cedro-crm .crm-connection-ad-copy { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.cedro-crm .crm-connection-ad-copy small,.cedro-crm .crm-connection-detail-copy small { width: max-content; color: var(--crm-muted); font-size: 8px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.cedro-crm .crm-connection-ad-copy small.is-form,.cedro-crm .crm-connection-detail-copy small.is-form { color: #4762d3; }
.cedro-crm .crm-connection-ad-copy small.is-conversation,.cedro-crm .crm-connection-detail-copy small.is-conversation { color: #078b72; }
.cedro-crm .crm-connection-ad-copy strong { overflow: hidden; color: var(--crm-text); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-connection-ad-copy > span { overflow: hidden; color: var(--crm-muted); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-connection-detail-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin-bottom: 16px; }
.cedro-crm .crm-connection-detail-summary > span { padding: 11px 12px; display: flex; flex-direction: column; gap: 3px; border-radius: 12px; background: #f6f8fb; }
.cedro-crm .crm-connection-detail-summary small { color: var(--crm-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.cedro-crm .crm-connection-detail-summary strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-connection-detail-tabs,.cedro-crm .crm-agent-source-tabs { display: flex; gap: 5px; padding: 5px; margin-bottom: 15px; overflow-x: auto; border-radius: 13px; background: #f3f5f8; }
.cedro-crm .crm-connection-detail-tabs button,.cedro-crm .crm-agent-source-tabs button { min-height: 36px !important; padding: 0 13px !important; display: inline-flex !important; align-items: center !important; gap: 7px !important; border: 0 !important; border-radius: 9px !important; color: var(--crm-muted) !important; background: transparent !important; font-size: 11px !important; font-weight: 750 !important; white-space: nowrap !important; cursor: pointer !important; }
.cedro-crm .crm-connection-detail-tabs button.is-active,.cedro-crm .crm-agent-source-tabs button.is-active { color: var(--crm-primary-dark) !important; background: #fff !important; box-shadow: 0 3px 12px rgba(24,37,67,.08) !important; }
.cedro-crm .crm-agent-source-tabs b { min-width: 20px; padding: 2px 6px; border-radius: 999px; background: rgba(84,114,232,.10); color: var(--crm-primary); font-size: 9px; text-align: center; }
.cedro-crm .crm-connection-detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.cedro-crm .crm-connection-detail-ad { width: 100% !important; padding: 11px !important; display: grid !important; grid-template-columns: 64px minmax(0,1fr) auto !important; gap: 11px !important; align-items: center !important; border: 1px solid var(--crm-border) !important; border-radius: 15px !important; background: #fff !important; color: var(--crm-text) !important; text-align: left !important; cursor: pointer !important; }
.cedro-crm .crm-connection-detail-ad:hover,.cedro-crm .crm-connection-detail-ad.is-enabled { border-color: rgba(84,114,232,.30) !important; }
.cedro-crm .crm-connection-detail-copy { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.cedro-crm .crm-connection-detail-copy strong,.cedro-crm .crm-connection-detail-copy span,.cedro-crm .crm-connection-detail-copy em { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-connection-detail-copy strong { font-size: 12px; }
.cedro-crm .crm-connection-detail-copy span,.cedro-crm .crm-connection-detail-copy em { color: var(--crm-muted); font-size: 9px; font-style: normal; }
.cedro-crm .crm-connection-detail-ad > b { color: var(--crm-primary); font-size: 10px; white-space: nowrap; }
.cedro-crm .crm-ad-config-hero { display: grid; grid-template-columns: 84px minmax(0,1fr); gap: 13px; align-items: center; margin-bottom: 16px; padding: 13px; border-radius: 15px; background: linear-gradient(135deg,#f6f8ff,#f8fbfa); }
.cedro-crm .crm-ad-config-hero .crm-connection-detail-thumb { width: 84px; height: 68px; }
.cedro-crm .crm-ad-config-hero > div { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.cedro-crm .crm-ad-config-hero small { color: var(--crm-muted); font-size: 9px; text-transform: uppercase; }
.cedro-crm .crm-ad-config-hero strong { font-size: 14px; }
.cedro-crm .crm-ad-config-hero p { margin: 0; color: var(--crm-muted); font-size: 10px; }
.cedro-crm .crm-ad-enable-row { margin: 0 0 18px; padding: 12px 13px; border: 1px solid var(--crm-border); border-radius: 14px; }
.cedro-crm .crm-field-mapping { margin-bottom: 18px; }
.cedro-crm .crm-field-mapping-row { padding: 8px 0; display: grid; grid-template-columns: minmax(0,1fr) 190px; gap: 12px; align-items: center; border-bottom: 1px solid var(--crm-border); }
.cedro-crm .crm-field-mapping-row > span { display: flex; flex-direction: column; gap: 2px; }
.cedro-crm .crm-field-mapping-row strong { font-size: 11px; }
.cedro-crm .crm-field-mapping-row small { color: var(--crm-muted); font-size: 9px; }
.cedro-crm .crm-field-mapping-row select { min-height: 37px; border: 1px solid var(--crm-border); border-radius: 9px; background: #fff; }
.cedro-crm .crm-ad-config-distribution { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.cedro-crm .crm-ad-config-agents { grid-column: 1/-1; }
.cedro-crm .crm-source-conversation-manual { color: #8a5a0b !important; background: #fff5d9 !important; }
.cedro-crm .crm-agent-source-tabs { margin: 0 0 14px; }
.cedro-crm .crm-agent-source-tabs button span { font-size: 14px; }
.cedro-crm .crm-agent-conversation-workspace { margin: 0 0 16px; padding: 16px; border: 1px solid rgba(35,164,132,.17); border-radius: 18px; background: linear-gradient(145deg,rgba(35,164,132,.035),rgba(84,114,232,.025)); }
.cedro-crm .crm-conversation-workspace-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 13px; }
.cedro-crm .crm-conversation-workspace-top h4 { margin: 2px 0 4px; font-size: 16px; }
.cedro-crm .crm-conversation-workspace-top p { max-width: 670px; margin: 0; color: var(--crm-muted); font-size: 11px; line-height: 1.55; }
.cedro-crm .crm-conversation-workspace-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-bottom: 14px; }
.cedro-crm .crm-conversation-workspace-stats article { min-height: 92px; padding: 12px; display: flex; flex-direction: column; border: 1px solid var(--crm-border); border-radius: 13px; background: rgba(255,255,255,.88); }
.cedro-crm .crm-conversation-workspace-stats article.has-gap { border-color: rgba(222,146,37,.30); background: #fffaf0; }
.cedro-crm .crm-conversation-workspace-stats span { color: var(--crm-muted); font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .05em; }
.cedro-crm .crm-conversation-workspace-stats strong { margin: 4px 0; font-size: 20px; font-variant-numeric: tabular-nums; }
.cedro-crm .crm-conversation-workspace-stats small { color: var(--crm-muted); font-size: 9px; line-height: 1.35; }
.cedro-crm .crm-conversation-recent-panel { padding-top: 11px; border-top: 1px solid rgba(35,164,132,.14); }
.cedro-crm .crm-conversation-recent-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; max-height: 410px; overflow: auto; }
.cedro-crm .crm-conversation-recent-item { width: 100% !important; padding: 9px !important; display: grid !important; grid-template-columns: 54px minmax(0,1fr) auto !important; gap: 9px !important; align-items: center !important; border: 1px solid var(--crm-border) !important; border-radius: 13px !important; background: rgba(255,255,255,.92) !important; color: var(--crm-text) !important; text-align: left !important; cursor: pointer !important; }
.cedro-crm .crm-conversation-recent-item:hover { border-color: rgba(35,164,132,.33) !important; }
.cedro-crm .crm-conversation-recent-thumb { width: 54px; height: 48px; overflow: hidden; display: grid; place-items: center; border-radius: 10px; background: #edf4f2; color: #168d75; }
.cedro-crm .crm-conversation-recent-thumb img { width: 100%; height: 100%; object-fit: cover; }
.cedro-crm .crm-conversation-recent-item > span:nth-child(2) { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.cedro-crm .crm-conversation-recent-item small { color: var(--crm-muted); font-size: 8px; font-weight: 800; letter-spacing: .06em; }
.cedro-crm .crm-conversation-recent-item strong,.cedro-crm .crm-conversation-recent-item em,.cedro-crm .crm-conversation-recent-item p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-conversation-recent-item strong { font-size: 11px; }
.cedro-crm .crm-conversation-recent-item em { color: var(--crm-muted); font-size: 9px; font-style: normal; }
.cedro-crm .crm-conversation-recent-item p { margin: 1px 0 0; color: var(--crm-muted); font-size: 9px; }
.cedro-crm .crm-conversation-recent-item > b { color: var(--crm-primary); font-size: 9px; white-space: nowrap; }
.cedro-crm .crm-conversation-register-intro { margin-bottom: 14px; padding: 12px; display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 10px; border-radius: 13px; background: rgba(35,164,132,.06); }
.cedro-crm .crm-conversation-register-intro > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; color: #078b72; background: #fff; }
.cedro-crm .crm-conversation-register-intro strong { display: block; font-size: 12px; }
.cedro-crm .crm-conversation-register-intro p { margin: 2px 0 0; color: var(--crm-muted); font-size: 10px; line-height: 1.45; }
.cedro-crm .crm-conversation-selected-ad { margin: 9px 0 14px; padding: 10px; display: grid; grid-template-columns: 66px minmax(0,1fr); gap: 10px; align-items: center; border: 1px solid rgba(84,114,232,.16); border-radius: 13px; background: #f8f9fe; }
.cedro-crm .crm-conversation-ad-preview-thumb { width: 66px; height: 52px; overflow: hidden; display: grid; place-items: center; border-radius: 10px; background: #e9edf7; }
.cedro-crm .crm-conversation-ad-preview-thumb img { width: 100%; height: 100%; object-fit: cover; }
.cedro-crm .crm-conversation-selected-ad > span:last-child { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.cedro-crm .crm-conversation-selected-ad small { color: var(--crm-muted); font-size: 9px; }
.cedro-crm .crm-conversation-selected-ad strong,.cedro-crm .crm-conversation-selected-ad em { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-conversation-selected-ad strong { font-size: 12px; }
.cedro-crm .crm-conversation-selected-ad em { color: var(--crm-muted); font-size: 9px; font-style: normal; }
@media (max-width: 1050px) {
  .cedro-crm .crm-connections-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cedro-crm .crm-connection-detail-summary,.cedro-crm .crm-conversation-workspace-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .cedro-crm .crm-connections-heading,.cedro-crm .crm-conversation-workspace-top { flex-direction: column; }
  .cedro-crm .crm-connections-heading > div:last-child { width: 100%; justify-content: stretch; }
  .cedro-crm .crm-connections-heading > div:last-child .crm-button,.cedro-crm .crm-conversation-workspace-top .crm-button { flex: 1; width: 100%; }
  .cedro-crm .crm-connections-grid,.cedro-crm .crm-connection-ad-picker,.cedro-crm .crm-connection-detail-grid,.cedro-crm .crm-conversation-recent-list { grid-template-columns: 1fr; }
  .cedro-crm .crm-connection-account-checks,.cedro-crm .crm-ad-config-distribution { grid-template-columns: 1fr; }
  .cedro-crm .crm-field-mapping-row { grid-template-columns: 1fr; }
  .cedro-crm .crm-connection-detail-ad { grid-template-columns: 56px minmax(0,1fr) !important; }
  .cedro-crm .crm-connection-detail-ad > b { grid-column: 2; }
}
@media (max-width: 520px) {
  .cedro-crm .crm-connections-grid,.cedro-crm .crm-connection-detail-summary,.cedro-crm .crm-conversation-workspace-stats { grid-template-columns: 1fr; }
  .cedro-crm .crm-connection-card-metrics { grid-template-columns: repeat(3,1fr); }
  .cedro-crm .crm-conversation-recent-item { grid-template-columns: 48px minmax(0,1fr) !important; }
  .cedro-crm .crm-conversation-recent-item > b { grid-column: 2; }
}

/* Cedro CRM 1.11.0 — status dos anúncios, cards compactos e Tráfego & Retorno */
.cedro-crm .crm-ad-card-badges { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; min-width: 0; }
.cedro-crm .crm-meta-delivery-badge { min-height: 21px; display: inline-flex; align-items: center; gap: 5px; padding: 0 8px; border-radius: 999px; border: 1px solid transparent; font-size: 8px; font-weight: 850; letter-spacing: .035em; text-transform: uppercase; white-space: nowrap; }
.cedro-crm .crm-meta-delivery-badge i { width: 6px; height: 6px; border-radius: 999px; background: currentColor; box-shadow: 0 0 0 3px color-mix(in srgb, currentColor 14%, transparent); }
.cedro-crm .crm-meta-delivery-badge.is-active { color: #237d5a; border-color: rgba(47,157,114,.20); background: rgba(47,157,114,.08); }
.cedro-crm .crm-meta-delivery-badge.is-paused { color: #9a6819; border-color: rgba(212,154,54,.25); background: rgba(212,154,54,.10); }
.cedro-crm .crm-meta-delivery-badge.is-pending { color: #456bb7; border-color: rgba(77,145,199,.22); background: rgba(77,145,199,.09); }
.cedro-crm .crm-meta-delivery-badge.is-issue { color: #b14f4f; border-color: rgba(216,102,102,.24); background: rgba(216,102,102,.09); }
.cedro-crm .crm-meta-delivery-badge.is-inactive,
.cedro-crm .crm-meta-delivery-badge.is-unknown { color: #697480; border-color: rgba(105,116,128,.18); background: rgba(105,116,128,.07); }
.cedro-crm .crm-connection-detail-ad.delivery-active { order: 0; }
.cedro-crm .crm-connection-detail-ad.delivery-paused { order: 1; }
.cedro-crm .crm-connection-detail-ad.delivery-pending { order: 2; }
.cedro-crm .crm-connection-detail-ad.delivery-issue { order: 3; }
.cedro-crm .crm-connection-detail-ad.delivery-inactive,
.cedro-crm .crm-connection-detail-ad.delivery-unknown { order: 4; opacity: .78; }

/* Cards operacionais mais compactos */
.cedro-crm .crm-agent-leads-grid { grid-template-columns: repeat(auto-fill, minmax(285px, 1fr)); gap: 9px; }
.cedro-crm .crm-agent-lead-card { padding: 11px 12px; border-radius: 14px; }
.cedro-crm .crm-agent-lead-card > header { margin-bottom: 8px; gap: 7px; }
.cedro-crm .crm-source-badge { min-height: 21px; padding: 0 7px; font-size: 7.5px; }
.cedro-crm .crm-lead-status { min-height: 21px; padding: 0 7px; font-size: 8px; }
.cedro-crm .crm-agent-lead-person { gap: 8px; }
.cedro-crm .crm-agent-lead-person strong { font-size: 13px; line-height: 1.25; }
.cedro-crm .crm-agent-lead-person small { margin-top: 2px; font-size: 9px; }
.cedro-crm .crm-agent-lead-person time { font-size: 8px; }
.cedro-crm .crm-lead-message-preview { max-height: 48px; overflow: hidden; margin: 8px 0 0; padding: 7px 9px; border-left-width: 2px; border-radius: 0 9px 9px 0; font-size: 9px; line-height: 1.4; }
.cedro-crm .crm-lead-attribution { gap: 5px; margin-top: 8px; padding: 7px; border-radius: 10px; }
.cedro-crm .crm-lead-attribution span { font-size: 7px; }
.cedro-crm .crm-lead-attribution strong { margin-top: 2px; font-size: 8.5px; }
.cedro-crm .crm-agent-lead-card > footer { gap: 6px; margin-top: 8px; padding-top: 7px; }
.cedro-crm .crm-lead-card-open { font-size: 9px; }
.cedro-crm .crm-lead-net { font-size: 10px; }
.cedro-crm .crm-lead-unread { min-width: 19px; height: 19px; font-size: 8px; }

/* Tráfego & Retorno */
.cedro-crm .crm-traffic-header { margin-bottom: 16px; }
.cedro-crm .crm-traffic-filter-panel { margin-bottom: 16px; padding: 16px; }
.cedro-crm .crm-traffic-filters { display: grid; grid-template-columns: repeat(4, minmax(150px, 1fr)); gap: 10px; }
.cedro-crm .crm-traffic-filters .crm-field { gap: 5px; }
.cedro-crm .crm-traffic-filters .crm-field > span { font-size: 9px; }
.cedro-crm .crm-traffic-filters select,
.cedro-crm .crm-traffic-filters input { min-height: 39px; height: 39px; padding-top: 0; padding-bottom: 0; border-radius: 10px; font-size: 11px; }
.cedro-crm .crm-traffic-filter-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--crm-border); }
.cedro-crm .crm-traffic-stat-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.cedro-crm .crm-traffic-chart-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cedro-crm .crm-traffic-breakdown-panel { margin-bottom: 14px; }
.cedro-crm .crm-traffic-table th,
.cedro-crm .crm-traffic-table td { white-space: nowrap; }
.cedro-crm .crm-traffic-table td:first-child { min-width: 240px; white-space: normal; }
.cedro-crm .crm-traffic-table td:first-child strong,
.cedro-crm .crm-traffic-table td:first-child small { display: block; }
.cedro-crm .crm-traffic-table td:first-child small { margin-top: 3px; color: var(--crm-muted); font-size: 9px; }

@media (max-width: 1180px) {
  .cedro-crm .crm-traffic-filters { grid-template-columns: repeat(3, minmax(145px, 1fr)); }
  .cedro-crm .crm-traffic-stat-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 820px) {
  .cedro-crm .crm-traffic-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cedro-crm .crm-traffic-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cedro-crm .crm-traffic-chart-grid { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .cedro-crm .crm-traffic-filters { grid-template-columns: 1fr; }
  .cedro-crm .crm-traffic-filter-actions { flex-direction: column-reverse; }
  .cedro-crm .crm-traffic-filter-actions .crm-button { width: 100%; }
  .cedro-crm .crm-agent-leads-grid { grid-template-columns: 1fr; }
}
.cedro-crm .crm-meta-queue-grid { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 9px; }
.cedro-crm .crm-meta-queue-card { padding: 11px 12px; border-radius: 14px; }
.cedro-crm .crm-meta-queue-card > header { margin-bottom: 8px; }
.cedro-crm .crm-meta-queue-card dl { gap: 5px; margin: 9px 0; padding: 8px 9px; border-radius: 10px; }
.cedro-crm .crm-meta-queue-card dl > div { grid-template-columns: 68px 1fr; gap: 7px; }
.cedro-crm .crm-meta-queue-card dt { font-size: 7.5px; }
.cedro-crm .crm-meta-queue-card dd { font-size: 9px; }

/* V1.11.0 — período da carteira, mini movimentações e ações em lote */
.cedro-crm .crm-agent-inbox-heading {
  min-height: 42px;
  justify-content: flex-end;
  margin-bottom: 8px;
}
.cedro-crm .crm-agent-lead-toolbar {
  grid-template-columns: minmax(220px, 1.35fr) minmax(155px, .55fr) minmax(250px, .85fr);
  align-items: end;
}
.cedro-crm .crm-agent-period-filter { grid-column: 1 / -1; width: min(100%, 680px); min-width: 0; justify-self: end; }
.cedro-crm .crm-agent-period-trigger {
  width: 100% !important;
  min-height: 46px !important;
  padding: 7px 12px !important;
  display: grid !important;
  grid-template-columns: 32px minmax(0,1fr) 18px !important;
  gap: 9px !important;
  align-items: center !important;
  border: 1px solid var(--crm-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--crm-text) !important;
  text-align: left !important;
  cursor: pointer !important;
  box-shadow: 0 5px 15px rgba(24,37,67,.035) !important;
}
.cedro-crm .crm-agent-period-trigger:hover { border-color: rgba(84,114,232,.32) !important; }
.cedro-crm .crm-agent-period-trigger > span:nth-child(2) { min-width: 0; display: grid; gap: 1px; }
.cedro-crm .crm-agent-period-trigger strong { font-size: 10px; }
.cedro-crm .crm-agent-period-trigger small { overflow: hidden; color: var(--crm-muted); font-size: 8.5px; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-agent-period-trigger > i { color: var(--crm-muted); font-size: 14px; font-style: normal; transition: transform .2s ease; }
.cedro-crm .crm-agent-period-trigger[aria-expanded="true"] > i { transform: rotate(180deg); }
.cedro-crm .crm-agent-period-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; background: rgba(84,114,232,.09); color: var(--crm-primary); font-size: 14px; font-weight: 850; }
.cedro-crm .crm-agent-period-wrapper {
  width: 100%;
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-7px);
  transition: grid-template-rows .28s ease, opacity .18s ease, transform .28s ease, visibility .28s;
}
.cedro-crm .crm-agent-period-wrapper.is-open { grid-template-rows: 1fr; opacity: 1; visibility: visible; transform: translateY(0); }
.cedro-crm .crm-agent-period-panel {
  min-height: 0;
  margin-top: 0;
  padding: 0 15px;
  overflow: hidden;
  border: 0 solid transparent;
  border-radius: 15px;
  background: rgba(255,255,255,.98);
  box-shadow: none;
  backdrop-filter: blur(14px);
  transition: margin-top .22s ease, padding .28s ease, border-width .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.cedro-crm .crm-agent-period-wrapper.is-open .crm-agent-period-panel {
  margin-top: 8px;
  padding: 15px;
  border-width: 1px;
  border-color: var(--crm-border);
  box-shadow: 0 20px 48px rgba(24,37,67,.14);
}
.cedro-crm .crm-agent-period-types { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; margin-bottom: 13px; padding: 4px; border-radius: 11px; background: #f3f5f8; }
.cedro-crm .crm-agent-period-types label { position: relative; cursor: pointer; }
.cedro-crm .crm-agent-period-types input { position: absolute; opacity: 0; pointer-events: none; }
.cedro-crm .crm-agent-period-types span { min-height: 34px; display: grid; place-items: center; border-radius: 8px; color: var(--crm-muted); font-size: 9.5px; font-weight: 750; }
.cedro-crm .crm-agent-period-types input:checked + span { color: var(--crm-primary-dark); background: #fff; box-shadow: 0 3px 10px rgba(24,37,67,.08); }
.cedro-crm .crm-agent-period-fields { display: none; }
.cedro-crm .crm-agent-period-fields.is-active { display: block; animation: crmPeriodIn .18s ease; }
@keyframes crmPeriodIn { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } }
.cedro-crm .crm-agent-period-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.cedro-crm .crm-agent-period-error { min-height: 16px; margin: 7px 0 0; color: #c93b43; font-size: 9px; }
.cedro-crm .crm-agent-period-actions { display: flex; justify-content: flex-end; gap: 7px; padding-top: 10px; border-top: 1px solid var(--crm-border); }

.cedro-crm .crm-agent-conversation-workspace {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr) 275px;
  gap: 12px;
  align-items: start;
  padding: 13px;
}
.cedro-crm .crm-conversation-workspace-main { min-width: 0; }
.cedro-crm .crm-conversation-workspace-top { margin-bottom: 10px; }
.cedro-crm .crm-conversation-workspace-stats { grid-template-columns: repeat(4,minmax(0,1fr)); margin-bottom: 0; }
.cedro-crm .crm-conversation-recent-panel {
  min-width: 0;
  max-height: 238px;
  padding: 9px;
  overflow: hidden;
  border: 1px solid rgba(35,164,132,.17);
  border-radius: 13px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 10px 24px rgba(24,37,67,.065);
}
.cedro-crm .crm-conversation-recent-heading { display: flex; align-items: center; justify-content: space-between; gap: 7px; padding: 0 1px 7px; }
.cedro-crm .crm-conversation-recent-heading strong { font-size: 9.5px; }
.cedro-crm .crm-conversation-recent-heading small { color: var(--crm-muted); font-size: 7.5px; }
.cedro-crm .crm-conversation-recent-list { display: grid; grid-template-columns: 1fr; gap: 5px; max-height: 192px; overflow: auto; padding-right: 2px; }
.cedro-crm .crm-conversation-recent-item {
  min-height: 48px !important;
  padding: 5px 6px !important;
  grid-template-columns: 35px minmax(0,1fr) !important;
  gap: 6px !important;
  border-radius: 9px !important;
}
.cedro-crm .crm-conversation-recent-thumb { width: 35px; height: 35px; border-radius: 8px; }
.cedro-crm .crm-conversation-recent-item small { font-size: 6.5px; }
.cedro-crm .crm-conversation-recent-item strong { overflow: hidden; font-size: 8.5px; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-conversation-recent-item em { overflow: hidden; color: var(--crm-muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-conversation-recent-item p { display: none; }
.cedro-crm .crm-conversation-recent-item > b { display: none; }

.cedro-crm .crm-ad-bulk-toolbar {
  display: grid;
  grid-template-columns: auto auto minmax(150px,210px) auto 1fr;
  gap: 8px;
  align-items: center;
  margin: 0 0 10px;
  padding: 9px 10px;
  border: 1px solid var(--crm-border);
  border-radius: 12px;
  background: #f7f9fc;
}
.cedro-crm .crm-ad-bulk-select-all { display: inline-flex; align-items: center; gap: 7px; color: var(--crm-text); font-size: 9px; font-weight: 750; cursor: pointer; }
.cedro-crm .crm-ad-bulk-select-all input { width: 15px; height: 15px; accent-color: var(--crm-primary); }
.cedro-crm .crm-ad-bulk-toolbar > span { color: var(--crm-muted); font-size: 8.5px; white-space: nowrap; }
.cedro-crm .crm-ad-bulk-toolbar > select { min-height: 34px; padding: 0 9px; border: 1px solid var(--crm-border); border-radius: 9px; background: #fff; color: var(--crm-text); font-size: 9px; }
.cedro-crm .crm-ad-bulk-toolbar > small { justify-self: end; color: var(--crm-muted); font-size: 8px; }
.cedro-crm .crm-connection-detail-ad {
  position: relative;
  padding: 8px !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0,1fr) !important;
  gap: 6px !important;
  cursor: default !important;
}
.cedro-crm .crm-connection-detail-ad.is-disabled { background: #fafbfc !important; opacity: .82; }
.cedro-crm .crm-ad-card-select { display: grid; place-items: center; align-self: stretch; cursor: pointer; }
.cedro-crm .crm-ad-card-select input { position: absolute; opacity: 0; pointer-events: none; }
.cedro-crm .crm-ad-card-select span { width: 16px; height: 16px; display: block; border: 1px solid #cbd2dc; border-radius: 5px; background: #fff; }
.cedro-crm .crm-ad-card-select input:checked + span { border-color: var(--crm-primary); background: var(--crm-primary); box-shadow: inset 0 0 0 3px #fff; }
.cedro-crm .crm-connection-detail-ad-main {
  width: 100% !important;
  min-width: 0 !important;
  padding: 2px !important;
  display: grid !important;
  grid-template-columns: 58px minmax(0,1fr) auto !important;
  gap: 9px !important;
  align-items: center !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--crm-text) !important;
  text-align: left !important;
  cursor: pointer !important;
}
.cedro-crm .crm-connection-detail-ad-main > b { color: var(--crm-primary); font-size: 9px; white-space: nowrap; }
.cedro-crm .crm-ad-card-badges { display: flex; flex-wrap: wrap; gap: 4px; }
.cedro-crm .crm-ad-type-badge,
.cedro-crm .crm-crm-state-badge { width: max-content; min-height: 18px; padding: 2px 7px; display: inline-flex; align-items: center; gap: 4px; border-radius: 999px; font-size: 7px !important; font-weight: 850 !important; letter-spacing: .04em; text-transform: uppercase; }
.cedro-crm .crm-ad-type-badge.is-form { color: #425dcb; background: rgba(84,114,232,.10); }
.cedro-crm .crm-ad-type-badge.is-conversation { color: #087d69; background: rgba(35,164,132,.11); }
.cedro-crm .crm-crm-state-badge.is-enabled { color: #08785f; background: #e8f7f1; }
.cedro-crm .crm-crm-state-badge.is-disabled { color: #8b4b55; background: #f8e9ec; }
.cedro-crm .crm-crm-state-badge i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; }

@media (max-width: 980px) {
  .cedro-crm .crm-agent-lead-toolbar { grid-template-columns: 1fr 1fr; }
  .cedro-crm .crm-agent-period-filter { grid-column: 1 / -1; }
  .cedro-crm .crm-agent-conversation-workspace { grid-template-columns: 1fr; }
  .cedro-crm .crm-conversation-recent-panel { max-height: 210px; }
  .cedro-crm .crm-ad-bulk-toolbar { grid-template-columns: auto 1fr minmax(140px,190px) auto; }
  .cedro-crm .crm-ad-bulk-toolbar > small { display: none; }
}
@media (max-width: 620px) {
  .cedro-crm .crm-agent-lead-toolbar { grid-template-columns: 1fr; }
  .cedro-crm .crm-agent-period-filter { grid-column: auto; width: 100%; justify-self: stretch; }
  .cedro-crm .crm-agent-period-grid { grid-template-columns: 1fr; }
  .cedro-crm .crm-agent-period-types { grid-template-columns: 1fr; }
  .cedro-crm .crm-conversation-workspace-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cedro-crm .crm-ad-bulk-toolbar { grid-template-columns: 1fr 1fr; }
  .cedro-crm .crm-ad-bulk-toolbar > select,
  .cedro-crm .crm-ad-bulk-toolbar > button { width: 100%; }
  .cedro-crm .crm-connection-detail-ad-main { grid-template-columns: 48px minmax(0,1fr) !important; }
  .cedro-crm .crm-connection-detail-ad-main > b { display: none; }
  .cedro-crm .crm-connection-detail-thumb { width: 48px; height: 43px; }
}

/* Cedro CRM 1.14.0 — conexão Meta guiada por Portfólio, conta e anúncio */
.cedro-crm .crm-meta-admin-modal {
  padding: clamp(8px, 2vh, 22px);
  align-items: center;
  overflow: hidden;
}
.cedro-crm .crm-meta-admin-modal .crm-modal {
  max-height: calc(100vh - 16px);
  max-height: calc(100dvh - 16px);
  overflow: hidden;
}
.cedro-crm .crm-meta-admin-modal .crm-modal-form {
  min-height: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.cedro-crm .crm-meta-admin-modal .crm-modal-body {
  min-height: 0;
  flex: 1 1 auto;
  overflow: auto;
  scrollbar-gutter: stable;
}
.cedro-crm .crm-meta-admin-modal .crm-modal-header,
.cedro-crm .crm-meta-admin-modal .crm-modal-footer {
  position: relative;
  z-index: 2;
  background: #fff;
}
.cedro-crm .crm-meta-admin-modal .crm-modal-footer {
  min-height: 76px;
  flex-wrap: wrap;
  box-shadow: 0 -12px 28px rgba(27, 39, 68, .035);
}
.cedro-crm .crm-meta-admin-modal .crm-modal-footer > span:first-child {
  min-width: 180px;
  margin-right: auto;
  color: var(--crm-muted);
  font-size: 10px;
  line-height: 1.45;
}
.cedro-crm .crm-modal-layer-2 { z-index: 100003; }
.cedro-crm .crm-modal-layer-3 { z-index: 100004; background: rgba(12, 19, 35, .54); }
.cedro-crm .crm-connection-editor { width: min(1180px, calc(100vw - 24px)); }
.cedro-crm .crm-account-ads-modal { width: min(1160px, calc(100vw - 24px)); }
.cedro-crm .crm-ad-config-modal { width: min(820px, calc(100vw - 24px)); }
.cedro-crm .crm-connection-editor-body { padding: 18px 20px 24px; background: #f7f9fc; }
.cedro-crm .crm-connection-editor-footer > span { max-width: 460px; }

.cedro-crm .crm-connection-step {
  margin: 0 0 14px;
  padding: 17px;
  border: 1px solid var(--crm-border);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(30, 43, 74, .035);
}
.cedro-crm .crm-connection-step:last-child { margin-bottom: 0; }
.cedro-crm .crm-connection-step-heading {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin-bottom: 14px;
}
.cedro-crm .crm-connection-step-heading > span {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: #fff;
  background: var(--crm-primary);
  box-shadow: 0 8px 18px rgba(84, 114, 232, .20);
  font-size: 11px;
  font-weight: 900;
}
.cedro-crm .crm-connection-step-heading > div {
  min-width: 0;
  flex: 1 1 auto;
  display: grid;
  gap: 3px;
}
.cedro-crm .crm-connection-step-heading strong { color: var(--crm-text); font-size: 13px; }
.cedro-crm .crm-connection-step-heading small { color: var(--crm-muted); font-size: 10px; line-height: 1.5; }
.cedro-crm .crm-connection-step-heading > b {
  align-self: center;
  padding: 6px 9px;
  border-radius: 999px;
  color: var(--crm-primary-dark);
  background: rgba(84, 114, 232, .09);
  font-size: 9px;
  white-space: nowrap;
}
.cedro-crm .crm-connection-step-name > .crm-field { max-width: 560px; margin-left: 41px; }
.cedro-crm .crm-connection-step-name input[readonly] {
  color: #5e6875;
  border-color: #dce1e8;
  background: #f2f4f7;
  cursor: not-allowed;
}
.cedro-crm .crm-connection-locked-note {
  max-width: 760px;
  margin: 12px 0 0 41px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 9px;
  align-items: center;
  border: 1px solid rgba(47, 157, 114, .18);
  border-radius: 12px;
  background: rgba(47, 157, 114, .065);
}
.cedro-crm .crm-connection-locked-note[hidden] { display: none !important; }
.cedro-crm .crm-connection-locked-note > i {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: #fff;
  background: var(--crm-success);
  font-style: normal;
  font-weight: 900;
}
.cedro-crm .crm-connection-locked-note > div { display: grid; gap: 2px; }
.cedro-crm .crm-connection-locked-note strong { color: #176d4d; font-size: 10px; }
.cedro-crm .crm-connection-locked-note small { color: #4f7566; font-size: 9px; line-height: 1.45; }

.cedro-crm .crm-connection-business-list { display: grid; gap: 12px; }
.cedro-crm .crm-business-asset-card {
  overflow: hidden;
  border: 1px solid #dfe4eb;
  border-radius: 16px;
  background: #fbfcfe;
}
.cedro-crm .crm-business-asset-card > header {
  padding: 13px 14px;
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border-bottom: 1px solid #e4e8ee;
  background: linear-gradient(135deg, #f4f7ff, #f8fafc);
}
.cedro-crm .crm-business-asset-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: var(--crm-primary);
  background: #fff;
  box-shadow: 0 6px 16px rgba(37, 52, 87, .07);
  font-size: 17px;
}
.cedro-crm .crm-business-asset-card > header > div { min-width: 0; display: grid; gap: 2px; }
.cedro-crm .crm-business-asset-card > header small {
  color: var(--crm-primary);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.cedro-crm .crm-business-asset-card > header strong { color: var(--crm-text); font-size: 13px; }
.cedro-crm .crm-business-asset-card > header div > span { display: flex; flex-wrap: wrap; gap: 4px; }
.cedro-crm .crm-business-asset-card > header i {
  padding: 3px 7px;
  border-radius: 999px;
  color: #66717f;
  background: rgba(255, 255, 255, .82);
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
}
.cedro-crm .crm-business-account-grid {
  padding: 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.cedro-crm .crm-business-account-slot {
  min-width: 0;
  display: grid;
  gap: 8px;
  align-content: start;
}
.cedro-crm .crm-business-account-card {
  min-width: 0;
  min-height: 74px;
  padding: 11px 12px;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid var(--crm-border);
  border-radius: 14px;
  background: #fff;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}
.cedro-crm .crm-business-account-card:hover {
  transform: translateY(-1px);
  border-color: rgba(84, 114, 232, .34);
  box-shadow: 0 8px 20px rgba(38, 53, 88, .07);
}
.cedro-crm .crm-business-account-slot.is-selected .crm-business-account-card {
  border-color: rgba(84, 114, 232, .42);
  background: rgba(84, 114, 232, .035);
  box-shadow: inset 0 0 0 1px rgba(84, 114, 232, .07);
}
.cedro-crm .crm-business-account-card.is-locked { cursor: default; }
.cedro-crm .crm-business-account-card.is-locked:hover { transform: none; box-shadow: none; }
.cedro-crm .crm-business-account-copy { min-width: 0; flex: 1 1 auto; display: grid; gap: 2px; }
.cedro-crm .crm-business-account-copy small { color: var(--crm-primary); font-size: 8px; font-weight: 850; text-transform: uppercase; letter-spacing: .07em; }
.cedro-crm .crm-business-account-copy strong { overflow: hidden; color: var(--crm-text); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-business-account-copy em { overflow: hidden; color: var(--crm-muted); font-size: 8px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-account-lock-badge {
  padding: 4px 7px;
  border-radius: 999px;
  color: #68727f;
  background: #edf0f4;
  font-size: 7px;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.cedro-crm .crm-business-account-card .crm-switch input:disabled + span { background: var(--crm-primary); cursor: not-allowed; opacity: .7; }

.cedro-crm .crm-account-load-card {
  width: 100%;
  min-width: 0;
  padding: 11px 12px;
  display: grid;
  gap: 9px;
  border: 1px solid var(--crm-border);
  border-radius: 14px;
  color: var(--crm-text);
  background: #fff;
  text-align: left;
}
.cedro-crm button.crm-account-load-card { appearance: none; cursor: pointer; }
.cedro-crm .crm-account-load-card.is-loading { border-style: dashed; background: linear-gradient(100deg, #fafbfe, #f4f7ff, #fafbfe); background-size: 220% 100%; animation: crm-meta-loading-surface 1.65s linear infinite; }
.cedro-crm .crm-account-load-card.is-error { border-color: rgba(216, 102, 102, .25); background: rgba(216, 102, 102, .045); }
.cedro-crm .crm-account-load-card.is-ready { border-color: rgba(47, 157, 114, .24); background: rgba(47, 157, 114, .035); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.cedro-crm .crm-account-load-card.is-ready:hover { transform: translateY(-1px); border-color: rgba(84, 114, 232, .38); box-shadow: 0 9px 22px rgba(35, 52, 87, .075); }
.cedro-crm .crm-account-load-head { min-width: 0; display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 9px; align-items: center; }
.cedro-crm .crm-account-load-head > span:first-child { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; color: #fff; background: var(--crm-success); font-size: 10px; font-weight: 900; }
.cedro-crm .crm-account-load-card.is-loading .crm-account-load-head > span:first-child { border-color: rgba(84, 114, 232, .20); border-top-color: var(--crm-primary); background: transparent; }
.cedro-crm .crm-account-load-card.is-error .crm-account-load-head > span:first-child { background: var(--crm-danger); }
.cedro-crm .crm-account-load-head > div { min-width: 0; display: grid; gap: 2px; }
.cedro-crm .crm-account-load-head strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-account-load-head small { color: var(--crm-muted); font-size: 8px; line-height: 1.4; }
.cedro-crm .crm-account-load-head > b { color: var(--crm-primary); font-size: 9px; white-space: nowrap; }
.cedro-crm .crm-account-progress { height: 6px; overflow: hidden; border-radius: 999px; background: #e6eaf1; }
.cedro-crm .crm-account-progress > i { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--crm-primary), #8095ec); transition: width .32s ease; }
.cedro-crm .crm-account-load-action { justify-self: end; color: var(--crm-primary); font-size: 9px; font-weight: 850; }
.cedro-crm .crm-account-context-badges { min-width: 0; display: flex; flex-wrap: wrap; gap: 4px; }
.cedro-crm .crm-account-context-badges small { min-height: 19px; padding: 3px 7px; display: inline-flex; align-items: center; border-radius: 999px; font-size: 7px; font-weight: 800; line-height: 1.2; }
.cedro-crm .crm-account-context-badges .is-account { color: #405ac7; background: rgba(84, 114, 232, .11); }
.cedro-crm .crm-account-context-badges .is-business { color: #7552aa; background: rgba(139, 97, 191, .10); }
.cedro-crm .crm-account-context-badges .is-page { color: #08785f; background: rgba(47, 157, 114, .10); }

.cedro-crm .crm-connection-selected-accounts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.cedro-crm .crm-account-summary-card {
  width: 100%;
  min-width: 0;
  min-height: 72px;
  padding: 11px 12px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  border: 1px solid rgba(84, 114, 232, .20);
  border-radius: 14px;
  color: var(--crm-text);
  background: #fff;
  text-align: left;
  cursor: pointer;
}
.cedro-crm .crm-account-summary-card:hover { border-color: rgba(84, 114, 232, .40); box-shadow: 0 8px 20px rgba(35, 52, 87, .065); }
.cedro-crm .crm-account-summary-card > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: var(--crm-success); font-size: 10px; font-weight: 900; }
.cedro-crm .crm-account-summary-card.is-loading > span { border-color: rgba(84, 114, 232, .20); border-top-color: var(--crm-primary); background: transparent; }
.cedro-crm .crm-account-summary-card.is-error > span { background: var(--crm-danger); }
.cedro-crm .crm-account-summary-card > div { min-width: 0; display: grid; gap: 2px; }
.cedro-crm .crm-account-summary-card strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-account-summary-card small { color: var(--crm-muted); font-size: 8px; }
.cedro-crm .crm-account-summary-card em { min-width: 0; display: flex; gap: 4px; overflow: hidden; font-style: normal; }
.cedro-crm .crm-account-summary-card em i { max-width: 120px; padding: 2px 6px; overflow: hidden; border-radius: 999px; color: #68727f; background: #f0f2f5; font-size: 7px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-account-summary-card > b { color: var(--crm-primary); font-size: 9px; white-space: nowrap; }

.cedro-crm .crm-account-ads-body { padding: 16px 18px 20px; background: #f7f9fc; }
.cedro-crm .crm-account-ads-context { margin-top: 7px; }
.cedro-crm .crm-account-ads-toolbar { margin-bottom: 12px; display: flex; align-items: end; justify-content: space-between; gap: 14px; }
.cedro-crm .crm-account-ads-toolbar .crm-field { width: min(470px, 100%); }
.cedro-crm .crm-account-ads-toolbar > span { padding-bottom: 11px; color: var(--crm-muted); font-size: 9px; font-weight: 800; white-space: nowrap; }
.cedro-crm .crm-account-ads-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.cedro-crm .crm-account-ad-card {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 98px;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 15px;
  background: #fff;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.cedro-crm .crm-account-ad-card.is-selected { border-color: rgba(84, 114, 232, .40); box-shadow: inset 0 0 0 1px rgba(84, 114, 232, .065); }
.cedro-crm .crm-account-ad-card.is-unsupported { opacity: .68; }
.cedro-crm .crm-account-ad-main {
  min-width: 0;
  padding: 10px;
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  border: 0;
  color: var(--crm-text);
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.cedro-crm .crm-account-ad-main:hover { background: #fafbfe; }
.cedro-crm .crm-account-ad-main:disabled { cursor: default; }
.cedro-crm .crm-account-ad-toggle {
  padding: 9px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border-left: 1px solid var(--crm-border);
  background: #fafbfc;
  cursor: pointer;
}
.cedro-crm .crm-account-ad-toggle > span:first-child { color: var(--crm-muted); font-size: 8px; font-weight: 800; }
.cedro-crm .crm-account-ad-toggle.is-active { background: rgba(84, 114, 232, .055); }
.cedro-crm .crm-account-ad-toggle.is-active > span:first-child { color: var(--crm-primary); }
.cedro-crm .crm-ad-page-badge { color: #08785f !important; background: rgba(47, 157, 114, .10); padding: 3px 7px; border-radius: 999px; }

.cedro-crm .crm-ad-config-hero .crm-account-context-badges { margin-top: 5px; }
.cedro-crm .crm-ad-enable-row { margin-top: 0; margin-bottom: 17px; border: 1px solid rgba(84, 114, 232, .13); background: rgba(84, 114, 232, .045); }
.cedro-crm .crm-ad-config-modal .crm-modal-body { padding-bottom: 24px; }
.cedro-crm .crm-ad-config-modal .crm-modal-footer { min-height: 72px; }

.cedro-crm .crm-connection-detail-note {
  margin: -4px 0 13px;
  padding: 9px 11px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(47, 157, 114, .16);
  border-radius: 11px;
  color: #39705d;
  background: rgba(47, 157, 114, .055);
  font-size: 9px;
  font-weight: 750;
}
.cedro-crm .crm-connection-detail-note > i { width: 21px; height: 21px; display: grid; place-items: center; border-radius: 7px; color: #fff; background: var(--crm-success); font-style: normal; }
.cedro-crm .crm-connection-detail [data-connection-detail-panel] .crm-connection-detail-ad {
  padding: 10px !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 10px !important;
  cursor: default !important;
}
.cedro-crm .crm-connection-detail [data-connection-detail-panel] .crm-connection-detail-ad:hover { transform: none; box-shadow: none; }
.cedro-crm .crm-connection-detail [data-connection-detail-panel] .crm-connection-detail-copy em { color: var(--crm-muted); font-size: 8px; font-style: normal; }

@keyframes crm-meta-loading-surface {
  to { background-position: -220% 0; }
}

@media (max-width: 900px) {
  .cedro-crm .crm-business-account-grid,
  .cedro-crm .crm-connection-selected-accounts,
  .cedro-crm .crm-account-ads-grid { grid-template-columns: 1fr; }
  .cedro-crm .crm-connection-step-heading > b { align-self: flex-start; }
}
@media (max-width: 620px) {
  .cedro-crm .crm-meta-admin-modal { padding: 6px; align-items: end; }
  .cedro-crm .crm-meta-admin-modal .crm-modal {
    width: 100%;
    max-height: calc(100vh - 6px);
    max-height: calc(100dvh - 6px);
    border-radius: 18px 18px 0 0;
  }
  .cedro-crm .crm-meta-admin-modal .crm-modal-header { padding: 14px 15px; }
  .cedro-crm .crm-meta-admin-modal .crm-modal-header h3 { font-size: 18px; }
  .cedro-crm .crm-meta-admin-modal .crm-modal-footer { min-height: 0; padding: 12px 14px; gap: 8px; }
  .cedro-crm .crm-meta-admin-modal .crm-modal-footer > span:first-child { width: 100%; flex-basis: 100%; margin: 0; }
  .cedro-crm .crm-meta-admin-modal .crm-modal-footer .crm-button { min-width: 0; }
  .cedro-crm .crm-connection-editor-body,
  .cedro-crm .crm-account-ads-body { padding: 11px; }
  .cedro-crm .crm-connection-step { padding: 13px; border-radius: 15px; }
  .cedro-crm .crm-connection-step-heading { flex-wrap: wrap; }
  .cedro-crm .crm-connection-step-heading > b { margin-left: 41px; }
  .cedro-crm .crm-connection-step-name > .crm-field,
  .cedro-crm .crm-connection-locked-note { max-width: none; margin-left: 0; }
  .cedro-crm .crm-business-account-grid { padding: 9px; }
  .cedro-crm .crm-business-account-card { min-height: 68px; padding: 9px 10px; }
  .cedro-crm .crm-account-ads-toolbar { align-items: stretch; flex-direction: column; gap: 6px; }
  .cedro-crm .crm-account-ads-toolbar > span { padding: 0; }
  .cedro-crm .crm-account-ad-card { grid-template-columns: minmax(0, 1fr) 84px; }
  .cedro-crm .crm-account-ad-main { grid-template-columns: 48px minmax(0, 1fr); padding: 8px; }
  .cedro-crm .crm-account-ad-main .crm-connection-ad-thumb { width: 48px; height: 43px; }
  .cedro-crm .crm-ad-config-hero { grid-template-columns: 58px minmax(0, 1fr); }
  .cedro-crm .crm-ad-config-hero .crm-connection-detail-thumb { width: 58px; height: 50px; }
}

/* Cedro CRM 1.14.0 — Portfólios compactos, identidade visual e ativos vinculados */
.cedro-crm .crm-connection-parent-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
}
.cedro-crm .crm-business-asset-card {
  min-width: 0;
  overflow: visible;
  border-color: #dfe4ed;
  background: #fff;
  box-shadow: 0 8px 22px rgba(32, 47, 80, .045);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.cedro-crm .crm-business-asset-card:hover,
.cedro-crm .crm-business-asset-card.is-expanded {
  border-color: rgba(84, 114, 232, .30);
  box-shadow: 0 13px 30px rgba(34, 50, 86, .075);
}
.cedro-crm .crm-business-asset-card.is-expanded {
  grid-column: 1 / -1;
}
.cedro-crm .crm-business-parent-head {
  min-height: 92px;
  padding: 11px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  border-radius: 15px;
  background: linear-gradient(145deg, #f7f9ff 0%, #fff 72%);
}
.cedro-crm .crm-business-parent-trigger {
  min-width: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr) 20px;
  gap: 10px;
  align-items: center;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}
.cedro-crm .crm-business-avatar {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 3px solid #fff;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, var(--crm-primary), #8295ed);
  box-shadow: 0 7px 18px rgba(57, 78, 139, .18);
  font-size: 14px;
  font-weight: 900;
  letter-spacing: .03em;
}
.cedro-crm .crm-business-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.cedro-crm .crm-business-parent-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}
.cedro-crm .crm-business-parent-copy small {
  color: var(--crm-primary);
  font-size: 7px;
  font-weight: 900;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.cedro-crm .crm-business-parent-copy strong {
  overflow: hidden;
  color: var(--crm-text);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cedro-crm .crm-business-parent-copy em {
  color: var(--crm-muted);
  font-size: 8px;
  font-style: normal;
}
.cedro-crm .crm-business-chevron {
  color: #8a94a3;
  font-size: 15px;
  font-style: normal;
  transition: transform .22s ease, color .22s ease;
}
.cedro-crm .crm-business-asset-card.is-expanded .crm-business-chevron {
  color: var(--crm-primary);
  transform: rotate(180deg);
}
.cedro-crm .crm-business-active-badge,
.cedro-crm .crm-business-inactive-badge {
  min-height: 26px;
  padding: 5px 8px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border-radius: 999px;
  font-size: 7px;
  font-weight: 900;
  white-space: nowrap;
}
.cedro-crm .crm-business-active-badge {
  border: 1px solid rgba(47, 157, 114, .20);
  color: #147254;
  background: rgba(47, 157, 114, .09);
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.cedro-crm .crm-business-active-badge:hover {
  transform: translateY(-1px);
  border-color: rgba(47, 157, 114, .38);
  background: rgba(47, 157, 114, .14);
}
.cedro-crm .crm-business-active-badge i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--crm-success);
  box-shadow: 0 0 0 3px rgba(47, 157, 114, .12);
}
.cedro-crm .crm-business-inactive-badge {
  color: #7c8592;
  background: #f0f2f5;
}
.cedro-crm .crm-business-account-panel {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
  transition: grid-template-rows .27s ease, opacity .20s ease, visibility .20s ease;
}
.cedro-crm .crm-business-asset-card.is-expanded .crm-business-account-panel {
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible;
}
.cedro-crm .crm-business-account-panel-inner {
  min-height: 0;
  overflow: hidden;
  border-top: 0 solid #e6eaf1;
  transition: border-top-width .2s ease;
}
.cedro-crm .crm-business-asset-card.is-expanded .crm-business-account-panel-inner {
  border-top-width: 1px;
}
.cedro-crm .crm-business-page-strip {
  padding: 11px 12px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.cedro-crm .crm-business-page-strip i {
  padding: 4px 8px;
  border-radius: 999px;
  color: #176f59;
  background: rgba(47, 157, 114, .08);
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
}
.cedro-crm .crm-business-asset-card.is-expanded .crm-business-account-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cedro-crm .crm-portfolio-active-modal { width: min(900px, calc(100vw - 24px)); }
.cedro-crm .crm-portfolio-active-context { margin-top: 7px; display: flex; flex-wrap: wrap; gap: 5px; }
.cedro-crm .crm-portfolio-active-context small {
  padding: 4px 8px;
  border-radius: 999px;
  color: #176f59;
  background: rgba(47, 157, 114, .09);
  font-size: 7px;
  font-weight: 800;
}
.cedro-crm .crm-portfolio-active-body { padding: 17px 19px 22px; background: #f7f9fc; }
.cedro-crm .crm-portfolio-active-summary {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.cedro-crm .crm-portfolio-active-summary span { color: var(--crm-muted); font-size: 9px; font-weight: 800; }
.cedro-crm .crm-portfolio-active-summary strong { color: var(--crm-primary); font-size: 10px; }
.cedro-crm .crm-portfolio-active-list { display: grid; gap: 10px; }
.cedro-crm .crm-portfolio-active-card {
  overflow: hidden;
  border: 1px solid var(--crm-border);
  border-radius: 15px;
  background: #fff;
}
.cedro-crm .crm-portfolio-active-card > header {
  padding: 11px 13px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  border-bottom: 1px solid #e8ebf0;
  background: linear-gradient(135deg, #f5f7ff, #fbfcfe);
}
.cedro-crm .crm-portfolio-active-card > header > span {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  color: var(--crm-primary);
  background: #fff;
}
.cedro-crm .crm-portfolio-active-card > header > div { min-width: 0; display: grid; gap: 2px; }
.cedro-crm .crm-portfolio-active-card > header small { color: var(--crm-primary); font-size: 7px; font-weight: 850; text-transform: uppercase; }
.cedro-crm .crm-portfolio-active-card > header strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-portfolio-active-card > header b { padding: 4px 8px; border-radius: 999px; color: #147254; background: rgba(47, 157, 114, .09); font-size: 7px; }
.cedro-crm .crm-portfolio-active-ad {
  padding: 10px 12px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  border-bottom: 1px solid #edf0f4;
}
.cedro-crm .crm-portfolio-active-ad:last-child { border-bottom: 0; }
.cedro-crm .crm-portfolio-active-ad > span:nth-child(2) { min-width: 0; display: grid; gap: 2px; }
.cedro-crm .crm-portfolio-active-ad strong { overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-portfolio-active-ad small { overflow: hidden; color: var(--crm-muted); font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-portfolio-active-ad > i { font-style: normal; white-space: nowrap; }

@media (max-width: 1050px) {
  .cedro-crm .crm-connection-parent-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cedro-crm .crm-business-asset-card.is-expanded .crm-business-account-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .cedro-crm .crm-connection-parent-grid { grid-template-columns: 1fr; }
  .cedro-crm .crm-business-parent-head { grid-template-columns: 1fr; }
  .cedro-crm .crm-business-active-badge,
  .cedro-crm .crm-business-inactive-badge { justify-self: start; margin-left: 62px; }
  .cedro-crm .crm-business-asset-card.is-expanded .crm-business-account-grid { grid-template-columns: 1fr; }
  .cedro-crm .crm-portfolio-active-ad { grid-template-columns: auto minmax(0, 1fr); }
  .cedro-crm .crm-portfolio-active-ad > i { grid-column: 2; justify-self: start; }
}

/* Filtro de período unificado — mesma interação em Tráfego e Meta Ads */
.cedro-crm .crm-period-filter {
  position: relative;
  width: min(100%, 680px);
  min-width: 0;
  z-index: 8;
}
.cedro-crm .crm-traffic-filters > .crm-period-filter { grid-column: 1 / -1; }
.cedro-crm .crm-meta-dashboard-actions .crm-period-filter { width: min(390px, 44vw); }
.cedro-crm .crm-period-trigger {
  width: 100%;
  min-height: 45px;
  padding: 6px 10px;
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 18px;
  gap: 9px;
  align-items: center;
  border: 1px solid var(--crm-border) !important;
  border-radius: 12px !important;
  color: var(--crm-text) !important;
  background: #fff !important;
  text-align: left;
  cursor: pointer !important;
  box-shadow: 0 5px 15px rgba(24,37,67,.035) !important;
}
.cedro-crm .crm-period-trigger:hover { border-color: rgba(84,114,232,.32) !important; }
.cedro-crm .crm-period-trigger > span:nth-child(2) { min-width: 0; display: grid; gap: 1px; }
.cedro-crm .crm-period-trigger strong { font-size: 10px; }
.cedro-crm .crm-period-trigger small { overflow: hidden; color: var(--crm-muted); font-size: 8.5px; text-overflow: ellipsis; white-space: nowrap; }
.cedro-crm .crm-period-trigger > i { color: var(--crm-muted); font-size: 14px; font-style: normal; transition: transform .2s ease; }
.cedro-crm .crm-period-trigger[aria-expanded="true"] > i { transform: rotate(180deg); }
.cedro-crm .crm-period-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 10px; color: var(--crm-primary); background: rgba(84,114,232,.09); font-size: 14px; font-weight: 850; }
.cedro-crm .crm-period-wrapper {
  position: absolute;
  top: 100%;
  right: 0;
  width: min(680px, calc(100vw - 40px));
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-7px);
  transition: grid-template-rows .28s ease, opacity .18s ease, transform .28s ease, visibility .28s;
}
.cedro-crm .crm-period-wrapper.is-open { grid-template-rows: 1fr; opacity: 1; visibility: visible; transform: translateY(0); }
.cedro-crm .crm-period-panel {
  min-height: 0;
  margin-top: 0;
  padding: 0 15px;
  overflow: hidden;
  border: 0 solid transparent;
  border-radius: 15px;
  background: rgba(255,255,255,.99);
  box-shadow: none;
  backdrop-filter: blur(14px);
  transition: margin-top .22s ease, padding .28s ease, border-width .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.cedro-crm .crm-period-wrapper.is-open .crm-period-panel { margin-top: 8px; padding: 15px; border-width: 1px; border-color: var(--crm-border); box-shadow: 0 20px 48px rgba(24,37,67,.17); }
.cedro-crm .crm-period-types { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; margin-bottom: 13px; padding: 4px; border-radius: 11px; background: #f3f5f8; }
.cedro-crm .crm-period-types label { position: relative; cursor: pointer; }
.cedro-crm .crm-period-types input { position: absolute; opacity: 0; pointer-events: none; }
.cedro-crm .crm-period-types span { min-height: 34px; display: grid; place-items: center; border-radius: 8px; color: var(--crm-muted); font-size: 9.5px; font-weight: 750; }
.cedro-crm .crm-period-types input:checked + span { color: var(--crm-primary-dark); background: #fff; box-shadow: 0 3px 10px rgba(24,37,67,.08); }
.cedro-crm .crm-period-fields { display: none; }
.cedro-crm .crm-period-fields.is-active { display: block; animation: crmPeriodIn .18s ease; }
.cedro-crm .crm-period-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.cedro-crm .crm-period-error { min-height: 16px; margin: 7px 0 0; color: #c93b43; font-size: 9px; }
.cedro-crm .crm-period-actions { display: flex; justify-content: flex-end; gap: 7px; padding-top: 10px; border-top: 1px solid var(--crm-border); }
@media (max-width: 700px) {
  .cedro-crm .crm-meta-dashboard-actions .crm-period-filter,
  .cedro-crm .crm-period-filter { width: 100%; }
  .cedro-crm .crm-period-wrapper { left: 0; right: auto; width: min(100%, calc(100vw - 28px)); }
  .cedro-crm .crm-period-grid { grid-template-columns: 1fr; }
  .cedro-crm .crm-period-types { grid-template-columns: 1fr; }
}

/* Inventário completo de formulários — identificação da Página e ações compactas */
.cedro-crm .crm-meta-form-heading-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}
.cedro-crm .crm-meta-form-card > header > div > small {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.cedro-crm .crm-meta-form-page-badge {
  max-width: 260px;
  padding: 3px 7px;
  overflow: hidden;
  border: 1px solid rgba(84,114,232,.16);
  border-radius: 999px;
  color: var(--crm-primary-dark);
  background: rgba(84,114,232,.08);
  font-size: 7.5px;
  font-weight: 800;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 700px) {
  .cedro-crm .crm-meta-form-heading-actions { width: 100%; justify-content: flex-start; }
  .cedro-crm .crm-meta-form-heading-actions .crm-button { width: 100%; }
}
