/* ── VARIÁVEIS (idênticas ao kanban) ───────────────────── */
:root {
  --bg:#0e0f11;--bg2:#151618;--bg3:#1c1e21;--bg4:#222428;
  --border:#2a2c30;--border2:#333640;
  --text:#f0f0f0;--text2:#8a8d94;--text3:#555860;
  --prog:#3b82f6;--prog-bg:rgba(59,130,246,0.08);--prog-border:rgba(59,130,246,0.25);
  --bloq:#f59e0b;--bloq-bg:rgba(245,158,11,0.08);--bloq-border:rgba(245,158,11,0.25);
  --urg:#ef4444;--urg-bg:rgba(239,68,68,0.08);--urg-border:rgba(239,68,68,0.25);
  --green:#22c55e;--radius:10px;
  --font:'DM Sans',sans-serif;--font-display:'Syne',sans-serif;
  --nav-h:47px;
}
:root[data-theme="light"]{
  --bg:#f4f5f7;--bg2:#ffffff;--bg3:#f0f2f5;--bg4:#e7e9ed;
  --border:#dfe2e7;--border2:#cfd4dc;
  --text:#17181b;--text2:#626771;--text3:#9298a3;
  --prog-bg:rgba(37,99,235,.08);--prog-border:rgba(37,99,235,.22);
  color-scheme:light;
}
:root[data-theme="dark"]{color-scheme:dark}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh}

/* ── LOGIN ─────────────────────────────────────────────── */
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.login-box{background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:36px 32px;width:100%;max-width:380px}
.login-logo{margin-bottom:10px}
.login-logo img{display:block;width:clamp(150px,48vw,220px);height:auto;margin:0 auto}
.login-logo-light{display:none!important}
:root[data-theme="light"] .login-logo-dark{display:none}
:root[data-theme="light"] .login-logo-light{display:block!important}
.login-sub{font-size:13px;color:var(--text2);margin-bottom:28px}
.login-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.login-field label{font-size:11px;color:var(--text2);font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.login-field input{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:14px;font-family:var(--font);color:var(--text);transition:border-color .15s;width:100%}
.login-field input:focus{outline:none;border-color:var(--prog)}
.btn-login{width:100%;padding:11px;background:var(--prog);color:#fff;border:none;border-radius:9px;font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;margin-top:6px;transition:opacity .2s}
.btn-login:hover{opacity:.88}
.login-err{font-size:12px;color:#f87171;margin-top:8px;text-align:center;min-height:18px}

/* ── NAV ───────────────────────────────────────────────── */
.nav{display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--bg2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;flex-wrap:wrap;gap:6px}
.nav-left{display:flex;align-items:center;gap:0}
.logo{padding:7px 14px 7px 0;border-right:1px solid var(--border);margin-right:4px;display:flex;align-items:center}
.tab-btn{background:none;border:none;color:var(--text2);font-family:var(--font);font-size:13px;padding:15px 13px;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap}
.tab-btn.active{color:var(--text);border-bottom-color:var(--prog)}
.tab-btn:hover{color:var(--text)}
.nav-right{display:flex;align-items:center;gap:8px;padding:7px 0}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--text3);flex-shrink:0}
.status-lbl{font-size:11px;color:var(--text2)}
.user-chip{display:flex;align-items:center;gap:6px;background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:4px 10px 4px 6px;cursor:pointer;transition:all .15s}
.user-chip:hover{border-color:var(--text2)}
.user-avatar{width:22px;height:22px;border-radius:50%;background:var(--prog);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}
.user-name{font-size:12px;color:var(--text2)}
.admin-badge{font-size:9px;background:rgba(59,130,246,.2);color:#93c5fd;border-radius:10px;padding:1px 6px;font-weight:600}
.btn-primary{background:var(--prog);color:#fff;border:none;border-radius:var(--radius);padding:7px 14px;font-size:13px;font-family:var(--font);font-weight:500;cursor:pointer;transition:opacity .2s;white-space:nowrap}
.btn-primary:hover{opacity:.85}
.btn-secondary{background:var(--bg4);border:1px solid var(--border);color:var(--text);padding:7px 14px;border-radius:var(--radius);font-family:var(--font);font-size:13px;font-weight:500;cursor:pointer}
.btn-secondary:hover{background:var(--bg3)}

/* ── VIEWS ─────────────────────────────────────────────── */
.view{display:none}

/* ── CORES DE SERVIÇO (idênticas ao kanban) ─────────────── */
.svc-trafego    {background:rgba(59,130,246,.15);color:#93c5fd}
.svc-social     {background:rgba(168,85,247,.15);color:#d8b4fe}
.svc-identidade {background:rgba(234,179,8,.15);color:#fde047}
.svc-site       {background:rgba(34,197,94,.15);color:#86efac}
.svc-video      {background:rgba(249,115,22,.15);color:#fdba74}
.svc-consultoria{background:rgba(148,163,184,.15);color:#cbd5e1}
.svc-outro      {background:rgba(107,114,128,.15);color:#9ca3af}

/* ── MODAL ─────────────────────────────────────────────── */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:1000;display:none;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(4px)}
.modal-overlay.open{display:flex}
.modal{background:var(--bg2);border:1px solid var(--border);border-radius:16px;width:100%;max-width:500px;max-height:92vh;overflow-y:auto}
.modal-sm{max-width:360px}
.modal-header{padding:16px 18px 13px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.modal-title{font-family:var(--font-display);font-weight:700;font-size:15px}
.modal-close{background:none;border:none;color:var(--text2);font-size:20px;cursor:pointer;transition:color .15s}
.modal-close:hover{color:var(--text)}
.modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.modal-permission-notice{padding:10px 12px;border:1px solid rgba(245,158,11,.35);border-radius:8px;background:rgba(245,158,11,.08);color:#fcd34d;font-size:12px;line-height:1.45}
.field{display:flex;flex-direction:column;gap:4px}
.field label{font-size:11px;color:var(--text2);font-weight:500;text-transform:uppercase;letter-spacing:.04em}
.field input,.field textarea,.field select{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13px;font-family:var(--font);color:var(--text);transition:border-color .15s;width:100%}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--prog)}
.field textarea{resize:vertical;min-height:60px}
.field select option{background:var(--bg3)}
.atribuir-escopo{display:flex;flex-direction:column;gap:7px}
.atribuir-escopo-opcao{display:flex;align-items:flex-start;gap:10px;padding:10px 11px;border:1px solid var(--border);border-radius:9px;background:var(--bg3);cursor:pointer}
.atribuir-escopo-opcao:hover,.atribuir-escopo-opcao:has(input:checked){border-color:var(--prog)}
.atribuir-escopo-opcao:has(input:checked){background:rgba(59,130,246,.08)}
.atribuir-escopo-opcao input{width:15px;height:15px;margin:2px 0 0;accent-color:var(--prog);cursor:pointer;flex-shrink:0}
.atribuir-escopo-opcao span{display:flex;flex-direction:column;gap:2px;min-width:0}
.atribuir-escopo-opcao strong{font-size:13px;color:var(--text);font-weight:600}
.atribuir-escopo-opcao small{font-size:11px;color:var(--text2);line-height:1.35}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.modal-footer{padding:12px 18px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}
.btn-cancel{background:var(--bg3);border:1px solid var(--border);color:var(--text2);padding:7px 15px;border-radius:8px;font-family:var(--font);font-size:13px;cursor:pointer}
.btn-save{background:var(--prog);border:none;color:#fff;padding:7px 17px;border-radius:8px;font-family:var(--font);font-size:13px;font-weight:500;cursor:pointer}
.btn-save:hover{opacity:.9}

/* ── USER DROPDOWN ─────────────────────────────────────── */
.user-menu-overlay{position:fixed;inset:0;z-index:500;display:none}
.user-menu-overlay.open{display:block}
.user-dropdown{position:fixed;top:52px;right:20px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;min-width:200px;box-shadow:0 8px 28px rgba(0,0,0,.55);z-index:501;overflow:hidden}
.user-dropdown-header{padding:12px 14px;border-bottom:1px solid var(--border)}
.user-dropdown-name{font-size:14px;font-weight:500}
.user-dropdown-email{font-size:11px;color:var(--text2);margin-top:2px}
.dropdown-item{padding:9px 14px;font-size:13px;color:var(--text2);cursor:pointer;transition:background .1s;display:flex;align-items:center;gap:8px}
.dropdown-item:hover{background:var(--bg3);color:var(--text)}
.dropdown-item.danger{color:#f87171}
.dropdown-item.danger:hover{background:rgba(239,68,68,.1)}
.dropdown-divider{height:1px;background:var(--border);margin:4px 0}

/* ── LOADING / SPINNER ─────────────────────────────────── */
.loading{text-align:center;padding:32px;color:var(--text2);font-size:13px}
.spinner{width:17px;height:17px;border:2px solid var(--border);border-top-color:var(--prog);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 9px}
@keyframes spin{to{transform:rotate(360deg)}}

/* ── TOAST ─────────────────────────────────────────────── */
.toast{position:fixed;bottom:18px;right:18px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:10px 15px;font-size:13px;color:var(--text);box-shadow:0 8px 24px rgba(0,0,0,.45);z-index:3000;transform:translateY(60px);opacity:0;transition:all .25s;max-width:280px}
.toast.show{transform:translateY(0);opacity:1}
.toast.error{border-color:rgba(239,68,68,.4)}

/* ── EMPTY STATE ───────────────────────────────────────── */
.empty-state{text-align:center;padding:36px 20px;color:var(--text3);font-size:13px;line-height:1.6}
.empty-state-icon{font-size:32px;margin-bottom:10px}
.empty-state code{font-family:monospace;background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:12px;color:var(--text2)}

/* ══════════════════════════════════════════════════════════
   CRM — ESTILOS ESPECÍFICOS
══════════════════════════════════════════════════════════ */

/* ── PAINEL GERAL / CENTRAL OPERACIONAL ────────────────── */
.painel-geral-wrap{min-height:calc(100vh - var(--nav-h));padding:22px}.painel-geral-conteudo{width:100%;max-width:1600px;margin:0 auto}
.pg-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.pg-head h1{font-family:var(--font-display);font-size:27px;margin:0 0 5px}.pg-head p{color:var(--text3);font-size:12px;margin:0;max-width:680px}
.pg-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.pg-head-actions>.btn-primary,.pg-head-actions>.btn-secondary{white-space:nowrap}
.pg-sync-cycle{display:flex;flex-direction:column;align-items:flex-end;border:1px solid var(--border);background:var(--bg2);border-radius:11px;padding:9px 12px}.pg-sync-cycle span,.pg-sync-cycle small{font-size:10px;color:var(--text3)}.pg-sync-cycle strong{font-size:13px;margin:2px 0}
.pg-cards{display:grid;gap:10px;margin-bottom:14px}.pg-summary-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.pg-card{background:linear-gradient(145deg,var(--bg2),var(--bg));border:1px solid var(--border);border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:6px}.pg-card>span{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em}.pg-card strong{font-family:var(--font-display);font-size:21px}.pg-card small{font-size:10px;color:var(--text3)}
.pg-delta{display:inline-flex;font-size:10px;font-weight:700;width:max-content;padding:2px 6px;border-radius:10px}.pg-delta.positivo{color:#86efac;background:rgba(34,197,94,.12)}.pg-delta.negativo{color:#fca5a5;background:rgba(239,68,68,.12)}.pg-delta.neutro{color:var(--text3);background:rgba(148,163,184,.1)}
.pg-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.pg-filters{display:flex;gap:6px;flex-wrap:wrap}.pg-filters button{border:1px solid var(--border);background:var(--bg2);color:var(--text3);border-radius:18px;padding:7px 11px;font-size:11px;cursor:pointer}.pg-filters button.active{color:var(--text);border-color:var(--accent);background:rgba(99,102,241,.12)}.pg-controls input{width:240px;max-width:42vw;background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:8px 11px;font-size:12px}
.pg-select-filters{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.pg-select-filters select{min-width:145px;background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:8px 10px;font-size:11px}.pg-priority-board{margin:0 0 14px;border:1px solid var(--border);border-radius:13px;background:var(--bg2);overflow:hidden}.pg-priority-board-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border)}.pg-priority-board-head h2{margin:0 0 2px;font-size:14px}.pg-priority-board-head p{margin:0;color:var(--text3);font-size:10px}.pg-priority-board-head>span{color:var(--text3);font-size:10px}.pg-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px}.pg-action-card{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0;padding:11px;border:1px solid var(--border);border-left:4px solid #f59e0b;border-radius:9px;background:var(--bg);color:var(--text);text-align:left;cursor:pointer}.pg-action-card:hover{background:var(--bg3);transform:translateY(-1px)}.pg-action-card.critico{border-left-color:#ef4444}.pg-action-card>span{font-size:8px;font-weight:800;letter-spacing:.07em;color:#fbbf24}.pg-action-card.critico>span{color:#fca5a5}.pg-action-card strong{font-size:11px;line-height:1.35}.pg-action-card small{color:var(--text3);font-size:9px;line-height:1.35}.pg-action-empty{grid-column:1/-1;padding:18px;text-align:center;color:#86efac;font-size:11px}
.pg-client-list{display:flex;flex-direction:column;gap:9px}.pg-client-card{border:1px solid var(--border);border-left:4px solid var(--border);background:var(--bg2);border-radius:13px;overflow:hidden}.pg-client-card.critico{border-left-color:#ef4444}.pg-client-card.atencao{border-left-color:#f59e0b}.pg-client-card.saudavel{border-left-color:#22c55e}.pg-client-card.reconhecido{border-left-color:#64748b}
.pg-client-card>summary{list-style:none;display:grid;grid-template-columns:42px minmax(220px,1.5fr) 82px minmax(100px,.72fr) minmax(100px,.72fr) minmax(125px,.9fr) minmax(125px,.9fr) 32px 20px;align-items:center;gap:12px;padding:13px 14px;cursor:pointer}.pg-client-card>summary::-webkit-details-marker{display:none}.pg-client-card>summary:hover{background:var(--bg3)}.pg-client-card>summary>span:not(.pg-client-number):not(.pg-client-badge):not(.pg-chevron){display:flex;flex-direction:column;gap:3px;min-width:0}.pg-client-card>summary small{font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:.035em}.pg-client-card>summary strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-client-card>summary em{font-size:9px;color:var(--text3);font-style:normal}.pg-priority strong{font-size:10px!important;letter-spacing:.05em}.pg-client-card.critico .pg-priority strong{color:#fca5a5}.pg-client-card.atencao .pg-priority strong{color:#fbbf24}.pg-client-card.saudavel .pg-priority strong{color:#86efac}
.pg-client-number{width:34px;height:34px;border-radius:10px;background:var(--bg3);display:grid;place-items:center;font:700 12px var(--font-display);color:var(--text3)}.pg-client-main strong{font-size:14px!important}.pg-client-main small{font-size:10px!important;text-transform:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg-client-badge{width:28px;height:28px;border-radius:14px;background:rgba(239,68,68,.13);color:#fca5a5;display:grid;place-items:center;font-size:10px;font-weight:700}.pg-client-card.saudavel .pg-client-badge,.pg-client-card.reconhecido .pg-client-badge{background:rgba(34,197,94,.11);color:#86efac}.pg-chevron{font-size:17px;color:var(--text3);transition:transform .2s}.pg-client-card[open] .pg-chevron{transform:rotate(180deg)}
.pg-health i{width:78px;height:4px;background:var(--bg3);border-radius:3px;overflow:hidden}.pg-health i b{display:block;height:100%;background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e);border-radius:3px}
.pg-client-body{border-top:1px solid var(--border);background:var(--bg)}.pg-client-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border-bottom:1px solid var(--border)}.pg-client-toolbar>div{display:flex;gap:7px;align-items:center}.pg-client-toolbar>div:first-child{flex-direction:column;align-items:flex-start;gap:2px}.pg-client-toolbar strong{font-size:12px}.pg-client-toolbar small{font-size:10px;color:var(--text3)}
.pg-client-section{margin:12px;border:1px solid var(--border);border-radius:11px;background:var(--bg2);overflow:hidden}.pg-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid var(--border)}.pg-section-heading h3{font-size:12px;margin:0 0 2px}.pg-section-heading p{font-size:10px;color:var(--text3);margin:0}.pg-section-heading>span{min-width:24px;height:24px;border-radius:12px;background:var(--bg3);display:grid;place-items:center;font-size:10px}.pg-section-heading>a{font-size:10px;color:var(--accent2)}
.pg-issues{padding:5px 9px}.pg-issue{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--border)}.pg-issue:last-child{border-bottom:0}.pg-issue-dot{width:7px;height:7px;border-radius:50%;background:#f59e0b}.pg-issue.critico .pg-issue-dot{background:#ef4444}.pg-issue.resolvido{opacity:.62}.pg-issue-text strong,.pg-issue-text small{display:block}.pg-issue-text strong{font-size:11px}.pg-issue-text small{font-size:9px;color:var(--text3);margin-top:2px}.pg-issue-actions{display:flex;gap:5px;align-items:center}.pg-issue-actions a,.pg-issue-actions button{font-size:9px!important;padding:4px 7px!important;white-space:nowrap}.pg-all-good,.pg-no-social,.pg-empty{padding:24px;text-align:center;color:var(--text3);font-size:11px}.pg-resolved{margin:0 10px 9px;border-top:1px dashed var(--border)}.pg-resolved>summary{padding:8px 2px;font-size:10px;color:var(--text3);cursor:pointer}
.pg-mirror-charts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px}.pg-chart-box{border:1px solid var(--border);border-radius:11px;background:var(--bg2);padding:12px}.pg-chart-box>div:first-child{display:flex;justify-content:space-between;gap:10px}.pg-chart-box strong{font-size:11px}.pg-chart-box small{font-size:9px;color:var(--text3)}.pg-mini-chart{height:105px;display:grid!important;grid-template-columns:repeat(7,1fr);gap:8px;align-items:end;margin-top:10px}.pg-mini-day{height:100%;display:flex;flex-direction:column;align-items:center;gap:4px}.pg-mini-track{width:100%;height:84px;display:flex;align-items:flex-end;background:linear-gradient(to top,rgba(148,163,184,.06),transparent);border-radius:4px;overflow:hidden}.pg-mini-track i{display:block;width:100%;background:linear-gradient(180deg,var(--accent2),var(--accent));border-radius:4px 4px 0 0;min-height:0}.pg-mini-track i.sem-dado{height:2px!important;background:var(--border)}
.pg-detail-grid{display:grid;grid-template-columns:minmax(540px,1.55fr) minmax(260px,.7fr);gap:0}.pg-table-wrap{overflow:auto}.pg-campaign-table{width:100%;border-collapse:collapse;font-size:10px}.pg-campaign-table th,.pg-campaign-table td{padding:9px 12px;border-bottom:1px solid var(--border);text-align:left}.pg-campaign-table th{font-size:8px;color:var(--text3);text-transform:uppercase}.pg-campaign-table td:first-child{min-width:220px}.pg-campaign-table td small{display:block;color:var(--text3);font-size:9px;margin-top:2px}.pg-status{display:inline-flex;padding:2px 6px;border-radius:8px;background:rgba(148,163,184,.1);color:var(--text3);font-size:8px;text-transform:capitalize}.pg-status.ativo{background:rgba(34,197,94,.12);color:#86efac}.pg-empty-row{text-align:center!important;color:var(--text3);padding:20px!important}
.pg-social-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.pg-social-stats span{padding:10px;background:var(--bg);border:1px solid var(--border);border-radius:9px;display:flex;flex-direction:column;gap:3px}.pg-social-stats small{font-size:9px;color:var(--text3)}.pg-social-stats strong{font-size:15px}.pg-saldo-line{display:grid;grid-template-columns:repeat(3,1fr) auto;align-items:center;gap:12px;padding:12px 15px;border-top:1px solid var(--border)}.pg-saldo-line>span{display:flex;flex-direction:column;gap:2px;font-size:9px;color:var(--text3);text-transform:uppercase}.pg-saldo-line strong{font-size:12px;color:var(--text);text-transform:none}.pg-saldo-line small{text-transform:none}.pg-saldo-line button{white-space:nowrap}
.pg-quick-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:0}.pg-actions-today,.pg-finance-box{align-self:start}.pg-formula-block{display:grid;grid-template-columns:minmax(135px,.55fr) minmax(100px,.45fr);gap:3px 12px;padding:12px 14px;border-bottom:1px solid var(--border)}.pg-formula-block>span{color:var(--text3);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.pg-formula-block>strong{text-align:right;font:700 16px var(--font-display)}.pg-formula-block>small,.pg-formula-block>em{grid-column:1/-1;color:var(--text3);font-size:9px;line-height:1.45;font-style:normal}.pg-balance-form{display:grid;gap:7px;padding:12px 14px}.pg-balance-form label{font-size:10px;font-weight:700}.pg-balance-form>div{display:grid;grid-template-columns:1fr auto;gap:7px}.pg-balance-form input{min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}.pg-balance-form small,.pg-more-link{color:var(--text3);font-size:9px}.pg-more-link{display:block;padding:0 13px 12px;text-decoration:none}.pg-more-link:hover{color:var(--accent2)}
@media(max-width:1250px){.pg-summary-cards{grid-template-columns:repeat(3,1fr)}.pg-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-client-card>summary{grid-template-columns:42px minmax(210px,1.5fr) 82px minmax(90px,.65fr) minmax(115px,.8fr) minmax(115px,.8fr) 30px 20px}.pg-client-card>summary>span:nth-child(5){display:none}.pg-detail-grid{grid-template-columns:1fr}.pg-quick-grid{grid-template-columns:1fr}}
@media(max-width:900px){.pg-summary-cards{grid-template-columns:repeat(2,1fr)}.pg-client-card>summary{grid-template-columns:38px 1fr 80px minmax(105px,.6fr) 28px 18px}.pg-client-card>summary>span:nth-child(4),.pg-client-card>summary>span:nth-child(5),.pg-client-card>summary>span:nth-child(7){display:none}.pg-mirror-charts{grid-template-columns:1fr}.pg-client-toolbar,.pg-saldo-line{grid-template-columns:1fr;display:grid}.pg-client-toolbar>div:last-child{flex-wrap:wrap}}
@media(max-width:600px){.painel-geral-wrap{padding:13px}.pg-head{flex-direction:column}.pg-head-actions{justify-content:flex-start}.pg-sync-cycle{align-items:flex-start}.pg-summary-cards{grid-template-columns:1fr}.pg-action-grid{grid-template-columns:1fr}.pg-controls{align-items:stretch;flex-direction:column}.pg-select-filters{justify-content:stretch}.pg-select-filters select,.pg-controls input{max-width:none;width:100%}.pg-client-card>summary{grid-template-columns:34px 1fr 28px 16px;gap:8px;padding:11px}.pg-client-card>summary>span:nth-child(3),.pg-client-card>summary>span:nth-child(4),.pg-client-card>summary>span:nth-child(5),.pg-client-card>summary>span:nth-child(6),.pg-client-card>summary>span:nth-child(7){display:none}.pg-issue{grid-template-columns:8px 1fr}.pg-issue-actions{grid-column:2;flex-wrap:wrap}.pg-mirror-charts{margin:8px}.pg-client-section{margin:8px}.pg-social-stats{grid-template-columns:1fr 1fr}}
@media print{body.pg-printing{background:#fff;color:#111}.pg-printing #appSidebar,.pg-printing #hamburgerBtn,.pg-printing #sidebarOverlay,.pg-printing .pg-head-actions>.btn-primary,.pg-printing .pg-head-actions>.btn-secondary,.pg-printing .pg-controls,.pg-printing .pg-client-body{display:none!important}.pg-printing .main-content,.pg-printing .painel-geral-wrap{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}.pg-printing .pg-card,.pg-printing .pg-priority-board,.pg-printing .pg-client-card{break-inside:avoid;background:#fff!important;border-color:#ccc!important;color:#111!important}.pg-printing .pg-action-grid{grid-template-columns:repeat(2,1fr)}.pg-printing .pg-client-card>summary{grid-template-columns:32px minmax(180px,1.4fr) 75px repeat(3,minmax(95px,.7fr)) 28px!important;padding:9px!important}.pg-printing .pg-client-card>summary>span{display:flex!important}.pg-printing .pg-chevron{display:none!important}.pg-printing *{box-shadow:none!important}}

/* ── SECTION HEADER ─────────────────────────────────────── */
.section-header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 20px 12px;flex-wrap:wrap;gap:10px}
.section-title{font-family:var(--font-display);font-weight:700;font-size:16px}
.section-sub{font-size:12px;color:var(--text3);margin-top:2px}

/* ── BADGES ─────────────────────────────────────────────── */
.badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;white-space:nowrap;display:inline-block}
.badge-ativo      {background:rgba(34,197,94,.15);color:#86efac}
.badge-pausado    {background:rgba(245,158,11,.15);color:#fbbf24}
.badge-encerrado  {background:rgba(107,114,128,.15);color:#9ca3af}
.badge-pendente   {background:rgba(59,130,246,.15);color:#93c5fd}
.badge-concluida  {background:rgba(34,197,94,.15);color:#86efac}
.badge-atrasada   {background:rgba(239,68,68,.15);color:#f87171}
.badge-direto      {background:rgba(168,85,247,.15);color:#d8b4fe}
.badge-terceirizado{background:rgba(234,179,8,.15);color:#fde047}
.badge-fluxa       {background:#7c3aed;color:#fff}
.badge-citara      {background:#0ea5e9;color:#fff}
.badge-carcara     {background:#f59e0b;color:#fff}
.badge-recorrente   {background:rgba(59,130,246,.12);color:#93c5fd}
.badge-avulsa       {background:rgba(107,114,128,.12);color:#9ca3af}
.badge-cat-conta    {background:rgba(59,130,246,.15);color:#93c5fd}
.badge-cat-artes    {background:rgba(168,85,247,.15);color:#d8b4fe}
.badge-cat-trafego  {background:rgba(249,115,22,.15);color:#fdba74}

/* ── LISTA DE CLIENTES ──────────────────────────────────── */
.clientes-wrap{padding:0}
.clientes-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px 12px;gap:10px;flex-wrap:wrap}
.clientes-toolbar-left{display:flex;align-items:center;gap:8px}
.filtro-label{font-size:11px;color:var(--text2);font-weight:500;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.filtro-select{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:13px;font-family:var(--font);color:var(--text);cursor:pointer}
.filtro-select:focus{outline:none;border-color:var(--prog)}
.clientes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:0 20px 24px}

/* ── CARD DE CLIENTE ─────────────────────────────────────── */
.cliente-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:16px;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative}
.cliente-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.4);border-color:var(--border2)}
.cliente-card.ativo{border-color:var(--prog);box-shadow:0 0 0 1px rgba(59,130,246,.2)}
.cliente-logo{width:40px;height:40px;border-radius:8px;object-fit:contain;margin-bottom:10px;display:block}
.cliente-logo-placeholder{width:40px;height:40px;border-radius:8px;background:var(--bg3);color:var(--text3);font-size:13px;display:flex;align-items:center;justify-content:center;font-weight:600;margin-bottom:10px}
.cliente-nome{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--text);margin-bottom:3px}
.cliente-empresa{font-size:12px;color:var(--text2);margin-bottom:4px}
.cliente-badges{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}
.cliente-responsavel{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text3)}
.resp-dot{width:18px;height:18px;border-radius:50%;background:var(--prog);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0}

/* ── BADGE DE COMPLETUDE ─────────────────────────────────── */
.badge-completude{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#fff;cursor:default;z-index:1}

/* ── PAINEL DO CLIENTE ──────────────────────────────────── */
.painel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--bg2);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:12px}
.painel-header-left{display:flex;flex-direction:row;align-items:center;gap:12px;min-width:0}
.painel-cliente-nome{font-family:var(--font-display);font-weight:800;font-size:18px;letter-spacing:-.02em}
.painel-cliente-meta{font-size:12px;color:var(--text3)}
.painel-header-right{display:flex;align-items:center;gap:8px}
.client-theme-toggle{display:flex;align-items:center;gap:5px;height:32px;padding:4px 7px;border:1px solid var(--border);border-radius:18px;background:var(--bg3);color:var(--text2);cursor:pointer}.client-theme-toggle span{font-size:10px}.client-theme-toggle i{position:relative;width:28px;height:15px;border-radius:10px;background:var(--bg4)}.client-theme-toggle i:after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:var(--text);transition:transform .2s}:root[data-theme="light"] .client-theme-toggle i:after{transform:translateX(13px)}
.cliente-selector-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;font-weight:600;white-space:nowrap}
.cliente-selector{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:13px;font-family:var(--font);color:var(--text);cursor:pointer;max-width:260px}
.cliente-selector:focus{outline:none;border-color:var(--prog)}

/* ── ABAS DO PAINEL ─────────────────────────────────────── */
.painel-tabs{display:flex;background:var(--bg2);border-bottom:1px solid var(--border);padding:0 20px;position:sticky;top:0;z-index:50}
.painel-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text2);font-family:var(--font);font-size:13px;padding:11px 14px;cursor:pointer;transition:all .15s;white-space:nowrap}
.painel-tab.active{color:var(--text);border-bottom-color:var(--prog)}
.painel-tab:hover{color:var(--text)}

/* ── CONTEÚDO DO PAINEL ─────────────────────────────────── */
.painel-content{padding:0}
.painel-tab-content{padding:20px}

/* ── SEÇÕES DA CONTA ─────────────────────────────────────── */
.conta-section{margin-bottom:28px}
.conta-section-title{font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--text2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.conta-section-title::after{content:'';flex:1;height:1px;background:var(--border)}

/* ── INFO GRID ───────────────────────────────────────────── */
.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.info-item{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:10px 12px}
.info-item-full{grid-column:1/-1}
.info-label{font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;font-weight:600;margin-bottom:4px}
.info-value{font-size:13px;color:var(--text);word-break:break-word}
.info-value a{color:var(--prog);text-decoration:none}
.info-value a:hover{text-decoration:underline}

/* ── CONTRATOS ───────────────────────────────────────────── */
.contratos-list{display:flex;flex-direction:column;gap:8px}
.contrato-item{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.contrato-left{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.contrato-servico{display:flex;align-items:center;gap:6px}
.contrato-plano{font-size:11px;color:var(--text3)}
.contrato-datas{font-size:11px;color:var(--text3)}
.contrato-right{display:flex;align-items:center;gap:8px;flex-shrink:0}
.contrato-valor{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text)}
.contrato-assinado{font-size:11px;color:#22c55e;font-weight:600}

/* ── CONTATOS CHAVE ──────────────────────────────────────── */
.contatos-list{display:flex;flex-direction:column;gap:6px}
.contato-item{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.contato-cargo{font-size:11px;font-weight:600;color:var(--text3);min-width:90px;text-transform:uppercase;letter-spacing:.03em}
.contato-nome{font-size:13px;color:var(--text);flex:1}
.contato-tel{font-size:12px;color:var(--text2);font-family:monospace}
.btn-add-contato{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text2);font-size:11px;font-family:var(--font);padding:2px 8px;cursor:pointer;transition:all .15s;text-transform:none;letter-spacing:0;font-weight:400}
.btn-add-contato:hover{border-color:var(--prog);color:var(--prog)}
.modal-section{font-size:10px;color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding-top:6px;border-top:1px solid var(--border);margin-top:2px}

/* ── CREDENCIAIS ─────────────────────────────────────────── */
.credenciais-list{display:flex;flex-direction:column;gap:6px}
.credencial-item{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:10px 14px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.credencial-tipo{font-size:12px;font-weight:600;color:var(--text2);min-width:100px}
.credencial-user{font-size:12px;color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.credencial-senha{font-size:12px;color:var(--text3);font-family:monospace;letter-spacing:.05em}
.credencial-link a{font-size:11px;color:var(--prog);text-decoration:none}
.credencial-link a:hover{text-decoration:underline}
.credencial-notas{font-size:11px;color:var(--text3);flex-basis:100%;margin-top:2px}
.credencial-actions{display:flex;align-items:center;gap:6px;margin-left:auto}
.credencial-actions .btn-copy{opacity:1}

/* ── INSPIRAÇÕES E CONCORRENTES ─────────────────────────── */
.referencias-help{font-size:12px;color:var(--text3);line-height:1.5;margin:-5px 0 10px}
.referencias-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}
.referencia-item{background:var(--bg3);border:1px solid var(--border);border-radius:9px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
.referencia-main{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.referencia-title{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.referencia-link{font-size:11px;color:var(--prog);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.referencia-link:hover{text-decoration:underline}
.referencia-item-legacy{grid-column:1/-1;align-items:flex-start}
.referencia-legacy-text{font-size:12px;color:var(--text2);line-height:1.5;white-space:pre-wrap;word-break:break-word}
.referencia-legacy-note,.referencia-modal-help{font-size:11px;color:var(--text3);line-height:1.45}
.referencia-modal-help{margin:2px 0 0}

/* ── TABELA GENÉRICA ─────────────────────────────────────── */
.generic-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px}
.generic-table{width:100%;border-collapse:collapse;font-size:13px}
.generic-table th{padding:9px 13px;text-align:left;font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;font-weight:600;border-bottom:1px solid var(--border);background:var(--bg3)}
.generic-table td{padding:10px 13px;border-bottom:1px solid var(--border);color:var(--text2);vertical-align:top}
.generic-table tbody tr:last-child td{border-bottom:none}
.generic-table tbody tr:hover td{background:rgba(255,255,255,.02)}

/* ── DEMANDAS ────────────────────────────────────────────── */
.demandas-list{display:flex;flex-direction:column;gap:8px}
.demanda-item{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:12px 14px;transition:opacity .4s ease}
.demanda-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}
.demanda-titulo{font-size:13px;font-weight:500;color:var(--text);line-height:1.4;flex:1}
.demanda-badges{display:flex;flex-wrap:wrap;align-items:center;gap:4px;flex-shrink:0}
.demanda-responsavel{font-size:12px;color:var(--text2);margin-bottom:4px}
.demanda-descricao{font-size:13px;color:var(--text);line-height:1.55;margin:6px 0}
.demanda-obs{font-size:12px;color:var(--text2);line-height:1.5;margin-bottom:4px}
.demanda-mes{font-size:11px;color:var(--text3);margin-top:4px}
.demanda-concluida{opacity:0.35;pointer-events:none}
.demanda-concluida .demanda-etapa,
.demanda-concluida .demanda-check-btn{pointer-events:auto}
.demanda-concluida .demanda-actions,.demanda-concluida .demanda-calendar-status,.demanda-concluida .demanda-evidencias,.demanda-concluida .demanda-context-links{pointer-events:auto}
.demanda-deep-linked{opacity:1!important;border-color:var(--prog);box-shadow:0 0 0 3px rgba(124,58,237,.18)}
.demanda-calendar-status{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:7px;color:#f59e0b;font-size:11px}
.demanda-calendar-status.ok{color:#22c55e}.demanda-calendar-status.error{color:#ef4444}.demanda-calendar-status.pending{color:#f59e0b}.demanda-calendar-status a{color:inherit;text-decoration:underline}.demanda-calendar-status button{border:0;background:none;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;padding:0}
.demanda-deep-link-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-2px -2px 12px;padding:11px 12px;border:1px solid var(--prog-border);border-radius:9px;background:var(--prog-bg)}
.demanda-deep-link-cta>div:first-child{display:flex;flex-direction:column;gap:2px}.demanda-deep-link-cta strong{font-size:12px;color:var(--text)}.demanda-deep-link-cta span{font-size:11px;color:var(--text2);line-height:1.4}.demanda-deep-link-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}.demanda-deep-link-cta button{flex-shrink:0}
.demanda-participant-summary{font-size:12px;color:var(--text2);margin-bottom:4px}
.demanda-context-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.demanda-context-links a{padding:5px 8px;border:1px solid var(--border);border-radius:7px;background:var(--bg2);color:var(--text2);font-size:11px;text-decoration:none}.demanda-context-links a:hover{border-color:var(--prog);color:var(--text)}
.demanda-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}
.demanda-actions button{min-height:32px}
.demanda-evidencias{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:9px}.demanda-evidencias strong{font-size:11px;color:var(--text2)}.demanda-evidencias button{border:1px solid var(--border);border-radius:7px;background:var(--bg2);color:var(--text2);padding:5px 8px;cursor:pointer;font:inherit;font-size:11px}.demanda-evidencias button:hover{border-color:var(--prog);color:var(--text)}
.prioridade-baixa{background:rgba(34,197,94,.12);color:#86efac}.prioridade-media{background:rgba(59,130,246,.12);color:#93c5fd}.prioridade-alta{background:rgba(245,158,11,.14);color:#fcd34d}.prioridade-urgente{background:rgba(239,68,68,.15);color:#fca5a5}
.demanda-check-btn{background:none;border:1px solid var(--border);color:var(--text2);width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.demanda-check-btn:hover{border-color:var(--prog);color:var(--prog)}
/* legado (grid antigo) */
.demandas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.demanda-card{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:12px 14px}
.demanda-meta{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}

/* ── BOTÃO COPIAR ────────────────────────────────────────── */
.info-value-row{display:flex;align-items:flex-start;gap:6px;min-width:0}
.info-value-row .info-value{flex:1;min-width:0}
.btn-copy{background:none;border:none;color:var(--text3);cursor:pointer;padding:1px 3px;border-radius:4px;transition:color .15s,background .15s;flex-shrink:0;display:flex;align-items:center;opacity:0;line-height:1}
.info-item:hover .btn-copy{opacity:1}
.btn-copy:hover{color:var(--prog);background:var(--prog-bg)}

/* ── HISTÓRICO ───────────────────────────────────────────── */
.historico-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.historico-item{display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;padding:9px 14px;border-bottom:1px solid var(--border);font-size:12px}
.historico-item:last-child{border-bottom:none}
.historico-tipo{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.04em}
.historico-descricao{color:var(--text2)}
.historico-meta{font-size:11px;color:var(--text3);white-space:nowrap;text-align:right}

/* ── IDENTIDADE VISUAL ───────────────────────────────────── */
.identidade-wrap{display:flex;flex-direction:column;gap:0}
.identidade-textarea{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:13px;font-family:var(--font);color:var(--text);width:100%;min-height:100px;resize:vertical;transition:border-color .15s}
.identidade-textarea:focus{outline:none;border-color:var(--prog)}
.identidade-input{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:13px;font-family:var(--font);color:var(--text);width:100%;transition:border-color .15s}
.identidade-input:focus{outline:none;border-color:var(--prog)}
.identidade-drive-row{display:flex;align-items:center;gap:10px}
.identidade-drive-row .identidade-input{flex:1}
.btn-drive-link{white-space:nowrap;font-size:13px;color:var(--prog);text-decoration:none;flex-shrink:0}
.btn-drive-link:hover{text-decoration:underline}
.identidade-footer{display:flex;justify-content:flex-end;margin-top:8px}
.identidade-link-destaque{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.identidade-link-info{font-size:12px;color:var(--text2)}
.identidade-link-vazio{font-size:13px;color:var(--text3)}
.identidade-logo-wrap{position:relative;display:inline-block}
.identidade-logo-preview{max-width:220px;max-height:140px;object-fit:contain;border-radius:8px;cursor:pointer;display:block}
.identidade-logo-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);z-index:300;min-width:160px;box-shadow:0 8px 28px rgba(0,0,0,.55);overflow:hidden;display:none}
.identidade-logo-menu.open{display:block}
.identidade-campo{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.identidade-campo-header{display:flex;align-items:center;justify-content:space-between}
.identidade-campo-label{font-size:12px;font-weight:600;color:var(--text2)}

/* ── PALETA DE CORES ─────────────────────────────────────── */
.cores-wrap{display:flex;flex-direction:column;gap:10px}
.cores-swatches{display:flex;flex-wrap:wrap;gap:8px}
.cor-item{display:flex;align-items:center;gap:6px}
.cor-swatch{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);flex-shrink:0}
.cor-input{background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:12px;font-family:monospace;color:var(--text);width:82px;transition:border-color .15s}
.cor-input:focus{outline:none;border-color:var(--prog)}
.btn-remove-cor{background:none;border:none;color:var(--text3);font-size:12px;cursor:pointer;padding:2px 4px;border-radius:4px;transition:color .15s}
.btn-remove-cor:hover{color:#ef4444}

/* ── REDES SOCIAIS ───────────────────────────────────────── */
.redes-list{display:flex;flex-direction:column;gap:8px}
.rede-item{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rede-plat-badge{width:32px;height:32px;border-radius:8px;background:var(--bg4);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--text2);letter-spacing:.02em;flex-shrink:0}
.rede-info{flex:1;min-width:0}
.rede-plataforma{font-size:13px;font-weight:600;color:var(--text)}
.rede-perfil{font-size:12px;color:var(--text2);margin-top:1px}
.rede-stats{display:flex;gap:16px;flex-shrink:0}
.rede-stat{display:flex;flex-direction:column;align-items:center;gap:1px}
.rede-stat-val{font-family:var(--font-display);font-size:13px;font-weight:700;color:var(--text)}
.rede-stat-lbl{font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:.04em}
.rede-atualizado{font-size:10px;color:var(--text3);flex-basis:100%;margin-top:2px}

/* ── IMPORT .md ──────────────────────────────────────────── */
.import-md-bar{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg3);border:1px solid var(--border);border-radius:8px}
.import-md-hint{font-size:11px;color:var(--text3)}
.import-md-desc{font-size:12px;color:var(--text2);line-height:1.5;padding-bottom:4px}
.import-preview-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:6px}
.import-preview-table td{padding:5px 8px;border-bottom:1px solid var(--border);vertical-align:top}
.import-preview-table tr:last-child td{border-bottom:none}
.ipt-label{color:var(--text3);font-size:10px;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;width:160px;font-weight:600}
.ipt-value{color:var(--text);word-break:break-word}
.import-acessos-info{font-size:12px;color:var(--text2);margin-top:10px;padding:8px 10px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;line-height:1.5}

/* ── ETAPAS DAS DEMANDAS ─────────────────────────────────── */
.demanda-progresso{margin-top:6px}
.demanda-progresso-bar{height:4px;border-radius:2px;background:var(--border);overflow:hidden}
.demanda-progresso-fill{height:100%;border-radius:2px;background:var(--prog);transition:width .3s}
.demanda-progresso-label{font-size:10px;color:var(--text3);margin-top:2px}
.demanda-etapas-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.demanda-etapa{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text2);cursor:pointer}
.demanda-etapa input[type=checkbox]{cursor:pointer;accent-color:var(--prog);flex-shrink:0}
.demanda-etapa.concluida{text-decoration:line-through;color:var(--text3);opacity:0.5}
.demanda-etapa-check{width:16px;height:16px;border:1.5px solid var(--border);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:var(--prog);flex-shrink:0;cursor:pointer}
.demanda-etapa.concluida .demanda-etapa-check{background:var(--prog);border-color:var(--prog);color:#fff}
.demanda-prazo{font-size:11px;color:var(--text3);margin-top:4px}

/* ── MODAL ETAPAS INPUT ──────────────────────────────────── */
.nd-etapas-list{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}
.nd-etapa-row{display:flex;align-items:center;gap:6px}
.nd-etapa-row input{flex:1;background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:13px;font-family:var(--font);color:var(--text);transition:border-color .15s}
.nd-etapa-row input:focus{outline:none;border-color:var(--prog)}
.field-help{font-size:11px;color:var(--text3);line-height:1.4;margin-top:5px}
.demand-participant-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:6px;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg3);max-height:160px;overflow:auto}
.demand-participant-option{display:flex;align-items:center;gap:7px;padding:6px 7px;border-radius:7px;background:var(--bg2);cursor:pointer;font-size:12px;color:var(--text)}.demand-participant-option input{accent-color:var(--prog)}.demand-participant-option span{flex:1}.demand-participant-option small{font-size:9px;color:#22c55e}.demand-participant-option small.muted,.demand-participant-empty{color:var(--text3)}.demand-participant-empty{padding:5px;font-size:11px}
.demand-link-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.agenda-chip small{display:block;margin-top:2px;opacity:.72;font-size:9px}
.reminder-demand-link{width:100%;border:0;text-align:left;cursor:pointer;color:inherit;font:inherit}.reminder-demand-link:hover{outline:1px solid var(--prog)}

/* ── SININHO DE URGÊNCIA ─────────────────────────────────── */
.badge-sininho{position:absolute;top:8px;right:30px;font-size:11px;line-height:1;cursor:default;z-index:1}

/* ── IDENTIDADE — IMPORT/EXPORT ROW ─────────────────────── */
.identidade-import-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}

/* ── RESPONSÁVEIS POR SETOR ──────────────────────────────── */
.resp-bloco{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0 12px;margin-bottom:4px;border-bottom:1px solid var(--border)}
.resp-label{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}
.resp-chips{display:flex;flex-wrap:wrap;gap:5px;flex:1}
.resp-chip{font-size:11px;background:var(--prog-bg);border:1px solid var(--prog-border);color:var(--prog);border-radius:20px;padding:3px 10px}
.resp-chip-empty{background:var(--bg3);border-color:var(--border);color:var(--text3)}

/* ── REDES INFO BAR ──────────────────────────────────────── */
.redes-info-bar{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0 4px;margin-bottom:8px;border-bottom:1px solid var(--border)}
.redes-info-chip{display:flex;align-items:center;gap:5px;background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:4px 10px}
.redes-info-label{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.04em}
.redes-info-value{font-size:12px;color:var(--text)}
.redes-info-link{color:var(--prog);text-decoration:none}
.redes-info-link:hover{text-decoration:underline}

/* ── LINKS DE EDIÇÃO (Redes) ─────────────────────────────── */
.links-edicao-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.links-edicao-field{display:flex;flex-direction:column;gap:6px}
.links-edicao-label{font-size:11px;color:var(--text2);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.links-edicao-input-row{display:flex;align-items:center;gap:6px}
.links-edicao-input-row .identidade-input{flex:1;min-width:0}

/* ── CALENDÁRIO DE POSTAGENS ─────────────────────────────── */
.calendario-wrap{margin-top:4px}
.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.cal-titulo{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text)}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.cal-header-cell{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:4px 0;border-bottom:1px solid var(--border);margin-bottom:4px}
.cal-cell{background:var(--bg3);border-radius:6px;padding:4px 5px;min-height:56px;display:flex;flex-direction:column;gap:2px;border:1px solid transparent;transition:border-color .15s}
.cal-cell-empty{background:none;border:none;min-height:56px}
.cal-cell:not(.cal-cell-empty):hover{border-color:var(--border2)}
.cal-cell-has-posts{border-color:var(--border)}
.cal-dia-num{font-size:10px;font-weight:700;color:var(--text3);line-height:1;margin-bottom:2px}
.cal-badges{display:flex;flex-wrap:wrap;gap:2px}
.cal-badge{background:var(--prog-bg);border:1px solid var(--prog-border);color:var(--prog);border-radius:4px;font-size:9px;font-weight:600;padding:1px 5px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}
.cal-badge:hover{background:var(--prog);color:#fff}

/* ── MODAL CRIATIVO ──────────────────────────────────────── */
.criativo-bloco{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--bg3);border:1px solid var(--border);border-radius:8px}
.criativo-bloco-titulo{font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.07em}
.criativo-texto{font-size:12px;color:var(--text);line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:180px;overflow-y:auto}
.criativo-edicao-row{display:flex;gap:8px}
.criativo-edicao-row .btn-primary{flex:1;font-size:12px;padding:7px 12px}
.criativo-edicao-row .btn-primary:disabled{opacity:.4;cursor:not-allowed}

/* ══════════════════════════════════════════════════════════
   FUSÃO — ESTILOS DO KANBAN
══════════════════════════════════════════════════════════ */

/* ── APP LAYOUT (SIDEBAR) ───────────────────────────────── */
.app-layout{display:flex;min-height:100vh}
.sidebar{width:200px;min-height:100vh;background:var(--bg2);border-right:1px solid var(--border);position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;z-index:100;overflow-y:auto}
.sidebar-logo{padding:18px 16px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center}
.sidebar-logo img{height:18.3px;width:auto;display:block}
.sidebar-logo-dark{display:block}
.sidebar-logo-light{display:none!important}
:root[data-theme="light"] .sidebar-logo-dark{display:none!important}
:root[data-theme="light"] .sidebar-logo-light{display:block!important}
.sidebar-status{display:flex;align-items:center;gap:6px;padding:7px 16px;border-bottom:1px solid var(--border);font-size:11px;color:var(--text2)}
.nav-list{list-style:none;padding:8px 0;flex:1}
.nav-item{display:block}
.nav-btn{width:100%;text-align:left;background:none;border:none;color:var(--text2);font-family:var(--font);font-size:13px;padding:10px 16px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:8px}
.nav-btn:hover{background:var(--bg3);color:var(--text)}
.nav-btn.active{background:var(--prog-bg);color:var(--prog);border-right:2px solid var(--prog)}
.nav-icon{font-size:14px;flex-shrink:0}
.sidebar-footer{border-top:1px solid var(--border);padding:10px 12px}
.theme-switch{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;padding:6px 8px;border:1px solid var(--border);border-radius:9px;background:var(--bg)}
.theme-switch>span{color:var(--text3);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.theme-switch>div{display:flex;gap:3px}.theme-switch button{width:26px;height:24px;border:0;border-radius:6px;background:transparent;color:var(--text3);font-size:12px;cursor:pointer}.theme-switch button.active{background:var(--bg4);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.16)}
.user-info{display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 4px;border-radius:8px;transition:background .15s;min-width:0}
.user-info:hover{background:var(--bg3)}
.user-info .user-avatar{flex-shrink:0}
.user-info #navName{font-size:12px;color:var(--text2);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-caret{font-size:11px;color:var(--text3);flex-shrink:0}
.main-content{margin-left:200px;flex:1;min-height:100vh;overflow-x:hidden}

/* ── SIDEBAR SUBMENU ─────────────────────────────────────── */
.nav-submenu{list-style:none;padding:0;margin:0;background:var(--bg);border-left:2px solid var(--border);margin-left:16px}
.nav-sub-btn{width:100%;text-align:left;background:none;border:none;color:var(--text3);font-family:var(--font);font-size:12px;padding:7px 14px;cursor:pointer;transition:all .15s;display:block}
.nav-sub-btn:hover{color:var(--text);background:var(--bg3)}
.nav-sub-btn.active{color:var(--prog);background:var(--prog-bg)}

/* ── PAINEL CLIENTE — LOGO ───────────────────────────────── */
.painel-cliente-logo-wrap{width:48px;height:48px;border-radius:10px;overflow:hidden;flex-shrink:0;border:1px solid var(--border);background:var(--bg3)}
.painel-cliente-logo{width:48px;height:48px;object-fit:cover;object-position:center;display:block}
.painel-cliente-logo-placeholder{width:48px;height:48px;background:var(--prog-bg);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--prog);font-family:var(--font-display)}

/* ── HAMBURGUER + SIDEBAR MOBILE ─────────────────────────── */
.hamburger-btn{display:none}
.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:499}
.sidebar-overlay.open{display:block}
@media(min-width:641px){.hamburger-btn{display:none}.sidebar{transform:none!important}}
@media(max-width:640px){
  .sidebar{transform:translateX(-100%);transition:transform .25s ease;z-index:500}
  .sidebar.open{transform:translateX(0)}
  .main-content{margin-left:0}
  .hamburger-btn{display:flex;position:fixed;top:12px;left:12px;z-index:600;background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:7px 9px;cursor:pointer;font-size:16px;color:var(--text)}
}

/* ── KANBAN TOPBAR ───────────────────────────────────────── */
.kanban-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--bg2);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;min-height:47px}
.kanban-tabs{display:flex;align-items:center;gap:0}
.ktab-btn{background:none;border:none;border-bottom:2px solid transparent;color:var(--text2);font-family:var(--font);font-size:13px;padding:14px 12px;cursor:pointer;transition:all .15s;white-space:nowrap}
.ktab-btn:hover{color:var(--text)}
.ktab-btn.active{color:var(--text);border-bottom-color:var(--prog)}
.kanban-actions{display:flex;align-items:center;gap:8px;padding:7px 0}

/* ── CARGA ───────────────────────────────────────────────── */
.carga-bar-wrap{padding:9px 20px;background:var(--bg2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.carga-label{font-size:12px;color:var(--text2);white-space:nowrap}
.carga-bar{flex:1;min-width:100px;height:5px;background:var(--bg3);border-radius:3px;overflow:hidden}
.carga-fill{height:100%;border-radius:3px;transition:width .4s}
.carga-fill.ok{background:var(--green)}
.carga-fill.warn{background:var(--bloq)}
.carga-fill.over{background:var(--urg)}
.carga-info{font-size:12px;color:var(--text2);white-space:nowrap}
.conflict-pill{font-size:11px;background:var(--urg-bg);border:1px solid var(--urg-border);color:#fca5a5;border-radius:20px;padding:2px 10px;cursor:pointer;white-space:nowrap}
.alert-banner{display:none;align-items:flex-start;gap:10px;padding:8px 20px;background:rgba(239,68,68,0.07);border-bottom:1px solid rgba(239,68,68,0.18);font-size:12px;color:#fca5a5;flex-wrap:wrap}
.alert-banner.visible{display:flex}
.alert-list{display:flex;flex-direction:column;gap:2px}

/* ── BOARD ───────────────────────────────────────────────── */
.board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px 20px;align-items:start}
@media(max-width:860px){.board{grid-template-columns:1fr;padding:10px}}
.col{background:var(--bg2);border-radius:14px;border:1px solid var(--border)}
.col-header{padding:13px 15px 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}
.col-title{display:flex;align-items:center;gap:8px}
.col-icon{width:27px;height:27px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px}
.col-programada .col-icon{background:var(--prog-bg);border:1px solid var(--prog-border)}
.col-bloqueada  .col-icon{background:var(--bloq-bg);border:1px solid var(--bloq-border)}
.col-urgente    .col-icon{background:var(--urg-bg);border:1px solid var(--urg-border)}
.col-name{font-family:var(--font-display);font-weight:700;font-size:13px;letter-spacing:-.02em}
.col-programada .col-name{color:var(--prog)}
.col-bloqueada  .col-name{color:var(--bloq)}
.col-urgente    .col-name{color:var(--urg)}
.col-count{font-size:11px;background:var(--bg3);border:1px solid var(--border);border-radius:20px;padding:2px 7px;color:var(--text2)}
.col-body{padding:9px;min-height:80px}
.col-body.drag-over{background:rgba(255,255,255,.025);border-radius:8px;outline:2px dashed var(--border)}
.group{margin-bottom:9px;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.group-header{padding:7px 11px;display:flex;align-items:center;gap:7px;background:var(--bg3);border-bottom:1px solid var(--border);flex-wrap:wrap}
.group-client{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--text)}
.group-service{font-size:10px;font-weight:600;padding:2px 7px;border-radius:20px}
.group-body{padding:7px;display:flex;flex-direction:column;gap:6px}
.empty-col{text-align:center;padding:22px;color:var(--text3);font-size:12px}

/* ── CARD ────────────────────────────────────────────────── */
.card{background:var(--bg2);border-radius:8px;border:1px solid var(--border);padding:10px 11px;cursor:grab;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative}
.card:active{cursor:grabbing}
.card:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.4);border-color:#3a3d44}
.card.dragging{opacity:.3}
.card.collision{border-color:var(--urg)!important;box-shadow:0 0 0 2px rgba(239,68,68,.15)}
.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:5px}
.card-title{font-size:13px;font-weight:500;color:var(--text);line-height:1.3;flex:1;min-width:0}
.card-top-right{display:flex;align-items:center;gap:4px;flex-shrink:0}
.card-deadline{font-size:10px;color:var(--text3);white-space:nowrap;background:var(--bg3);border:1px solid var(--border);border-radius:5px;padding:1px 5px}
.card-menu-btn{background:none;border:none;color:var(--text3);cursor:pointer;font-size:15px;padding:0 2px;flex-shrink:0;transition:color .15s}
.card-menu-btn:hover{color:var(--text)}
.card-assignee{display:flex;align-items:center;gap:5px;margin-bottom:5px}
.assignee-dot{width:16px;height:16px;border-radius:50%;background:var(--prog);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff;flex-shrink:0}
.assignee-info{display:flex;flex-direction:column;gap:1px}
.assignee-name{font-size:11px;color:var(--text2)}
.assignee-cargo{font-size:10px;color:var(--text3)}
.assignee-mine{background:var(--green)}
.card-time{font-size:11px;color:var(--text3);margin-bottom:5px}
.card-time.conflict{color:var(--urg)}
.card-obs{font-size:12px;color:var(--text2);line-height:1.45;margin-bottom:6px}
.card-bloq-info{font-size:11px;background:var(--bloq-bg);border:1px solid var(--bloq-border);color:var(--bloq);border-radius:6px;padding:4px 8px;margin-bottom:6px}
.card-prazo{font-size:11px;margin-bottom:6px}
.card-prazo.prazo-late,.card-prazo.overdue{color:var(--urg)}
.card-prazo.prazo-today{color:var(--bloq)}
.card-prazo.prazo-soon,.card-prazo.soon{color:var(--bloq)}
.card-prazo.prazo-ok,.card-prazo.ok{color:var(--text3)}
.checklist{margin-bottom:7px;display:flex;flex-direction:column;gap:3px}
.check-item{display:flex;align-items:flex-start;gap:7px;padding:4px 6px;border-radius:5px;cursor:pointer;transition:background .1s}
.check-item:hover{background:var(--bg3)}
.check-item input[type=checkbox]{accent-color:var(--prog);width:13px;height:13px;flex-shrink:0;margin-top:1px;cursor:pointer}
.check-item-text{font-size:12px;color:var(--text2);line-height:1.35}
.check-item-text.done{text-decoration:line-through;color:var(--text3)}
.progress-bar{height:3px;background:var(--bg3);border-radius:2px;overflow:hidden;margin-bottom:4px}
.progress-fill{height:100%;background:var(--prog);border-radius:2px;transition:width .3s}
.progress-label{font-size:10px;color:var(--text3);margin-bottom:6px}
.card-actions{display:flex;gap:5px}
.action-btn{flex:1;padding:5px 3px;font-size:11px;font-family:var(--font);font-weight:500;border-radius:6px;border:1px solid var(--border);background:var(--bg3);color:var(--text2);cursor:pointer;transition:all .15s;text-align:center;white-space:nowrap}
.action-btn:hover{background:var(--bg);color:var(--text)}
.action-btn.concluir:hover{border-color:var(--green);color:var(--green);background:rgba(34,197,94,.07)}
.action-btn.depois:hover{border-color:var(--bloq);color:var(--bloq);background:rgba(245,158,11,.07)}
.action-btn.esteira:hover{border-color:var(--prog);color:var(--prog);background:rgba(59,130,246,.07)}
.card-menu{position:absolute;top:30px;right:8px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);z-index:300;min-width:160px;box-shadow:0 8px 28px rgba(0,0,0,.55);overflow:hidden;display:none}
.card-menu.open{display:block}
.menu-item{padding:8px 13px;font-size:13px;color:var(--text2);cursor:pointer;transition:background .1s;display:flex;align-items:center;gap:8px}
.menu-item:hover{background:var(--bg3);color:var(--text)}
.menu-item.danger{color:#f87171}
.menu-item.danger:hover{background:rgba(239,68,68,.1)}

/* ── AGENDA ──────────────────────────────────────────────── */
.agenda-wrap{padding:16px 20px}
.agenda-nav{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.agenda-nav-title{font-family:var(--font-display);font-weight:700;font-size:15px;flex:1}
.view-toggle{background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:5px 12px;font-size:12px;color:var(--text2);cursor:pointer;transition:all .15s}
.view-toggle.active{background:var(--prog);color:#fff;border-color:var(--prog)}
.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.day-col{background:var(--bg2);border:1px solid var(--border);border-radius:10px;overflow:hidden;min-height:100px}
.day-col.today{border-color:var(--prog)}
.day-header{padding:7px 9px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.day-name{font-size:11px;color:var(--text2)}
.day-num{font-size:14px;font-weight:600;color:var(--text)}
.day-col.today .day-num{color:var(--prog)}
.day-load{font-size:10px;color:var(--text3)}
.day-load.over{color:var(--urg)}
.day-load.warn{color:var(--bloq)}
.day-body{padding:5px;display:flex;flex-direction:column;gap:3px}
.agenda-chip{font-size:10px;padding:3px 6px;border-radius:5px;border:1px solid var(--border);color:var(--text2);background:var(--bg3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.agenda-chip:hover{background:var(--bg4);color:var(--text)}
.agenda-chip.chip-conflict{border-color:rgba(239,68,68,.4);color:#fca5a5;background:rgba(239,68,68,.06)}
.agenda-chip.chip-mine{border-color:rgba(59,130,246,.3);color:#93c5fd;background:rgba(59,130,246,.06)}
.agenda-chip.svc-trafego    {background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.3);color:#93c5fd}
.agenda-chip.svc-social     {background:rgba(168,85,247,.12);border-color:rgba(168,85,247,.3);color:#d8b4fe}
.agenda-chip.svc-identidade {background:rgba(234,179,8,.12);border-color:rgba(234,179,8,.3);color:#fde047}
.agenda-chip.svc-site       {background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.3);color:#86efac}
.agenda-chip.svc-video      {background:rgba(249,115,22,.12);border-color:rgba(249,115,22,.3);color:#fdba74}
.agenda-chip.svc-consultoria{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.3);color:#cbd5e1}
.agenda-chip.svc-outro      {background:rgba(107,114,128,.12);border-color:rgba(107,114,128,.3);color:#9ca3af}
.month-head-cell{font-size:10px;color:var(--text3);text-align:center;padding:4px 0;font-weight:500}
.month-day{background:var(--bg2);border:1px solid var(--border);border-radius:8px;min-height:55px;padding:5px 6px}
.month-day.today{border-color:var(--prog)}
.month-day-num{font-size:11px;color:var(--text2);margin-bottom:3px}
.month-day.today .month-day-num{color:var(--prog);font-weight:600}
.month-chip{font-size:10px;padding:2px 5px;border-radius:4px;background:var(--bg3);color:var(--text3);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.month-day.muted{opacity:.35;pointer-events:none}
.month-chip.muted{opacity:.6}
.month-chip.svc-trafego    {background:rgba(59,130,246,.15);color:#93c5fd}
.month-chip.svc-social     {background:rgba(168,85,247,.15);color:#d8b4fe}
.month-chip.svc-identidade {background:rgba(234,179,8,.15);color:#fde047}
.month-chip.svc-site       {background:rgba(34,197,94,.15);color:#86efac}
.month-chip.svc-video      {background:rgba(249,115,22,.15);color:#fdba74}
.month-chip.svc-consultoria{background:rgba(148,163,184,.15);color:#cbd5e1}
.month-chip.svc-outro      {background:rgba(107,114,128,.15);color:#9ca3af}
.year-grid{display:grid;gap:14px;padding:16px}
.year-grid.cols-2{grid-template-columns:repeat(2,1fr)}
.year-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.year-grid.cols-4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.year-grid.cols-4{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.year-grid.cols-4,.year-grid.cols-3{grid-template-columns:repeat(2,1fr)}}
.year-month{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:12px}
.year-month-name{font-family:var(--font-display);font-weight:700;font-size:12px;color:var(--text);margin-bottom:7px;text-transform:capitalize}
.year-day-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}
.year-head{font-size:8px;color:var(--text3);text-align:center;padding:2px 0}
.year-day{font-size:9px;color:var(--text3);text-align:center;padding:2px 1px;border-radius:3px;cursor:default;line-height:1.4}
.year-day.today{background:var(--prog);color:#fff;font-weight:700}
.year-day.has-tasks{color:var(--text);font-weight:600;cursor:pointer}
.year-day.has-tasks:hover{background:var(--bg3)}
@media(max-width:700px){.week-grid{grid-template-columns:repeat(3,1fr)}.month-grid{grid-template-columns:repeat(4,1fr)}}

/* ── TEMPLATES ───────────────────────────────────────────── */
.templates-wrap{padding:16px 20px}
.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:14px}
.tpl-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:14px}
.tpl-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}
.tpl-name{font-family:var(--font-display);font-weight:700;font-size:14px}
.tpl-meta{display:flex;align-items:center;gap:7px;margin-bottom:10px}
.tpl-time{font-size:11px;color:var(--text2)}
.tpl-steps{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.tpl-step{font-size:12px;color:var(--text2);display:flex;align-items:flex-start;gap:6px}
.tpl-step-num{font-size:10px;background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:1px 5px;color:var(--text3);flex-shrink:0;margin-top:1px}
.tpl-btn{width:100%;padding:7px;font-size:12px;background:var(--prog-bg);border:1px solid var(--prog-border);color:#93c5fd;border-radius:7px;cursor:pointer;font-family:var(--font);transition:all .15s}
.tpl-btn:hover{background:var(--prog);color:#fff;border-color:var(--prog)}
.tpl-delete{background:none;border:none;color:var(--text3);cursor:pointer;font-size:14px;transition:color .15s}
.tpl-delete:hover{color:#f87171}

/* ── EQUIPE ──────────────────────────────────────────────── */
.equipe-wrap{padding:16px 20px}
.equipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:12px;margin-top:14px}
.member-calendar-card{min-width:0}
.member-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px}
.member-calendar-card.has-calendar-panel>.member-card,.cfg-member-block>.integ-card{margin-bottom:0;border-radius:12px 12px 0 0}
.member-avatar{width:40px;height:40px;border-radius:50%;background:var(--prog);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}
.member-info{flex:1}
.member-name{font-size:14px;font-weight:500;color:var(--text)}
.member-email{font-size:11px;color:var(--text2);margin-top:2px}
.member-papel{font-size:10px;padding:2px 8px;border-radius:10px;margin-top:5px;display:inline-block}
.papel-admin{background:rgba(59,130,246,.15);color:#93c5fd}
.papel-membro{background:rgba(107,114,128,.15);color:#9ca3af}
.member-tasks{font-size:11px;color:var(--text3);margin-top:4px}
.member-cargo{font-size:11px;color:var(--text2);background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:2px 8px;display:inline-block;margin-top:4px}
.member-cargo-row{margin-top:6px}
.cargo-select{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:4px 6px;font-size:12px;color:var(--text);cursor:pointer}
.responsavel-cargo-label{font-size:11px;color:var(--text3);margin-top:3px;min-height:14px}
.cargos-section{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:16px}
.cargos-header{font-size:12px;font-weight:600;color:var(--text2);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}
.cargos-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;min-height:20px}
.cargo-item{display:flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:3px 10px 3px 12px;font-size:12px}
.cargo-nome{color:var(--text)}
.cargo-del{background:none;border:none;color:var(--text3);cursor:pointer;font-size:11px;padding:0;line-height:1}
.cargo-del:hover{color:#f87171}
.cargos-new{display:flex;gap:8px;align-items:center}
.cargos-new input{flex:1;background:var(--bg2);border:1px solid var(--border);border-radius:6px;padding:5px 10px;font-size:12px;color:var(--text)}

/* ── BELL / LEMBRETE ─────────────────────────────────────── */
.bell-btn{position:relative;background:none;border:1px solid var(--border);border-radius:8px;padding:5px 9px;color:var(--text2);cursor:pointer;font-size:13px;transition:all .15s}
.bell-btn:hover{color:var(--text);border-color:var(--text2)}
.bell-badge{position:absolute;top:-5px;right:-5px;background:var(--urg);color:#fff;border-radius:50%;min-width:17px;height:17px;font-size:9px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;padding:0 3px}
.bell-days-badge{font-size:10px;padding:2px 7px;border-radius:10px;font-weight:600;white-space:nowrap;flex-shrink:0}
.bell-day-overdue,.bell-day-0{background:rgba(239,68,68,.15);color:#f87171}
.bell-day-1{background:rgba(239,68,68,.15);color:#f87171}
.bell-day-2{background:rgba(245,158,11,.15);color:#fbbf24}
.bell-day-3{background:rgba(59,130,246,.15);color:#93c5fd}
.reminder-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:2000;display:none;align-items:center;justify-content:center;padding:16px;backdrop-filter:blur(3px)}
.reminder-overlay.open{display:flex}
.reminder-box{background:var(--bg2);border:1px solid var(--border);border-radius:16px;width:100%;max-width:400px;max-height:85vh;overflow-y:auto}
.reminder-header{padding:14px 18px 11px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.reminder-title{font-family:var(--font-display);font-size:14px;font-weight:700}
.reminder-body{padding:12px 16px;display:flex;flex-direction:column;gap:7px}
.reminder-item{border-radius:8px;padding:9px 11px;border:1px solid var(--border)}
.reminder-item.overdue{border-color:rgba(239,68,68,.35);background:rgba(239,68,68,.06)}
.reminder-item.bloq{border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.06)}
.reminder-item-top{display:flex;align-items:center;gap:6px;margin-bottom:2px}
.reminder-item-title{font-size:13px;font-weight:500}
.reminder-item-sub{font-size:11px;color:var(--text2)}
.reminder-empty{text-align:center;padding:18px;color:var(--text3);font-size:13px}
.reminder-footer{padding:11px 16px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
.reminder-next{font-size:11px;color:var(--text3)}
.btn-dismiss{background:var(--bg3);border:1px solid var(--border);color:var(--text2);padding:6px 14px;border-radius:8px;font-family:var(--font);font-size:12px;cursor:pointer}

/* ── MODAL KANBAN (etapas, bloqueio, massa, reagendar) ───── */
.bloq-field{display:none}
.etapas-editor{display:flex;flex-direction:column;gap:6px}
.etapa-row{display:flex;gap:6px;align-items:center}
.etapa-row input{flex:1}
.etapa-rm{background:none;border:none;color:var(--text3);cursor:pointer;font-size:16px;padding:0 3px}
.etapa-rm:hover{color:#f87171}
.btn-add-etapa{background:none;border:1px dashed var(--border);color:var(--text2);border-radius:7px;padding:6px;font-size:12px;cursor:pointer;transition:all .15s;text-align:center}
.btn-add-etapa:hover{border-color:var(--text2);color:var(--text)}
.dias-semana{display:flex;gap:6px;flex-wrap:wrap}
.dia-chip{padding:5px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg3);color:var(--text2);cursor:pointer;font-size:12px;font-family:var(--font);transition:.15s}
.dia-chip.sel{background:var(--prog);color:#fff;border-color:var(--prog)}
.tipo-row{display:flex;gap:8px}
.tipo-btn{flex:1;padding:8px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text2);cursor:pointer;font-size:13px;font-family:var(--font);transition:.15s;text-align:center}
.tipo-btn.sel{border-color:var(--prog);color:var(--prog);background:rgba(99,102,241,.1)}
.massa-preview{background:var(--bg3);border-radius:8px;padding:10px 12px;font-size:12px;color:var(--text2);margin-top:4px;max-height:140px;overflow-y:auto;line-height:1.8}
.reschedule-days{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:4px}
.reschedule-day{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:8px 4px;text-align:center;cursor:pointer;transition:all .15s}
.reschedule-day:hover{border-color:var(--prog);background:var(--prog-bg)}
.reschedule-day.selected{border-color:var(--prog);background:var(--prog);color:#fff}
.reschedule-day-name{font-size:10px;color:var(--text2)}
.reschedule-day.selected .reschedule-day-name{color:rgba(255,255,255,.7)}
.reschedule-day-num{font-size:14px;font-weight:600}
.reschedule-day-load{font-size:10px;color:var(--text3)}

/* ── APROVAÇÕES ──────────────────────────────────────────── */
.pendencias-badge{background:#ef4444;color:#fff;border-radius:50%;
  min-width:17px;height:17px;font-size:9px;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;
  padding:0 3px;margin-left:auto}
.aprovacao-item{border:1px solid var(--border);border-radius:10px;
  padding:12px 14px;margin-bottom:8px;display:flex;flex-direction:column;gap:6px}
.aprovacao-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.aprovacao-item-desc{font-size:13px;color:var(--text)}
.aprovacao-item-meta{font-size:11px;color:var(--text3)}
.aprovacao-item-diff{font-size:12px;color:var(--text2);
  background:var(--bg3);border-radius:6px;padding:6px 10px}
.aprovacao-item-actions{display:flex;align-items:center;gap:6px;margin-top:4px}
.aprovacao-item-actions textarea{flex:1;font-size:11px;
  background:var(--bg3);border:1px solid var(--border);
  border-radius:6px;padding:5px 8px;color:var(--text);
  resize:none;height:32px;font-family:var(--font)}
.btn-aprovar{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);
  color:#86efac;border-radius:7px;padding:5px 12px;font-size:12px;
  cursor:pointer;font-family:var(--font);transition:all .15s}
.btn-aprovar:hover{background:rgba(34,197,94,.3)}
.btn-reverter{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);
  color:#fca5a5;border-radius:7px;padding:5px 12px;font-size:12px;
  cursor:pointer;font-family:var(--font);transition:all .15s}
.btn-reverter:hover{background:rgba(239,68,68,.3)}

/* ── CONFIGURAÇÕES ───────────────────────────────────────── */
.nav-config-btn{display:block;width:100%;background:none;border:none;border-top:1px solid var(--border);
  color:var(--text3);font-size:13px;font-family:var(--font);padding:10px 16px;
  text-align:left;cursor:pointer;transition:color .15s;margin-bottom:0}
.nav-config-btn:hover,.nav-config-btn.active{color:var(--text)}

.config-wrap{padding:20px 24px;max-width:860px}
.config-header{margin-bottom:14px}
.config-subtabs{margin-bottom:0}
.config-body{margin-top:20px}
.config-section{background:var(--bg2);border:1px solid var(--border);border-radius:12px;
  padding:18px 20px;display:flex;flex-direction:column;gap:12px}
.config-section-title{font-size:11px;font-weight:600;color:var(--text2);
  text-transform:uppercase;letter-spacing:.06em}
.config-section-help{font-size:12px;color:var(--text3);line-height:1.45}
.cfg-campo-item{display:flex;align-items:flex-end;gap:8px;padding:10px 0;border-bottom:1px solid var(--border)}
.cfg-campo-item:last-child{border-bottom:none}
.cfg-campo-nome{flex:1;min-width:160px}
.cfg-campo-novo{display:flex;align-items:center;gap:8px;margin-top:4px}
.cfg-campo-novo input{flex:1;min-width:0;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:13px;font-family:var(--font);color:var(--text)}
.cfg-campo-novo input:focus{outline:none;border-color:var(--prog)}

.cfg-avatar{width:36px;height:36px;border-radius:50%;background:var(--prog);
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:700;color:#fff;flex-shrink:0}
.cfg-membro-nome-editor{align-items:center;gap:6px;flex-wrap:wrap}
.cfg-membro-nome-editor input{flex:1;min-width:180px;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:7px 9px;font-size:13px;font-family:var(--font);color:var(--text)}
.cfg-membro-nome-editor input:focus{outline:none;border-color:var(--prog)}
.cfg-membro-nome-editor .btn-save,.cfg-membro-nome-editor .btn-cancel,.cfg-membro-acoes button{font-size:12px;padding:5px 10px}
.cfg-membro-acoes{display:flex;align-items:center;gap:6px;flex-shrink:0}
.cfg-member-block{margin-bottom:10px}

.calendar-member-panel{margin-top:-1px;border:1px solid var(--border);border-radius:0 0 12px 12px;background:var(--bg3);overflow:hidden}.calendar-member-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;cursor:pointer;list-style:none;color:var(--text2);font-size:12px;font-weight:600}.calendar-member-panel>summary::-webkit-details-marker{display:none}.calendar-member-panel[open]>summary{border-bottom:1px solid var(--border)}.calendar-member-fields{display:flex;flex-direction:column;gap:10px;padding:12px}.calendar-enable-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text);cursor:pointer}.calendar-enable-row input{accent-color:var(--prog)}.calendar-member-fields .field{margin:0}.calendar-member-help{font-size:11px;color:var(--text3);line-height:1.45}.calendar-member-error{padding:8px 10px;border-radius:7px;background:rgba(239,68,68,.1);color:#f87171;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.calendar-member-actions{display:flex;justify-content:flex-end}.calendar-member-actions .btn-save{font-size:12px;padding:7px 11px}
.calendar-central-panel{margin-bottom:16px;background:linear-gradient(135deg,var(--bg2),var(--prog-bg))}.calendar-central-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.calendar-central-heading .config-section-help{margin-top:5px}.calendar-central-status{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg3);color:var(--text2);font-size:12px;line-height:1.45}.calendar-central-status.success{border-color:rgba(34,197,94,.32);background:rgba(34,197,94,.08);color:#86efac}.calendar-central-status.error{border-color:rgba(239,68,68,.32);background:rgba(239,68,68,.08);color:#fca5a5}.calendar-central-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.calendar-central-actions button{min-height:34px}

.integ-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;
  padding:14px 16px;display:flex;align-items:center;gap:14px;margin-bottom:10px}
.integ-card-icon{width:36px;height:36px;border-radius:8px;display:flex;
  align-items:center;justify-content:center;flex-shrink:0}
.integ-card-info{flex:1;min-width:0}
.integ-card-nome{font-size:13px;font-weight:600;color:var(--text);
  display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.integ-card-meta{font-size:12px;color:var(--text2);margin-top:3px;
  display:flex;align-items:center;flex-wrap:wrap;gap:4px}

.badge-status{font-size:11px;font-weight:600;padding:2px 8px;
  border-radius:4px;display:inline-block;white-space:nowrap}
.badge-status.badge-ativo   {background:rgba(34,197,94,.15);color:#22c55e}
.badge-status.badge-inativo {background:rgba(100,116,139,.15);color:var(--text3)}
.badge-status.badge-alerta  {background:rgba(251,146,60,.15);color:#fb923c}
.badge-status.badge-erro    {background:rgba(239,68,68,.15);color:#ef4444}

@media(max-width:640px){
  .config-wrap{padding:14px 12px}
  .integ-card{flex-wrap:wrap}
  .integ-card-info{min-width:calc(100% - 56px)}
  .cfg-membro-acoes{width:100%;justify-content:flex-end}
  .cfg-campo-item{align-items:stretch;flex-wrap:wrap}
  .cfg-campo-nome{flex-basis:100%}
  .cfg-campo-novo{align-items:stretch;flex-direction:column}
  .demand-link-fields{grid-template-columns:1fr}
  .demanda-deep-link-cta{align-items:stretch;flex-direction:column}.demanda-deep-link-actions{align-items:stretch;flex-direction:column}.demanda-deep-link-cta button{width:100%}
  .calendar-central-heading{align-items:stretch;flex-direction:column}.calendar-central-actions{align-items:stretch;flex-direction:column}.calendar-central-actions button{width:100%}
}

/* ── DATE RANGE PICKER ───────────────────────────────────── */
.drp-wrap{position:relative;display:inline-block}
.drp-input{display:flex;align-items:center;gap:8px;background:var(--bg3);
  border:1px solid var(--border);border-radius:8px;padding:7px 12px;
  cursor:pointer;font-size:13px;color:var(--text);user-select:none;
  transition:border-color .15s;white-space:nowrap;min-width:200px}
.drp-input:hover{border-color:var(--text2)}
.drp-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:300;
  background:var(--bg2);border:1px solid var(--border);border-radius:12px;
  box-shadow:0 8px 32px rgba(0,0,0,.45);padding:14px;width:292px}
.drp-shortcuts{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px;
  padding-bottom:12px;border-bottom:1px solid var(--border)}
.drp-shortcut{background:var(--bg3);border:1px solid var(--border);color:var(--text2);
  border-radius:6px;padding:4px 9px;font-size:11px;font-family:var(--font);
  cursor:pointer;transition:all .15s}
.drp-shortcut:hover{border-color:var(--prog);color:var(--prog)}
.drp-cal-header{display:flex;align-items:center;justify-content:space-between;
  margin-bottom:10px}
.drp-cal-title{font-size:13px;font-weight:600;color:var(--text)}
.drp-nav{background:none;border:none;color:var(--text2);cursor:pointer;
  font-size:22px;padding:0 6px;line-height:1;transition:color .15s;font-family:var(--font)}
.drp-nav:hover{color:var(--text)}
.drp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.drp-dow{text-align:center;font-size:9px;font-weight:700;color:var(--text3);
  padding:4px 0;text-transform:uppercase;letter-spacing:.04em}
.drp-day{text-align:center;font-size:12px;padding:6px 0;cursor:pointer;
  border-radius:6px;color:var(--text2);transition:background .08s,color .08s;
  user-select:none;min-height:28px;display:flex;align-items:center;justify-content:center}
.drp-day:hover{background:var(--bg4);color:var(--text)}
.drp-day.drp-today{color:var(--prog);font-weight:700}
.drp-day.drp-in-range{background:rgba(59,130,246,.12);border-radius:0;color:var(--text)}
.drp-day.drp-start{background:var(--prog);color:#fff;border-radius:6px 0 0 6px}
.drp-day.drp-end{background:var(--prog);color:#fff;border-radius:0 6px 6px 0}
.drp-day.drp-start.drp-end{border-radius:6px}
.drp-day.drp-start:hover,.drp-day.drp-end:hover{background:var(--prog);opacity:.88}

@media(max-width:640px){
  .drp-dropdown{position:fixed;left:12px;right:12px;width:auto;top:auto;bottom:80px}
  .drp-wrap{width:100%}
  .drp-input{width:100%}
}

/* ── RELATÓRIOS ──────────────────────────────────────────── */
.relat-wrap{display:flex;flex-direction:column;gap:0}
.relat-subtabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px}
.relat-subtab{background:none;border:none;border-bottom:2px solid transparent;
  color:var(--text2);font-family:var(--font);font-size:13px;padding:9px 14px;
  cursor:pointer;transition:all .15s;margin-bottom:-1px}
.relat-subtab:hover{color:var(--text)}
.relat-subtab.active{color:var(--text);border-bottom-color:var(--prog)}

.relat-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}

.relat-section-title{font-size:11px;font-weight:600;color:var(--text2);
  text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}

.relat-cards-row{display:grid;
  grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin-bottom:4px}
.relat-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;
  padding:14px 14px 12px;display:flex;flex-direction:column;gap:5px}
.relat-card-label{font-size:10px;font-weight:600;color:var(--text3);
  text-transform:uppercase;letter-spacing:.05em}
.relat-card-value{font-size:20px;font-weight:700;font-family:var(--font-display);
  color:var(--text);line-height:1}
.relat-card-sub{font-size:11px;color:var(--text2)}

.relat-saldo-fixo{background:var(--bg3);border:1px solid var(--border);
  border-radius:12px;padding:14px 16px;margin-bottom:16px}
.relat-card-saldo{background:var(--bg2);border-color:rgba(59,130,246,.18)}
.relat-card-alerta{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.4)}
.relat-card-alerta .relat-card-value{color:#fbbf24}

.plan-section{margin-top:4px}
.plan-platform-list{display:flex;flex-direction:column;gap:14px}.plan-platform-card{border:1px solid var(--border);border-radius:10px;background:var(--bg2);overflow:hidden}.plan-platform-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px;background:linear-gradient(135deg,rgba(124,58,237,.10),transparent)}.plan-platform-head h4{margin:6px 0 3px;font:700 16px var(--font-display)}.plan-platform-head p{margin:0;color:var(--text3);font-size:11px}.plan-platform-badge{display:inline-flex;padding:3px 7px;border:1px solid rgba(124,58,237,.28);border-radius:9px;background:rgba(124,58,237,.12);color:var(--accent2);font-size:10px;font-weight:700}.plan-platform-campaigns{display:flex;flex-direction:column;gap:9px;padding:12px}.plan-platform-campaigns>.plan-campanha{background:var(--bg3)}.plan-balance-box{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,.8fr);gap:14px;align-items:end;padding:12px 14px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(34,197,94,.055)}.plan-balance-box>div{display:flex;flex-direction:column;gap:3px}.plan-balance-box span{color:var(--text3);font-size:9px;text-transform:uppercase}.plan-balance-box strong{font:700 18px var(--font-display)}.plan-balance-box small{color:var(--text3);font-size:10px}.plan-balance-box form{display:grid;grid-template-columns:1fr auto;gap:7px}.plan-balance-box input{min-width:0;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}.plan-check{display:flex;align-items:flex-start;gap:9px;margin-top:12px;color:var(--text2);font-size:12px;line-height:1.45}.plan-check input{margin-top:2px}.plan-check-highlight{padding:10px;border:1px solid rgba(245,158,11,.25);border-radius:8px;background:rgba(245,158,11,.07)}.plan-help{margin:10px 0 0;color:var(--text3);font-size:10px;line-height:1.45}.plan-unlinked{display:flex;flex-direction:column;gap:9px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--border)}
.plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px;margin-bottom:14px}
.plan-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:12px 13px;display:flex;flex-direction:column;gap:5px;min-width:0}
.plan-card span,.plan-metrics span{font-size:10px;color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.plan-card strong{font-family:var(--font-display);font-size:18px;color:var(--text);line-height:1}
.plan-positive{color:#22c55e!important}
.plan-negative{color:#ef4444!important}
.plan-list{display:flex;flex-direction:column;gap:10px}
.plan-campanha{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:12px}
.plan-campanha-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.plan-campanha h4{margin:5px 0 3px;font-size:15px;color:var(--text);font-family:var(--font-display)}
.plan-campanha p{margin:0;font-size:12px;color:var(--text3)}
.plan-tags{display:flex;gap:6px;flex-wrap:wrap}
.plan-tags span{font-size:10px;color:var(--text2);background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:2px 6px}
.plan-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.plan-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px}
.plan-metrics div{background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:9px 10px;display:flex;flex-direction:column;gap:4px}
.plan-metrics strong{font-size:14px;color:var(--text);font-family:var(--font-display)}
.plan-note{font-size:12px;color:var(--text2);line-height:1.5;background:rgba(124,58,237,.08);border:1px solid rgba(124,58,237,.18);border-radius:7px;padding:9px 10px}
.plan-muted{font-size:12px;color:var(--text3)}
.plan-criativos{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.plan-criativo{display:flex;align-items:center;gap:9px;background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:8px;min-width:0}
.plan-criativo img,.plan-criativo-ph{width:42px;height:42px;border-radius:6px;object-fit:cover;background:var(--bg2);border:1px solid var(--border);flex-shrink:0}
.plan-criativo strong{display:block;font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plan-criativo span{font-size:11px;color:var(--text3)}
.plan-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.plan-modal{max-width:680px}

.relat-empty{text-align:center;padding:40px 20px;color:var(--text2);
  display:flex;flex-direction:column;align-items:center;gap:8px}
.relat-empty-icon{font-size:36px}

.relat-plat-badge{display:inline-block;padding:2px 7px;border-radius:4px;
  font-size:10px;font-weight:700;color:#fff;white-space:nowrap}

.relat-timeline{display:flex;flex-direction:column;gap:0;padding:4px 0;
  border-left:2px solid var(--border);margin-left:7px}
.relat-tl-item{display:flex;gap:14px;padding:8px 0 8px 16px;position:relative}
.relat-tl-dot{position:absolute;left:-5px;top:14px;width:8px;height:8px;
  border-radius:50%;background:var(--prog);flex-shrink:0}
.relat-tl-body{display:flex;flex-direction:column;gap:2px}
.relat-tl-tipo{font-size:11px;font-weight:600;color:var(--text2);
  text-transform:uppercase;letter-spacing:.04em}
.relat-tl-desc{font-size:13px;color:var(--text)}
.relat-tl-meta{font-size:11px;color:var(--text3)}

.relat-chart-wrap{margin:20px 0 4px}
.relat-chart-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:8px}
.relat-chart-head .relat-section-title{margin-bottom:2px}
.relat-chart-subtitle{font-size:11px;color:var(--text3)}
.relat-chart-controls{display:flex;align-items:flex-end;gap:7px;flex-wrap:wrap}
.relat-chart-controls label{display:flex;flex-direction:column;gap:3px;font-size:9px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.04em}
.relat-chart-controls select{min-width:150px;padding:6px 26px 6px 8px;border:1px solid var(--border);border-radius:8px;background:var(--bg2);color:var(--text);font:500 11px var(--font);outline:none}
.relat-chart-controls select:focus{border-color:var(--prog)}
.relat-chart-versus{padding-bottom:7px;color:var(--text3);font-size:12px}
.relat-chart-legend{display:flex;gap:14px;min-height:18px;margin-bottom:2px;font-size:11px;color:var(--text2)}
.relat-chart-legend span{display:inline-flex;align-items:center;gap:5px}
.relat-chart-legend i{width:14px;height:3px;border-radius:999px}
.relat-chart-container{width:100%;position:relative}
.relat-chart-canvas{display:block;width:100%;height:220px;border-radius:8px}
.relat-chart-tooltip{background:var(--bg2);border:1px solid var(--border);
  border-radius:6px;padding:6px 10px;font-size:12px;color:var(--text);
  white-space:nowrap;pointer-events:none;z-index:10;transform:translateX(-50%)}

@media(max-width:700px){
  .relat-chart-head{align-items:stretch;flex-direction:column}
  .relat-chart-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:end}
  .relat-chart-controls select{width:100%;min-width:0}
}

.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text2);
  border-radius:8px;font-family:var(--font);cursor:pointer}
.btn-ghost:hover{color:var(--text);border-color:var(--text2)}

.relat-personalizar-painel{background:var(--bg2);border:1px solid var(--border);
  border-radius:12px;padding:16px;margin-bottom:16px;
  display:flex;flex-direction:column;gap:12px}

.relat-personalizar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}

.relat-personalizar-item{display:flex;align-items:center;gap:6px;
  font-size:13px;color:var(--text);cursor:pointer}

.relat-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.relat-history-head .conta-section-title{flex:1;margin:0}
.relat-history-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.relat-history-actions button{font-size:11px;padding:5px 10px;white-space:nowrap}
.relat-columns-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.relat-columns-title strong,.relat-columns-title span{display:block}
.relat-columns-title strong{font-size:13px}
.relat-columns-title div>span{margin-top:3px;color:var(--text3);font-size:11px}
.relat-columns-title>span{padding:3px 7px;border-radius:999px;background:var(--bg3);color:var(--text2);font-size:10px;font-weight:700}
.relat-columns-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
.relat-columns-footer>div{display:flex;gap:8px}
.relat-budget-summary{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;margin-bottom:12px}
.relat-card-projecao{border-color:rgba(124,58,237,.45);background:linear-gradient(135deg,rgba(124,58,237,.12),var(--bg2))}
.relat-budget-detail{grid-column:1/-1;padding:9px 12px;border:1px solid var(--border);border-radius:9px;background:var(--bg3);color:var(--text2);font-size:11px}
.relat-budget-detail summary{cursor:pointer;color:var(--text);font-weight:700}
.relat-budget-detail span{display:block;margin-top:7px;line-height:1.5}

.campanha-row{
  border: 1px solid var(--border); border-radius: 10px;
  margin-bottom: 8px; overflow: hidden;
}
.campanha-header {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 14px; cursor: pointer; background: var(--bg2);
  transition: background .15s;
}
.campanha-header:hover { background: var(--bg3) }
.campanha-info {
  display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0;
}
.campanha-nome {
  font-size: 13px; font-weight: 600; color: var(--text);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.campanha-obj {
  font-size: 11px; color: var(--text3); text-transform: uppercase;
  letter-spacing: .04em;
}
.campanha-metricas {
  display: flex; gap: 16px; align-items: center; flex-shrink: 0;
}
.campanha-metricas span {
  display: flex; flex-direction: column; align-items: center;
  font-size: 13px; font-weight: 600; color: var(--text);
}
.campanha-metricas small {
  font-size: 9px; font-weight: 600; color: var(--text3);
  text-transform: uppercase; letter-spacing: .04em;
}
.campanha-toggle {
  color: var(--text3); font-size: 16px; flex-shrink: 0;
}
.campanha-adsets { background: var(--bg3); padding: 8px 12px; }

/* Objetivo badge */
.obj-badge {
  display: inline-block; font-size: 10px; font-weight: 700;
  letter-spacing: .05em; text-transform: uppercase;
  padding: 2px 7px; border-radius: 5px; flex-shrink: 0;
  background: rgba(124,58,237,.15); color: #a78bfa;
}

/* Adsets (conjuntos) */
.adset-bloco { border-radius: 8px; overflow: hidden; margin-bottom: 6px; }
.adset-header {
  display: flex; align-items: center; gap: 10px;
  padding: 8px 12px; cursor: pointer; background: var(--bg2);
  transition: background .15s;
}
.adset-header:hover { background: rgba(255,255,255,.04); }
.adset-nome {
  flex: 1; font-size: 12px; font-weight: 600; color: var(--text);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.adset-metricas {
  display: flex; align-items: center; gap: 12px;
  font-size: 12px; font-weight: 600; color: var(--text); flex-shrink: 0;
}
.adset-toggle { color: var(--text3); font-size: 14px; flex-shrink: 0; }
.adset-ads { background: var(--bg); padding: 6px 10px; display: flex; flex-direction: column; gap: 6px; }

/* Performance badges */
.perf-badge {
  display: inline-flex; align-items: center; gap: 3px;
  font-size: 10px; font-weight: 700; padding: 2px 8px;
  border-radius: 5px; white-space: nowrap;
}
.perf-red    { background: rgba(239,68,68,.15);  color: #f87171; }
.perf-yellow { background: rgba(234,179,8,.15);  color: #fbbf24; }
.perf-green  { background: rgba(34,197,94,.12);  color: #4ade80; }
.perf-gray   { background: rgba(148,163,184,.1); color: var(--text3); }

/* Ad rows */
.ad-row {
  display: flex; align-items: flex-start; gap: 10px;
  padding: 8px 10px; background: var(--bg2); border-radius: 8px;
}
.ad-thumb {
  width: 48px; height: 48px; border-radius: 6px;
  object-fit: cover; flex-shrink: 0;
}
.ad-thumb-placeholder {
  width: 48px; height: 48px; border-radius: 6px;
  background: var(--bg3); flex-shrink: 0;
}
.ad-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 5px; }
.ad-nome {
  font-size: 12px; font-weight: 600; color: var(--text);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.ad-metricas {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  font-size: 11px; font-weight: 600; color: var(--text2);
}

@media(max-width:640px){
  .relat-cards-row{grid-template-columns:repeat(2,1fr)}
  .relat-header{flex-direction:column;align-items:stretch}
  .relat-personalizar-grid{grid-template-columns:repeat(2,1fr)}
  .relat-history-head{align-items:stretch;flex-direction:column}
  .relat-history-actions{display:grid;grid-template-columns:1fr 1fr}
  .relat-history-actions button:last-child{grid-column:1/-1}
  .relat-columns-footer{align-items:stretch;flex-direction:column}
  .relat-columns-footer>div{justify-content:flex-end}
  .relat-budget-summary{grid-template-columns:1fr}
  .campanha-metricas { display: none }
  .campanha-header { flex-wrap: wrap }
}

/* ── Relatórios: configuração de disparo WhatsApp ──────────── */
.relat-config-section{margin-top:24px;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.relat-config-toggle{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;font-weight:600;font-size:13px;background:var(--bg2);user-select:none;gap:8px}
.relat-config-toggle:hover{background:var(--bg3)}
.relat-config-body{padding:20px 18px;display:flex;flex-direction:column;gap:16px;background:var(--bg)}
.relat-config-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.relat-config-vars{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.relat-var-chip{font-size:11px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:2px 8px;cursor:pointer;color:var(--prog);font-family:monospace}
.relat-var-chip:hover{background:var(--prog);color:#fff;border-color:var(--prog)}
.relat-template-editor{position:relative}
.relat-editor-toolbar{position:relative;display:flex;align-items:center;gap:8px;margin:8px 0}
.relat-emoji-trigger{font-size:12px;padding:5px 10px}
.relat-emoji-picker{position:absolute;z-index:30;left:0;top:calc(100% + 6px);width:min(380px,100%);padding:10px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.35)}
.relat-emoji-search{width:100%;border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:var(--bg3);color:var(--text);font-size:12px;outline:none}
.relat-emoji-search:focus{border-color:var(--prog)}
.relat-emoji-tabs{display:flex;gap:4px;overflow-x:auto;padding:8px 0 6px;scrollbar-width:thin}
.relat-emoji-tab{flex:0 0 34px;width:34px;height:32px;border:0;border-radius:7px;background:transparent;cursor:pointer;font-size:18px;line-height:1}
.relat-emoji-tab:hover,.relat-emoji-tab.active{background:var(--bg3)}
.relat-emoji-tab.active{box-shadow:inset 0 -2px 0 var(--prog)}
.relat-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;max-height:230px;overflow-y:auto;padding:3px}
.relat-emoji-item{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:0;border-radius:7px;background:transparent;cursor:pointer;font-size:22px;line-height:1}
.relat-emoji-item:hover{background:var(--bg3);transform:scale(1.12)}
.relat-emoji-vazio{grid-column:1/-1;padding:28px 10px;text-align:center;color:var(--text3);font-size:12px}

/* ── RESPONSIVO ──────────────────────────────────────────── */
@media(max-width:640px){
  .clientes-grid{grid-template-columns:1fr;padding:0 12px 20px}
  .painel-header{padding:12px}
  .painel-tab-content{padding:14px}
  .info-grid{grid-template-columns:1fr}
  .contrato-item{flex-direction:column}
  .demandas-grid{grid-template-columns:1fr}
  .historico-item{grid-template-columns:1fr;gap:3px}
  .historico-meta{text-align:left}
  .rede-item{flex-direction:column;align-items:flex-start}
  .rede-stats{width:100%}
  .identidade-drive-row{flex-direction:column;align-items:stretch}
  .links-edicao-row{grid-template-columns:1fr}
  .criativo-edicao-row{flex-direction:column}
  .plan-form-grid{grid-template-columns:1fr}
  .plan-campanha-head{flex-direction:column}
  .plan-actions{justify-content:flex-start}
  .plan-platform-head{flex-direction:column}
  .plan-balance-box{grid-template-columns:1fr}
  .plan-balance-box form{grid-template-columns:1fr}
  .relat-emoji-picker{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:70vh}
  .relat-emoji-grid{grid-template-columns:repeat(7,1fr);max-height:45vh}
}
.social-v2-safe {
  display: inline-flex;
  margin-left: 8px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #ecfdf5;
  color: #047857;
  font-size: 11px;
  font-weight: 700;
}

.social-v2-summary {
  padding: 12px 14px;
  border: 1px solid #dbeafe;
  border-radius: 10px;
  background: #f8fbff;
  color: #334155;
  line-height: 1.55;
}

.social-v2-invite {
  display: flex;
  gap: 8px;
  margin-top: 12px;
}

.social-v2-invite input {
  width: min(360px, 100%);
}

.social-v2-form {
  display: grid;
  grid-template-columns: minmax(160px, 220px) auto auto;
  gap: 10px;
  align-items: center;
}

.social-v2-form textarea,
.social-v2-form input[type="file"] {
  grid-column: 1 / -1;
}

.social-v2-form .btn-save {
  justify-self: start;
}

.social-v2-list {
  display: grid;
  gap: 12px;
}

.social-v2-card {
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg2);
}

.social-v2-card-head {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.social-v2-card-head > div {
  display: grid;
  gap: 4px;
}

.social-v2-card-head > div small,
.social-v2-assignee,
.social-v2-retention {
  color: var(--text2);
  font-size: 12px;
}

.social-v2-card p {
  margin: 10px 0;
  white-space: pre-wrap;
}

.social-v2-assets {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.social-v2-assets span,
.social-v2-decision {
  padding: 5px 8px;
  border-radius: 7px;
  background: var(--bg3);
  color: var(--text2);
  font-size: 12px;
}

.social-v2-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.social-v2-editor {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 160px minmax(180px, 240px) minmax(160px, 220px);
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  border-radius: 10px;
  background: var(--bg3);
}

.social-v2-editor textarea,
.social-v2-editor .social-v2-actions,
.social-v2-editor .social-v2-upload,
.social-v2-editor .social-v2-destinations,
.social-v2-editor .social-v2-approval-mode {
  grid-column: 1 / -1;
}

.social-v2-approval-mode {
  display: grid;
  gap: 6px;
  color: var(--text);
  font-weight: 700;
}

.social-v2-approval-mode small {
  color: var(--text2);
  font-size: 11px;
  font-weight: 400;
  line-height: 1.45;
}

.social-v2-editor input,
.social-v2-editor select,
.social-v2-editor textarea,
.social-v2-form input,
.social-v2-form select,
.social-v2-form textarea {
  width: 100%;
}

.social-v2-upload {
  display: grid;
  gap: 6px;
  font-weight: 700;
  color: var(--text);
}

.social-card-preview.is-alternatives {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  align-content: start;
  padding: 6px;
}

.social-alternative-preview {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--bg2);
}

.social-alternative-preview > span {
  position: absolute;
  z-index: 1;
  top: 5px;
  left: 5px;
  padding: 3px 6px;
  border-radius: 999px;
  background: rgba(15, 23, 42, .82);
  color: #fff;
  font-size: 9px;
  font-weight: 800;
}

.social-alternative-preview img,
.social-alternative-preview video {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}

.social-v2-destinations {
  display: flex;
  gap: 14px;
}

.social-v2-brief {
  margin: 12px 0;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 9px;
}

.social-v2-brief summary {
  cursor: pointer;
  font-weight: 750;
}

.social-v2-brief div {
  margin-top: 8px;
  line-height: 1.45;
}

.social-v2-rejection {
  margin-top: 10px;
  padding: 10px 12px;
  border-radius: 9px;
  background: #fff1f2;
  color: #be123c;
}

.social-v2-status-ready_to_schedule {
  border-color: #86efac;
  box-shadow: 0 0 0 2px #dcfce7 inset;
}

.social-v2-settings {
  margin-top: 12px;
}

.social-v2-settings summary {
  cursor: pointer;
  color: var(--text);
  font-weight: 700;
}

/* ── REDES SOCIAIS — WORKSPACE UNIFICADO ─────────────── */
.social-workspace{position:relative;min-height:620px;overflow:hidden}
.social-workspace-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.social-workspace-eyebrow{display:block;margin-bottom:5px;color:var(--prog);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.social-workspace-header h2{font:700 26px/1.05 var(--font-display);letter-spacing:-.035em}
.social-workspace-header p{margin-top:7px;color:var(--text2);font-size:12px}
.social-workspace-actions{display:flex;align-items:center;gap:10px;color:var(--text2);font-size:11px}
.social-workspace-actions button,.social-settings-head button{width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:var(--bg2);color:var(--text);cursor:pointer}
.social-workspace-actions{flex-wrap:wrap;justify-content:flex-end}
.social-workspace-actions .social-media-action{width:auto;height:auto;min-height:38px;padding:9px 13px;flex-shrink:0;white-space:nowrap;font:600 12px var(--font)}
.social-workspace-actions .social-media-upload{background:var(--prog-bg);border-color:var(--prog);color:var(--prog)}
.social-workspace-nav{display:flex;gap:4px;margin-bottom:20px;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--bg2);overflow-x:auto}
.social-workspace-tab{display:flex;align-items:center;justify-content:center;gap:8px;min-width:max-content;flex:1;padding:9px 12px;border:0;border-radius:8px;background:transparent;color:var(--text2);font:600 12px var(--font);cursor:pointer}
.social-workspace-tab small{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--bg3);color:var(--text3);font-size:10px}
.social-workspace-tab.active{background:var(--bg4);color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.14)}
.social-workspace-tab.active small{background:var(--prog-bg);color:var(--prog)}
.social-workspace-panel{display:none}.social-workspace-panel.active{display:block}
.social-panel-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.social-panel-intro h3{font:650 17px var(--font-display)}
.social-panel-intro p{margin-top:4px;color:var(--text2);font-size:12px}
.social-new-demand{min-width:150px}.social-new-demand summary{padding:8px 12px;border-radius:8px;background:var(--prog);color:#fff;font-size:12px;font-weight:700;cursor:pointer;list-style:none;text-align:center}.social-new-demand[open]{width:min(620px,100%)}.social-new-demand[open] summary{margin-bottom:10px}.social-new-demand .social-v2-form{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--bg2)}
.social-workspace-empty{display:grid;place-items:center;min-height:190px;padding:28px;border:1px dashed var(--border2);border-radius:14px;background:var(--bg2);text-align:center}.social-workspace-empty strong{font:650 15px var(--font-display)}.social-workspace-empty p{max-width:480px;margin-top:7px;color:var(--text2);font-size:12px;line-height:1.5}
.social-workspace-warning{margin-bottom:14px;padding:10px 12px;border:1px solid var(--bloq-border);border-radius:9px;background:var(--bloq-bg);color:var(--bloq);font-size:12px}
.social-cycle-overview{max-width:1040px;margin:6px auto 22px;padding:4px 2px}.social-cycle-overview>span{display:block;color:#f47b00;font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.social-cycle-overview>strong{display:block;margin-top:7px;font:700 23px/1.15 var(--font-display);letter-spacing:-.025em}.social-cycle-overview>p{max-width:680px;margin-top:7px;color:var(--text2);font-size:12px;line-height:1.55}
.social-strategy-approval{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1040px;margin:0 auto 22px;padding:18px 20px;border:1px solid color-mix(in srgb,#f47b00 34%,var(--border));border-radius:14px;background:color-mix(in srgb,#f47b00 7%,var(--bg2))}.social-strategy-approval>div>span{display:block;color:#f47b00;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.social-strategy-approval strong{display:block;margin-top:5px;font-size:14px}.social-strategy-approval p{margin-top:5px;color:var(--text2);font-size:11px;line-height:1.45}.social-strategy-approval button{flex:0 0 auto}.social-strategy-approval button:disabled{opacity:.72;cursor:default}
.social-strategy-grid{display:grid;grid-template-columns:minmax(0,1040px);justify-content:center;gap:24px;margin-bottom:14px}
.social-strategy-card{--strategy-accent:#f47b00;position:relative;min-height:520px;padding:clamp(24px,4vw,46px);overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--bg2);box-shadow:0 14px 40px rgba(15,23,42,.06)}.social-strategy-card[data-accent="blue"]{--strategy-accent:#1789b5}.social-strategy-card::before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:var(--strategy-accent)}
.social-strategy-card-head{display:grid;grid-template-columns:92px minmax(0,1fr);gap:26px;align-items:start;padding-bottom:26px;border-bottom:1px solid var(--border)}
.social-strategy-date{display:grid;align-content:center;justify-items:center;min-height:92px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--strategy-accent) 10%,var(--bg3));color:var(--strategy-accent);text-transform:uppercase}.social-strategy-date strong{font:800 17px/1 var(--font-display)}.social-strategy-date span{margin-top:10px;color:var(--text3);font-size:9px;font-weight:800;letter-spacing:.1em}
.social-strategy-heading{min-width:0}.social-strategy-kicker{display:block;margin:3px 0 9px;color:var(--strategy-accent);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.social-strategy-heading h4{max-width:780px;font:700 clamp(23px,2.5vw,34px)/1.08 var(--font-display);letter-spacing:-.035em}.social-strategy-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.social-strategy-meta span{padding:5px 9px;border:1px solid var(--border);border-radius:999px;background:var(--bg3);color:var(--text2);font-size:10px;font-weight:700}
.social-strategy-reading{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:38px;padding:30px 0 18px}.social-strategy-main{display:grid;align-content:start;gap:28px}.social-strategy-section>span,.social-strategy-hook>span,.social-strategy-cta>span{display:block;margin-bottom:9px;color:var(--strategy-accent);font-size:10px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.social-strategy-section p{max-width:720px;color:var(--text);font-size:15px;line-height:1.68}.social-strategy-side{display:grid;align-content:start;gap:16px}.social-strategy-hook,.social-strategy-cta{padding:20px;border-radius:14px}.social-strategy-hook{background:var(--bg3)}.social-strategy-hook blockquote{margin:0;font:650 18px/1.45 var(--font-display);letter-spacing:-.015em}.social-strategy-cta{background:#25282b;color:#fff}.social-strategy-cta>span{color:#ff941f}.social-strategy-cta p{font-size:13px;font-weight:650;line-height:1.55}
.social-strategy-details{margin-top:auto;border-top:1px solid var(--border)}.social-strategy-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0 0;cursor:pointer;list-style:none}.social-strategy-details>summary span{font-size:12px;font-weight:800}.social-strategy-details>summary small{color:var(--text3);font-size:10px}.social-strategy-details>summary::after{content:"+";display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border:1px solid var(--border);border-radius:50%;color:var(--strategy-accent);font-size:18px}.social-strategy-details[open]>summary::after{content:"−"}.social-strategy-details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:18px}.social-strategy-details-grid>div{padding:16px;border-radius:12px;background:var(--bg3)}.social-strategy-details-grid strong{display:block;margin-bottom:8px;color:var(--strategy-accent);font-size:10px;text-transform:uppercase}.social-strategy-details-grid p{color:var(--text2);font-size:12px;line-height:1.58}
.social-published-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.social-published-card{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--bg2)}.social-published-preview{display:grid;place-items:center;aspect-ratio:4/3;background:linear-gradient(145deg,var(--bg3),var(--bg4));color:var(--text3);text-decoration:none}.social-published-preview img{width:100%;height:100%;object-fit:cover}.social-published-body{padding:13px}.social-published-body>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.social-published-body small{color:var(--text2)}.social-published-body p{display:-webkit-box;margin:10px 0;color:var(--text2);font-size:12px;line-height:1.45;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.social-network-badge{padding:4px 7px;border-radius:6px;background:linear-gradient(120deg,#833ab4,#fd1d1d,#fcb045);color:#fff;font-size:10px;font-weight:800}.social-published-metrics{display:flex;gap:12px;color:var(--text2);font-size:10px}.social-facebook-note{margin-top:11px;padding-top:10px;border-top:1px solid var(--border);color:var(--text3);font-size:10px;font-weight:700}.social-facebook-note span{font-weight:400}
.social-workspace-settings{position:absolute;z-index:8;top:0;right:0;width:min(520px,100%);height:100%;padding:18px;overflow-y:auto;border-left:1px solid var(--border);background:var(--bg);box-shadow:-20px 0 50px rgba(0,0,0,.28);transform:translateX(110%);transition:transform .22s ease}.social-workspace-settings.open{transform:translateX(0)}.social-settings-head{position:sticky;z-index:2;top:-18px;display:flex;align-items:center;justify-content:space-between;margin:-18px -18px 16px;padding:16px 18px;border-bottom:1px solid var(--border);background:var(--bg)}.social-settings-head>div{display:grid;gap:3px}.social-settings-head small{color:var(--text2);font-size:10px}
.social-cycle-list{display:grid;gap:10px}.social-cycle{overflow:hidden;border:1px solid var(--border);border-radius:13px;background:var(--bg2)}.social-cycle>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;cursor:pointer;list-style:none}.social-cycle>summary>div{display:grid;gap:3px}.social-cycle>summary span{color:var(--prog);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.social-cycle>summary strong{font-size:13px}.social-cycle>summary small{padding:4px 8px;border-radius:10px;background:var(--bg3);color:var(--text2);font-size:10px}.social-cycle[open]>summary{border-bottom:1px solid var(--border)}.social-cycle-body{padding:13px}.social-cycle-body .social-workspace-empty{min-height:100px}.social-legacy-calendar{margin-top:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg2)}.social-legacy-calendar>summary{display:flex;justify-content:space-between;padding:12px 14px;cursor:pointer}.social-legacy-calendar>summary span{font-weight:700;font-size:12px}.social-legacy-calendar>summary small{color:var(--text2);font-size:10px}.social-legacy-actions{display:flex;justify-content:flex-end;padding:0 14px 10px}
.social-instagram-profile{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:14px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,var(--bg2),rgba(193,53,132,.08))}.social-instagram-avatar{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;border-radius:50%;background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);color:#fff;font-weight:800}.social-instagram-avatar img{width:100%;height:100%;object-fit:cover}.social-instagram-profile>div:nth-child(2){display:grid;gap:3px;min-width:0;flex:1}.social-instagram-profile strong{font-size:14px}.social-instagram-profile span{color:var(--text2);font-size:11px}.social-instagram-profile a{color:var(--prog);font-size:11px;font-weight:700;text-decoration:none}.social-instagram-profile.unavailable{background:var(--bg2)}.social-history-head{display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px}.social-history-head strong{font-size:12px}.social-history-head span{color:var(--text2);font-size:10px}.social-history-more{display:flex;justify-content:center;margin-top:14px}
.social-card-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:15px;margin-top:13px}.social-card-preview{position:relative;display:grid;place-items:center;min-height:220px;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--bg3)}.social-card-preview>img,.social-card-preview>video{width:100%;height:100%;object-fit:cover}.social-card-preview>b{position:absolute;right:7px;bottom:7px;padding:4px 7px;border-radius:7px;background:rgba(0,0,0,.72);color:#fff;font-size:10px}.social-asset-placeholder{display:grid;place-items:center;gap:3px;padding:20px;text-align:center}.social-asset-placeholder span{font-weight:700}.social-asset-placeholder small{max-width:140px;color:var(--text2);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-card-content{min-width:0}.social-card-meta{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.social-card-meta span,.social-card-chips span{padding:4px 7px;border-radius:7px;background:var(--bg3);color:var(--text2);font-size:10px}.social-card-chips{display:flex;flex-wrap:wrap;gap:5px}.social-status-pill{width:max-content;padding:4px 8px;border-radius:999px;background:var(--prog-bg);color:var(--prog);font-size:9px;font-weight:800;text-transform:uppercase}.social-v2-card[data-tone="warning"] .social-status-pill{background:var(--bloq-bg);color:var(--bloq)}.social-v2-card[data-tone="ready"] .social-status-pill,.social-v2-card[data-tone="done"] .social-status-pill{background:rgba(34,197,94,.1);color:var(--green)}.social-v2-card[data-tone="approval"] .social-status-pill{background:rgba(168,85,247,.12);color:#c084fc}.social-schedule-line{margin-top:8px;color:var(--text2);font-size:11px}
.social-timing-summary{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.social-timing-summary>*{padding:5px 8px;border-radius:8px;background:var(--bg3);color:var(--text2);font-size:10px}.social-timing-summary strong{color:var(--prog)}.social-timing-editor{margin-top:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg3)}.social-timing-editor>summary{cursor:pointer;font-size:11px;font-weight:800}.social-timing-editor>p{margin:9px 0;color:var(--text3);font-size:10px;line-height:1.45}.social-timing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.social-timing-grid label{display:grid;gap:5px;color:var(--text2);font-size:10px}.social-timing-grid input{min-width:0;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}.social-v2-schedule-help{grid-column:1/-1;margin:0;padding:10px 12px;border-radius:9px;background:var(--bg3);color:var(--text2);font-size:11px;line-height:1.5}
.social-asset-expand{position:relative;width:100%;height:100%;min-height:inherit;padding:0;overflow:hidden;border:0;background:transparent;color:#fff;cursor:zoom-in}.social-asset-expand img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.social-asset-expand:hover img,.social-asset-expand:focus-visible img{transform:scale(1.025)}.social-asset-expand span{position:absolute;right:9px;bottom:9px;padding:6px 9px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:rgba(15,23,42,.82);box-shadow:0 4px 14px rgba(0,0,0,.22);color:#fff;font-size:10px;font-weight:800;letter-spacing:.02em}.social-asset-expand:focus-visible{outline:3px solid var(--prog);outline-offset:-3px}.social-card-preview.is-alternatives .social-asset-expand{min-height:0}.social-lightbox-open{overflow:hidden}.social-media-lightbox{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:clamp(14px,3vw,36px);border:0;background:rgba(3,7,18,.92);color:#fff}.social-media-lightbox::backdrop{background:rgba(3,7,18,.86);backdrop-filter:blur(5px)}.social-media-lightbox[open]{display:grid;place-items:center}.social-media-lightbox-content{position:relative;display:grid;place-items:center;max-width:min(1180px,94vw);max-height:94vh}.social-media-lightbox img{display:block;max-width:94vw;max-height:86vh;border-radius:12px;object-fit:contain;box-shadow:0 22px 80px rgba(0,0,0,.58)}.social-media-lightbox p{max-width:min(760px,86vw);margin:10px 0 0;color:#e2e8f0;font-size:12px;text-align:center}.social-media-lightbox-close{position:fixed;z-index:2;top:18px;right:20px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(15,23,42,.82);color:#fff;font-size:28px;line-height:1;cursor:pointer}.social-media-lightbox-close:hover,.social-media-lightbox-close:focus-visible{background:#fff;color:#0f172a}

@media(max-width:760px){.social-timing-grid{grid-template-columns:1fr}.social-workspace-header{align-items:flex-start;flex-direction:column}.social-workspace-actions{width:100%;justify-content:space-between}.social-workspace-nav{margin-left:-4px;margin-right:-4px}.social-panel-intro{flex-direction:column}.social-new-demand,.social-new-demand[open]{width:100%}.social-published-grid{grid-template-columns:1fr}.social-card-grid{grid-template-columns:1fr}.social-card-preview{min-height:220px}.social-instagram-profile{align-items:flex-start;flex-wrap:wrap}.social-instagram-profile a{width:100%}.client-theme-toggle{order:2}.social-cycle-body{padding:10px}.social-strategy-approval{align-items:stretch;flex-direction:column;margin:4px 4px 16px}.social-strategy-approval button{width:100%}.social-cycle-overview{margin:4px 4px 16px}.social-strategy-grid{gap:16px}.social-strategy-card{min-height:0;padding:22px 20px 24px;border-radius:15px}.social-strategy-card-head{grid-template-columns:68px minmax(0,1fr);gap:15px;padding-bottom:20px}.social-strategy-date{min-height:68px;padding:8px}.social-strategy-date strong{font-size:13px}.social-strategy-date span{margin-top:7px;font-size:8px}.social-strategy-heading h4{font-size:21px}.social-strategy-reading{grid-template-columns:1fr;gap:24px;padding:24px 0 14px}.social-strategy-section p{font-size:14px;line-height:1.62}.social-strategy-hook blockquote{font-size:16px}.social-strategy-details>summary{align-items:flex-start}.social-strategy-details>summary small{display:none}.social-strategy-details-grid{grid-template-columns:1fr}}

.social-v2-settings .social-v2-form {
  margin-top: 12px;
}

.social-v2-weekdays {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

@media (max-width: 720px) {
  .social-v2-form { grid-template-columns: 1fr; }
  .social-v2-form textarea,
  .social-v2-form input[type="file"] { grid-column: auto; }
  .social-v2-card-head { flex-direction: column; }
  .social-v2-editor { grid-template-columns: 1fr; }
  .social-v2-editor textarea,
  .social-v2-editor .social-v2-actions,
  .social-v2-editor .social-v2-upload,
  .social-v2-editor .social-v2-destinations { grid-column: auto; }
}

/* Relatorios oficiais de Instagram Insights */
.rel-report-type-tabs {
  display: inline-flex;
  gap: 4px;
  margin: 4px 0 18px;
  padding: 4px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg3);
}

.rel-report-type-tabs button {
  border: 0;
  border-radius: 8px;
  padding: 8px 16px;
  background: transparent;
  color: var(--text3);
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.rel-report-type-tabs button.active {
  background: var(--bg1);
  color: var(--purple);
  box-shadow: 0 2px 8px rgba(15, 23, 42, .08);
}

.rel-social-panel { display: grid; gap: 16px; }

.rel-social-connection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid #dbeafe;
  border-radius: 12px;
  background: #eff6ff;
}

.rel-social-connection > div { display: flex; align-items: center; gap: 10px; }
.rel-social-connection strong,
.rel-social-connection small { display: block; }
.rel-social-connection small,
.rel-social-connection > span { color: #64748b; font-size: 12px; }
.rel-social-connection.indisponivel { border-color: #fed7aa; background: #fff7ed; }
.rel-social-connection.parcial { border-color: #fde68a; background: #fffbeb; }
.rel-social-dot { width: 9px; height: 9px; border-radius: 50%; background: #22c55e; }
.rel-social-connection.indisponivel .rel-social-dot { background: #f97316; }
.rel-social-connection.parcial .rel-social-dot { background: #eab308; }
.rel-social-summary { margin: 0; }
.rel-social-content-section { margin-top: 0; }
.rel-social-note { margin: -2px 0 14px; color: var(--text3); font-size: 12px; }
.rel-social-media-list { display: grid; gap: 10px; }

.rel-social-media-card {
  display: grid;
  grid-template-columns: 112px minmax(0, 1fr);
  gap: 14px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--bg1);
}

.rel-social-thumb {
  position: relative;
  min-height: 112px;
  overflow: hidden;
  border-radius: 9px;
  background: linear-gradient(135deg, #7c3aed, #ec4899, #f97316);
}

.rel-social-thumb img { width: 100%; height: 100%; object-fit: cover; }
.rel-social-thumb span { position: absolute; left: 8px; bottom: 8px; padding: 3px 7px; border-radius: 999px; background: rgba(15, 23, 42, .76); color: #fff; font-size: 10px; font-weight: 800; }
.rel-social-media-body { min-width: 0; display: grid; gap: 9px; }
.rel-social-media-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.rel-social-media-top small { color: var(--text3); }
.rel-social-media-body p { margin: 0; color: var(--text2); font-size: 13px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rel-social-media-metrics { display: grid; grid-template-columns: repeat(5, minmax(72px, 1fr)); gap: 8px; }
.rel-social-media-metrics span { padding: 8px 9px; border-radius: 8px; background: var(--bg3); }
.rel-social-media-metrics small,
.rel-social-media-metrics b { display: block; }
.rel-social-media-metrics small { color: var(--text3); font-size: 10px; }
.rel-social-media-metrics b { margin-top: 2px; font-size: 13px; }
.rel-social-media-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.rel-social-media-footer small { color: var(--text3); }
.rel-social-media-footer a { color: var(--purple); font-size: 12px; font-weight: 700; text-decoration: none; }

.pg-social-content-list { display: grid; gap: 7px; margin-top: 12px; }
.pg-social-content-item { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 7px; border-radius: 9px; background: var(--bg3); }
.pg-social-content-item img,
.pg-social-content-placeholder { width: 40px; height: 40px; border-radius: 7px; object-fit: cover; }
.pg-social-content-placeholder { display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, #7c3aed, #ec4899); }
.pg-social-content-item strong,
.pg-social-content-item small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pg-social-content-item strong { font-size: 11px; }
.pg-social-content-item small { margin-top: 2px; color: var(--text3); font-size: 10px; }
.pg-social-content-item a { color: var(--purple); font-size: 11px; font-weight: 700; text-decoration: none; }

@media (max-width: 760px) {
  .rel-social-connection { align-items: flex-start; flex-direction: column; }
  .rel-social-media-card { grid-template-columns: 74px minmax(0, 1fr); }
  .rel-social-thumb { min-height: 88px; }
  .rel-social-media-metrics { grid-template-columns: repeat(2, minmax(70px, 1fr)); }
  .rel-social-media-footer { align-items: flex-start; flex-direction: column; }
}

/* Relatórios — camada executiva multicanal */
.relat-executive{display:grid;gap:14px;margin:0 0 18px}.relat-executive-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(135deg,rgba(124,58,237,.12),rgba(24,119,242,.05) 55%,var(--bg2))}.relat-eyebrow{display:block;margin-bottom:4px;color:var(--accent2);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.relat-executive-head h2{margin:0 0 4px;font:700 20px var(--font-display);color:var(--text)}.relat-executive-head p{margin:0;color:var(--text3);font-size:11px}.relat-data-freshness{min-width:120px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:rgba(15,23,42,.22);text-align:right}.relat-data-freshness small,.relat-data-freshness strong{display:block}.relat-data-freshness small{color:var(--text3);font-size:9px;text-transform:uppercase}.relat-data-freshness strong{margin-top:3px;font-size:12px}
.relat-executive-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.relat-executive-cards article{min-width:0;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--bg2)}.relat-executive-cards small,.relat-executive-cards strong,.relat-executive-cards span{display:block}.relat-executive-cards small{color:var(--text3);font-size:9px;text-transform:uppercase;letter-spacing:.04em}.relat-executive-cards strong{margin:6px 0 4px;font:700 18px var(--font-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.relat-executive-cards span{min-height:26px;color:var(--text3);font-size:9px;line-height:1.4}
.relat-executive-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.7fr);gap:10px}.relat-attention-panel,.relat-method-panel,.relat-platform-panel{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--bg2)}.relat-panel-title{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid var(--border)}.relat-panel-title strong,.relat-panel-title small{display:block}.relat-panel-title strong{font-size:12px}.relat-panel-title small{margin-top:2px;color:var(--text3);font-size:9px}.relat-method-panel{padding:13px;background:linear-gradient(145deg,var(--bg2),rgba(24,119,242,.05))}.relat-method-panel strong{font-size:11px}.relat-method-panel p{margin:8px 0 0;color:var(--text3);font-size:10px;line-height:1.5}
.relat-alert-item{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid var(--border)}.relat-alert-item:last-child{border-bottom:0}.relat-alert-symbol{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:rgba(245,158,11,.14);color:#fbbf24;font-weight:800}.relat-alert-item.critico .relat-alert-symbol{background:rgba(239,68,68,.14);color:#fca5a5}.relat-alert-item strong{font-size:11px}.relat-alert-item p{margin:2px 0 0;color:var(--text3);font-size:9px;line-height:1.4}.relat-alert-level{padding:3px 7px;border-radius:999px;background:rgba(245,158,11,.12);color:#fbbf24;font-size:8px;font-weight:700;text-transform:uppercase}.relat-alert-item.critico .relat-alert-level{background:rgba(239,68,68,.12);color:#fca5a5}.relat-no-alerts{display:flex;align-items:center;gap:10px;padding:16px}.relat-no-alerts>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:rgba(34,197,94,.12);color:#86efac}.relat-no-alerts strong{display:block;font-size:11px}.relat-no-alerts p{margin:3px 0 0;color:var(--text3);font-size:9px}
.relat-table-scroll{overflow:auto}.relat-platform-panel table{width:100%;border-collapse:collapse;font-size:10px}.relat-platform-panel th,.relat-platform-panel td{padding:9px 12px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.relat-platform-panel th{color:var(--text3);font-size:8px;text-transform:uppercase}.relat-platform-panel tbody tr:last-child td{border-bottom:0}.relat-platform-panel td:first-child{display:flex;align-items:center;gap:7px}.relat-platform-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--platform-color)}.relat-empty-cell{display:table-cell!important;padding:18px!important;color:var(--text3);text-align:center!important}
.relat-export-overlay{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px;background:rgba(2,6,23,.78);backdrop-filter:blur(4px)}.relat-export-modal{width:min(620px,100%);max-height:min(760px,90vh);display:flex;flex-direction:column;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--bg2);box-shadow:0 24px 80px rgba(0,0,0,.45)}.relat-export-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.relat-export-modal h3{margin:0;font:700 18px var(--font-display)}.relat-export-modal>p{margin:7px 0 12px;color:var(--text3);font-size:11px}.relat-export-modal textarea{width:100%;min-height:350px;resize:vertical;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--bg3);color:var(--text);font:12px/1.6 var(--font)}.relat-export-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.relat-load-error{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:20px;padding:18px;border:1px solid rgba(239,68,68,.25);border-radius:12px;background:rgba(239,68,68,.07)}.relat-load-error strong{color:#fca5a5}.relat-load-error span{color:var(--text3);font-size:11px}
#relPrintArea{display:none}

@media(max-width:1280px){.relat-executive-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.relat-executive-grid{grid-template-columns:1fr}.relat-header{align-items:stretch}.relat-header .btn-secondary,.relat-header .btn-primary{flex:1}}
@media(max-width:620px){.relat-executive-head{flex-direction:column}.relat-data-freshness{width:100%;text-align:left}.relat-executive-cards{grid-template-columns:repeat(2,1fr)}.relat-alert-item{grid-template-columns:24px 1fr}.relat-alert-level{grid-column:2;width:max-content}.relat-export-modal{padding:15px}.relat-export-modal textarea{min-height:280px}}

@media print{
  @page{size:A4;margin:14mm}
  body.relatorio-print-mode{background:#fff!important;color:#111827!important}
  body.relatorio-print-mode>*:not(#relPrintArea){display:none!important}
  body.relatorio-print-mode #relPrintArea{display:block!important}
  .rel-print-report{font:10pt/1.45 Arial,sans-serif;color:#111827}.rel-print-report header{padding:0 0 18px;border-bottom:3px solid #6d28d9}.rel-print-report header span{color:#6d28d9;font-size:8pt;font-weight:700;letter-spacing:.12em}.rel-print-report header h1{margin:5px 0 2px;font-size:24pt}.rel-print-report header p{margin:0;color:#64748b}.rel-print-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.rel-print-kpis div{padding:10px;border:1px solid #e2e8f0;border-radius:7px}.rel-print-kpis small,.rel-print-kpis strong{display:block}.rel-print-kpis small{color:#64748b;font-size:7.5pt;text-transform:uppercase}.rel-print-kpis strong{margin-top:4px;font-size:14pt}.rel-print-report section{margin:16px 0;break-inside:avoid}.rel-print-report h2{margin:0 0 7px;font-size:13pt}.rel-print-report p,.rel-print-report li{color:#334155}.rel-print-report table{width:100%;border-collapse:collapse;font-size:8.5pt}.rel-print-report th,.rel-print-report td{padding:6px;border-bottom:1px solid #e2e8f0;text-align:left}.rel-print-report th{background:#f8fafc;color:#475569;text-transform:uppercase}.rel-print-report ul{margin:5px 0;padding-left:18px}.rel-print-report footer{margin-top:22px;padding-top:8px;border-top:1px solid #e2e8f0;color:#64748b;font-size:7.5pt}
}
/* Campaign Operations */
.campaign-ops-section { margin-top: 18px; }
.campaign-section-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:16px; }
.campaign-section-heading h3 { margin:0 0 4px; font-size:18px; color:var(--text, #f8fafc); }
.campaign-section-heading p { margin:0; color:var(--text-muted, #94a3b8); font-size:13px; }
.campaign-section-heading > div:last-child { display:flex; gap:8px; flex-wrap:wrap; }
.campaign-ops-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:12px 0 16px; }
.campaign-ops-summary span { border:1px solid rgba(148,163,184,.18); background:rgba(15,23,42,.55); border-radius:12px; padding:12px; color:#94a3b8; font-size:12px; }
.campaign-ops-summary b { display:block; color:#f8fafc; font-size:22px; margin-bottom:2px; }
.campaign-operation-list, .campaign-global-approvals { display:grid; gap:12px; }
.campaign-global-approvals { border-bottom:1px solid rgba(148,163,184,.18); padding-bottom:18px; margin-bottom:18px; }
.campaign-operation-card { border:1px solid rgba(148,163,184,.2); background:linear-gradient(145deg,rgba(15,23,42,.86),rgba(30,41,59,.62)); border-radius:15px; padding:16px; box-shadow:0 12px 26px rgba(2,6,23,.18); }
.campaign-operation-card header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px; }
.campaign-operation-card header small { display:block; color:#a78bfa; margin-bottom:3px; }
.campaign-operation-card h4 { margin:0; color:#f8fafc; font-size:16px; }
.campaign-operation-badges { display:flex; gap:7px; flex-wrap:wrap; justify-content:flex-end; }
.campaign-operation-badges span { border-radius:999px; padding:5px 9px; background:rgba(100,116,139,.22); color:#cbd5e1; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.04em; }
.campaign-operation-badges .campaign-risk-low { background:rgba(16,185,129,.15); color:#6ee7b7; }
.campaign-operation-badges .campaign-risk-medium { background:rgba(245,158,11,.16); color:#fcd34d; }
.campaign-operation-badges .campaign-risk-high { background:rgba(239,68,68,.17); color:#fca5a5; }
.campaign-operation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.campaign-operation-grid section { padding:10px 12px; background:rgba(2,6,23,.28); border-radius:10px; }
.campaign-operation-grid b { color:#cbd5e1; font-size:11px; text-transform:uppercase; letter-spacing:.04em; }
.campaign-operation-grid p { color:#e2e8f0; font-size:13px; line-height:1.45; margin:5px 0 0; white-space:pre-wrap; }
.campaign-operation-evidence { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.campaign-operation-evidence span { background:rgba(124,58,237,.12); color:#c4b5fd; border-radius:8px; padding:6px 8px; font-size:11px; }
.campaign-operation-evidence b { color:#ddd6fe; margin-right:4px; }
.campaign-operation-finance { display:flex; flex-wrap:wrap; gap:12px; padding:11px 0; margin-top:4px; color:#94a3b8; font-size:11px; }
.campaign-operation-finance b { color:#e2e8f0; }
.campaign-operation-card footer { display:flex; gap:8px; flex-wrap:wrap; align-items:center; padding-top:11px; border-top:1px solid rgba(148,163,184,.12); }
.campaign-operation-card footer button { min-height:34px; }
.campaign-ops-modal { width:min(720px,calc(100vw - 28px)); max-height:92vh; overflow:auto; }
.campaign-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.campaign-form-grid label, .campaign-ops-modal .modal-body > label { display:grid; gap:6px; margin-bottom:12px; color:#cbd5e1; font-size:12px; }
.campaign-financial-confirm { display:flex !important; grid-template-columns:auto 1fr; align-items:flex-start; gap:9px !important; padding:12px; border:1px solid rgba(239,68,68,.35); background:rgba(127,29,29,.18); border-radius:10px; color:#fecaca !important; }
.campaign-timeline { display:grid; gap:0; }
.campaign-timeline > div { display:grid; grid-template-columns:150px 1fr auto; gap:12px; padding:10px 0; border-bottom:1px solid rgba(148,163,184,.12); }
.campaign-timeline span, .campaign-timeline small { color:#94a3b8; font-size:11px; }
.campaign-timeline b { color:#e2e8f0; font-size:12px; }
.campaign-ops-error { padding:12px; border-radius:10px; color:#fca5a5; background:rgba(127,29,29,.2); }
.legacy-approvals { margin-top:10px; }
@media (max-width: 720px) {
  .campaign-section-heading { flex-direction:column; }
  .campaign-ops-summary { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .campaign-operation-grid, .campaign-form-grid { grid-template-columns:1fr; }
  .campaign-operation-card header { flex-direction:column; }
  .campaign-operation-badges { justify-content:flex-start; }
  .campaign-timeline > div { grid-template-columns:1fr; gap:3px; }
}

/* Acessibilidade: foco visível para navegação por teclado */
:focus-visible { outline: 3px solid currentColor !important; outline-offset: 3px !important; }

/* Acessibilidade: respeita a preferência de movimento reduzido */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

/* Marketing — Orgânico Meta */
.sr-only { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; white-space:nowrap !important; border:0 !important; }
.organico-meta-mount { min-height:280px; }
.organico-shell { display:grid; gap:20px; color:var(--text); }
.organico-shell > section, .organico-grid-two > section { min-width:0; padding:18px; border:1px solid var(--border); border-radius:14px; background:var(--bg2); }
.organico-hero { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:22px; border:1px solid rgba(168,85,247,.28); border-radius:16px; background:linear-gradient(135deg,rgba(124,58,237,.18),rgba(24,119,242,.08) 55%,var(--bg2)); }
.organico-hero h1 { margin:4px 0 6px; font:700 clamp(20px,3vw,28px) var(--font-display); }
.organico-hero p { max-width:720px; margin:0; color:var(--text3); font-size:12px; line-height:1.55; }
.organico-eyebrow { color:var(--accent2,#a78bfa); font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.organico-freshness { min-width:190px; padding:10px 12px; border:1px solid var(--border); border-radius:11px; background:rgba(15,23,42,.22); text-align:right; }
.organico-freshness small, .organico-freshness strong { display:block; }
.organico-freshness small { color:var(--text3); font-size:9px; text-transform:uppercase; }
.organico-freshness strong { margin-top:4px; font-size:11px; }
.organico-filters { display:grid; grid-template-columns:repeat(4,minmax(130px,1fr)); gap:10px; padding:16px; border:1px solid var(--border); border-radius:14px; background:var(--bg2); }
.organico-filters > div { display:grid; gap:5px; min-width:0; }
.organico-filters label { color:var(--text3); font-size:9px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.organico-filters select, .organico-filters input { width:100%; min-height:38px; padding:8px 10px; border:1px solid var(--border); border-radius:8px; background:var(--bg3); color:var(--text); font:11px var(--font); }
.organico-filters button { align-self:end; min-height:38px; }
.organico-state, .organico-warning { display:flex; align-items:center; gap:10px; min-height:76px; padding:18px; border:1px solid var(--border); border-radius:12px; background:var(--bg2); color:var(--text3); }
.organico-state strong, .organico-state span, .organico-warning strong, .organico-warning span { display:block; }
.organico-state.is-error { border-color:rgba(239,68,68,.35); background:rgba(127,29,29,.16); color:#fca5a5; }
.organico-warning { min-height:auto; border-color:rgba(245,158,11,.35); background:rgba(120,53,15,.16); color:#fcd34d; }
.organico-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:14px; }
.organico-section-head span { display:block; margin-bottom:3px; color:var(--accent2,#a78bfa); font-size:8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.organico-section-head h2 { margin:0; font:700 16px var(--font-display); }
.organico-section-head small { max-width:420px; color:var(--text3); font-size:9px; line-height:1.4; text-align:right; }
.organico-kpis { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; }
.organico-kpis article { min-width:0; padding:13px; border:1px solid var(--border); border-radius:11px; background:var(--bg3); }
.organico-kpis small, .organico-kpis strong, .organico-kpis span { display:block; }
.organico-kpis small { color:var(--text3); font-size:8px; letter-spacing:.04em; text-transform:uppercase; }
.organico-kpis strong { margin:6px 0 4px; font:700 18px var(--font-display); overflow:hidden; text-overflow:ellipsis; }
.organico-kpis span { color:var(--text3); font-size:8px; line-height:1.35; }
.organico-platforms, .organico-evolution { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.organico-platforms article, .organico-evolution article { padding:15px; border:1px solid var(--border); border-radius:12px; background:var(--bg3); }
.organico-platforms article.is-instagram, .organico-evolution article.is-instagram { border-top:3px solid #c13584; }
.organico-platforms article.is-facebook, .organico-evolution article.is-facebook { border-top:3px solid #1877f2; }
.organico-platforms h3, .organico-evolution h3 { margin:0 0 12px; font-size:13px; }
.organico-platforms dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0; }
.organico-platforms dl div { min-width:0; padding:9px; border-radius:8px; background:rgba(15,23,42,.2); }
.organico-platforms dt { color:var(--text3); font-size:8px; text-transform:uppercase; }
.organico-platforms dd { margin:5px 0 0; font-weight:700; }
.organico-evolution ul { display:grid; gap:0; margin:0; padding:0; list-style:none; }
.organico-evolution li { display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px solid var(--border); color:var(--text3); font-size:10px; }
.organico-evolution li:last-child { border-bottom:0; }
.organico-evolution li strong { color:var(--text); }
.organico-grid-two { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.organico-method { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:0; }
.organico-method div { padding:9px; border-radius:8px; background:var(--bg3); }
.organico-method dt { color:var(--text3); font-size:8px; text-transform:uppercase; }
.organico-method dd { margin:5px 0 0; font-size:12px; font-weight:700; }
.organico-formula, .organico-muted { color:var(--text3); font-size:9px; line-height:1.5; }
.organico-formula { margin:10px 0 0; }
.organico-compact-list, .organico-ranking { display:grid; gap:0; margin:0; padding:0; list-style:none; }
.organico-compact-list li, .organico-ranking li { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 0; border-bottom:1px solid var(--border); font-size:10px; }
.organico-compact-list li:last-child, .organico-ranking li:last-child { border-bottom:0; }
.organico-compact-list span { color:var(--text3); text-align:right; }
.organico-ranking li b { width:22px; height:22px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; background:rgba(124,58,237,.15); color:var(--accent2,#a78bfa); }
.organico-ranking li span { flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.organico-table-wrap { overflow:auto; border:1px solid var(--border); border-radius:10px; }
.organico-table-wrap table { width:100%; min-width:840px; border-collapse:collapse; font-size:10px; }
.organico-table-wrap th, .organico-table-wrap td { padding:10px 12px; border-bottom:1px solid var(--border); text-align:left; vertical-align:top; }
.organico-table-wrap th { color:var(--text3); font-size:8px; letter-spacing:.04em; text-transform:uppercase; }
.organico-table-wrap td strong, .organico-table-wrap td small { display:block; }
.organico-table-wrap td small { margin-top:3px; color:var(--text3); font-size:8px; }
.organico-table-wrap tbody tr:last-child td { border-bottom:0; }
.organico-table-wrap a { color:var(--accent2,#a78bfa); font-weight:700; }
.organico-platform-tag { display:inline-flex; padding:4px 7px; border-radius:999px; background:rgba(100,116,139,.18); font-size:8px; font-weight:800; text-transform:uppercase; }
.organico-platform-tag.is-instagram { color:#f0abfc; background:rgba(193,53,132,.16); }
.organico-platform-tag.is-facebook { color:#93c5fd; background:rgba(24,119,242,.16); }

@media (max-width:1080px) {
  .organico-filters { grid-template-columns:repeat(3,minmax(130px,1fr)); }
  .organico-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .organico-hero, .organico-section-head { flex-direction:column; }
  .organico-freshness { width:100%; text-align:left; }
  .organico-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .organico-section-head small { text-align:left; }
  .organico-grid-two, .organico-platforms, .organico-evolution { grid-template-columns:1fr; }
}
@media (max-width:560px) {
  .organico-filters, .organico-kpis { grid-template-columns:1fr; }
  .organico-method, .organico-platforms dl { grid-template-columns:1fr; }
}