/* ============================================================
   Editorial Agency — Sistema Unificado
   Poppins + Red Hat Display · Paleta corporativa
   ============================================================ */
:root {
  /* Cores principais */
  --navy:    #182f51;
  --teal:    #0a4d68;
  --dark:    #23353d;
  --gold:    #c2a504;
  --gold-lt: #f0e48a;
  --bg:      #f0f0f0;
  --bg-2:    #e4e4e4;
  --card:    #ffffff;
  --ink:     #000000;
  --ink-soft:#23353d;
  --ink-faint:#6b7a82;
  --line:    #d0d4d8;
  --white:   #ffffff;
  --ok:      #1a7a4a;
  --ok-bg:   rgba(26,122,74,.12);
  --warn:    #c2a504;
  --warn-bg: rgba(194,165,4,.12);
  --danger:  #c0392b;
  --danger-bg:rgba(192,57,43,.1);

  /* Módulos */
  --mod-social:  #0a4d68;
  --mod-crm:     #182f51;
  --mod-projetos:#23353d;
  --mod-admin:   #4a4a4a;

  /* Tipografia */
  --display:"Red Hat Display",sans-serif;
  --sans:"Poppins",system-ui,sans-serif;

  /* Layout */
  --radius:  8px;
  --radius-lg:12px;
  --shadow:  0 2px 12px rgba(0,0,0,.08);
  --shadow-lg:0 8px 32px rgba(0,0,0,.12);
  --topbar-h:58px;
  --subnav-h:46px;
}

*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
html,body { height:100%; -webkit-font-smoothing:antialiased; }
body { font-family:var(--sans); color:var(--ink); background:var(--bg); font-size:14px; line-height:1.5; }
a { color:inherit; }
h1,h2,h3,h4 { font-family:var(--display); }
.muted { color:var(--ink-faint); }
.spacer { flex:1; }
.text-danger { color:var(--danger)!important; }
.brand-mark { color:var(--gold); }

/* ── TOPBAR ──────────────────────────────────────────────── */
.topbar {
    position:sticky;top:0;z-index:100;
    display:flex;align-items:center;gap:0;
    background:var(--navy);color:var(--white);
    height:var(--topbar-h);padding:0 20px;
    border-bottom:2px solid var(--gold);
    box-shadow:0 2px 20px rgba(0,0,0,.25);
}
.topbar-brand {
    display:flex;align-items:center;gap:9px;text-decoration:none;
    font-family:var(--display);font-size:1.1rem;font-weight:700;
    color:var(--white);white-space:nowrap;flex-shrink:0;margin-right:24px;
}
.brand-mark { font-size:1.3rem; }
.brand-name { letter-spacing:-.01em; }

.mod-nav { display:flex;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none; }
.mod-nav::-webkit-scrollbar { display:none; }
.mod-tab {
    display:flex;align-items:center;gap:6px;
    padding:8px 16px;border-radius:var(--radius);
    font-size:.82rem;font-weight:600;color:rgba(255,255,255,.65);
    text-decoration:none;transition:all .14s;white-space:nowrap;cursor:pointer;border:none;background:none;
}
.mod-tab:hover { background:rgba(255,255,255,.1);color:white; }
.mod-tab.on { background:var(--gold);color:var(--navy);font-weight:700; }
.mod-ico { font-size:.95rem; }

.topbar-right { display:flex;align-items:center;gap:12px;flex-shrink:0; }
.user-badge { display:flex;flex-direction:column;text-align:right;line-height:1.3; }
.user-nome { font-size:.82rem;font-weight:600;color:white; }
.user-tags { display:flex;gap:4px;justify-content:flex-end;flex-wrap:wrap; }
.tag { font-size:.65rem;font-weight:600;padding:1px 6px;border-radius:20px;background:rgba(255,255,255,.15);color:rgba(255,255,255,.8); }
.tag-cliente { background:var(--gold);color:var(--navy); }
.tag-admin   { background:var(--danger);color:white; }
.logout-btn {
    width:32px;height:32px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.2);
    display:flex;align-items:center;justify-content:center;text-decoration:none;
    color:rgba(255,255,255,.7);font-size:.9rem;transition:all .14s;
}
.logout-btn:hover { background:var(--danger);border-color:var(--danger);color:white; }

/* ── SUB-NAV ─────────────────────────────────────────────── */
.sub-nav {
    display:flex;align-items:center;gap:2px;
    background:var(--dark);padding:0 20px;
    height:var(--subnav-h);position:sticky;top:var(--topbar-h);z-index:90;
    overflow-x:auto;scrollbar-width:none;
}
.sub-nav::-webkit-scrollbar { display:none; }
.sub-nav a {
    padding:7px 14px;border-radius:6px;font-size:.8rem;font-weight:500;
    color:rgba(255,255,255,.6);text-decoration:none;transition:all .14s;white-space:nowrap;
}
.sub-nav a:hover { background:rgba(255,255,255,.08);color:white; }
.sub-nav a.on { background:rgba(255,255,255,.15);color:white;font-weight:600; }
.vis-badge { margin-left:auto;font-size:.75rem;color:var(--gold-lt);padding:4px 10px;border:1px solid rgba(194,165,4,.4);border-radius:20px; }
[data-modulo="social"] { border-bottom:2px solid var(--mod-social); }
[data-modulo="crm"]    { border-bottom:2px solid var(--mod-crm); }
[data-modulo="projetos"]{ border-bottom:2px solid var(--mod-projetos); }
[data-modulo="admin"]  { border-bottom:2px solid var(--mod-admin); }

/* ── PAGE ────────────────────────────────────────────────── */
.page { max-width:1200px;margin:0 auto;padding:26px 22px 60px; }
.page-full { max-width:none;padding:0; }
.page-head { display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;flex-wrap:wrap; }
.eyebrow { font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);font-weight:600;margin-bottom:4px; }
.page-title { font-family:var(--display);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;letter-spacing:-.02em;line-height:1; }
.page-sub { color:var(--ink-faint);font-size:.88rem;margin-top:5px; }
.head-actions { display:flex;gap:10px;align-items:center;flex-wrap:wrap; }
.section-title { font-family:var(--display);font-size:1.2rem;font-weight:700;margin-bottom:14px;color:var(--navy); }
.back-link { color:var(--teal);text-decoration:none;font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;gap:4px; }
.back-link:hover { text-decoration:underline; }

/* ── AUTH ────────────────────────────────────────────────── */
.auth-body { display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--navy);padding:24px; }
.auth-card { background:white;border-radius:var(--radius-lg);padding:40px 36px;width:min(420px,100%);box-shadow:var(--shadow-lg); }
.auth-brand { font-family:var(--display);font-size:1.6rem;font-weight:800;color:var(--navy);display:flex;align-items:center;gap:10px;margin-bottom:6px; }
.auth-brand .brand-mark { color:var(--gold); }
.auth-sub { font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:28px; }
.auth-form { display:flex;flex-direction:column;gap:14px; }
.auth-foot { margin-top:16px;font-size:.8rem;color:var(--ink-faint);text-align:center; }

/* ── BUTTONS ─────────────────────────────────────────────── */
.btn { font-family:var(--sans);font-size:.82rem;font-weight:600;padding:8px 16px;border-radius:var(--radius);cursor:pointer;border:1.5px solid transparent;transition:all .14s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;line-height:1; }
.btn-primary { background:var(--teal);color:white;border-color:var(--teal); }
.btn-primary:hover { background:#08405a;border-color:#08405a;transform:translateY(-1px); }
.btn-gold { background:var(--gold);color:var(--navy);border-color:var(--gold); }
.btn-gold:hover { background:#a89003;border-color:#a89003; }
.btn-ghost { background:white;border-color:var(--line);color:var(--ink-soft); }
.btn-ghost:hover { border-color:var(--teal);color:var(--teal); }
.btn-ghost.danger { color:var(--danger); }
.btn-ghost.danger:hover { border-color:var(--danger);background:#fff5f5; }
.btn-navy { background:var(--navy);color:white;border-color:var(--navy); }
.btn-sm { padding:5px 11px;font-size:.76rem;border-radius:6px; }
.btn-block { width:100%; }
.icon-btn { background:white;border:1.5px solid var(--line);width:30px;height:30px;border-radius:6px;cursor:pointer;font-size:.88rem;display:inline-flex;align-items:center;justify-content:center;transition:all .14s;text-decoration:none; }
.icon-btn:hover { background:var(--teal);color:white;border-color:var(--teal); }
.icon-btn.danger:hover { background:var(--danger);border-color:var(--danger); }

/* ── ALERTS ──────────────────────────────────────────────── */
.alert { padding:11px 15px;border-radius:var(--radius);font-size:.88rem;margin-bottom:16px;line-height:1.5; }
.alert-ok    { background:var(--ok-bg);border:1px solid rgba(26,122,74,.3);color:#155236; }
.alert-erro  { background:var(--danger-bg);border:1px solid rgba(192,57,43,.3);color:#8b1c12; }
.alert-info  { background:var(--warn-bg);border:1px solid rgba(194,165,4,.35);color:#6b5900; }
.alert code  { background:rgba(0,0,0,.06);padding:2px 6px;border-radius:4px;font-size:.85em; }

/* ── CARDS / TABLES ──────────────────────────────────────── */
.card { background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow); }
.card-head { display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);gap:10px; }
.card-head h3 { font-family:var(--display);font-size:1rem;font-weight:700;color:var(--navy); }
.table-card { overflow:hidden; }
.data-table { width:100%;border-collapse:collapse;font-size:.87rem; }
.data-table thead th { text-align:left;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-weight:600;padding:11px 16px;border-bottom:1px solid var(--line);background:rgba(0,0,0,.02); }
.data-table tbody td { padding:11px 16px;border-bottom:1px solid var(--line);vertical-align:middle; }
.data-table tbody tr:last-child td { border-bottom:none; }
.data-table tbody tr:hover { background:rgba(10,77,104,.03);cursor:pointer; }
.row-actions { display:flex;gap:8px;font-size:.95rem; }
.row-actions a { text-decoration:none;opacity:.55;transition:opacity .13s; }
.row-actions a:hover { opacity:1; }

/* ── PILLS & BADGES ──────────────────────────────────────── */
.pill { font-size:.68rem;font-weight:600;padding:3px 9px;border-radius:20px; }
.pill-ok     { background:var(--ok-bg);color:#155236; }
.pill-warn   { background:var(--warn-bg);color:#6b5900; }
.pill-off    { background:rgba(0,0,0,.07);color:var(--ink-soft); }
.pill-pendente  { background:rgba(107,122,130,.14);color:var(--ink-soft); }
.pill-andamento { background:var(--warn-bg);color:#6b5900; }
.prio-badge { font-size:.66rem;font-weight:700;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em; }
.prio-baixa   { background:rgba(26,122,74,.12);color:#155236; }
.prio-media   { background:rgba(194,165,4,.14);color:#6b5900; }
.prio-alta    { background:rgba(192,57,43,.12);color:#8b1c12; }
.prio-urgente { background:var(--danger);color:white;animation:pulse-u 2s infinite; }
@keyframes pulse-u { 0%,100%{opacity:1}50%{opacity:.7} }
.badge-atraso { font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:20px;background:var(--danger-bg);color:var(--danger); }
.cli-dot { width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0; }

/* ── FORMS ───────────────────────────────────────────────── */
.form-card { padding:22px; }
.form-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.field { display:flex;flex-direction:column;gap:5px; }
.field-wide { grid-column:1/-1; }
.field > span { font-size:.7rem;letter-spacing:.04em;font-weight:600;color:var(--ink-soft);text-transform:uppercase; }
.field input,.field select,.field textarea { font-family:var(--sans);font-size:.88rem;color:var(--ink);background:white;border:1.5px solid var(--line);border-radius:var(--radius);padding:9px 11px;resize:vertical;transition:border-color .14s; }
.field input:focus,.field select:focus,.field textarea:focus { outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(10,77,104,.1); }
.color-input { height:40px;padding:4px;cursor:pointer; }
.check-field { flex-direction:row;align-items:center;gap:8px; }
.check-field input { width:16px;height:16px;accent-color:var(--teal); }
.check-field span { font-size:.88rem;text-transform:none;letter-spacing:0;font-weight:400;color:var(--ink); }
.form-actions { display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line); }
.form-note { font-size:.8rem;color:var(--ink-faint);margin-top:10px;line-height:1.5;font-style:italic; }
.dual-panel { display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start; }

/* ── FILTER BAR ──────────────────────────────────────────── */
.filter-bar { display:flex;gap:10px;align-items:center;margin-bottom:18px;flex-wrap:wrap; }
.filter-bar input,.filter-bar select { font-family:var(--sans);font-size:.85rem;background:white;border:1.5px solid var(--line);border-radius:var(--radius);padding:8px 11px;color:var(--ink); }
.filter-bar input { flex:1;min-width:180px; }
.filter-inline { display:flex;gap:8px;align-items:center;flex-wrap:wrap; }
.filter-inline select { font-family:var(--sans);font-size:.82rem;background:white;border:1.5px solid var(--line);border-radius:6px;padding:7px 10px;color:var(--ink); }

/* ── DASHBOARD ───────────────────────────────────────────── */
.dash-stats { display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px; }
.stat-card { background:white;border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px 22px;display:flex;flex-direction:column;gap:5px;text-decoration:none;transition:all .16s;position:relative;overflow:hidden; }
.stat-card::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--teal); }
.stat-card.stat-gold::before { background:var(--gold); }
.stat-card.stat-navy::before { background:var(--navy); }
.stat-card.stat-ok::before { background:var(--ok); }
.stat-card:hover { border-color:var(--teal);transform:translateY(-2px);box-shadow:var(--shadow-lg); }
.stat-num { font-family:var(--display);font-size:2.2rem;font-weight:800;color:var(--navy);line-height:1; }
.stat-card.stat-gold .stat-num { color:var(--dark); }
.stat-lbl { font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint); }
.dash-mod-filter { display:flex;gap:8px;align-items:center;margin-bottom:22px; }
.dash-mod-btn { font-size:.8rem;font-weight:600;padding:7px 14px;border-radius:20px;border:1.5px solid var(--line);background:white;cursor:pointer;transition:all .13s;color:var(--ink-soft); }
.dash-mod-btn.active { background:var(--navy);color:white;border-color:var(--navy); }
.ativ-dash-list { display:flex;flex-direction:column;gap:8px; }
.ativ-dash-item { display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:10px;padding:12px 16px;text-decoration:none;color:var(--ink);transition:all .14s;border-left:3px solid var(--line); }
.ativ-dash-item:hover { border-left-color:var(--teal);transform:translateX(2px);box-shadow:var(--shadow); }
.ativ-dash-item.atrasada { border-left-color:var(--danger);background:#fff8f8; }
.adi-main { flex:1;min-width:0; }
.adi-titulo { font-weight:600;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.adi-meta { font-size:.75rem;color:var(--ink-faint); }
.dash-section { margin-bottom:30px; }
.empty-state { background:white;border:1.5px dashed var(--line);border-radius:var(--radius-lg);padding:28px;text-align:center;color:var(--ink-faint);font-size:.88rem; }
.empty-state.big { padding:60px 30px;font-size:.95rem; }
.empty-state a { color:var(--teal); }

/* ── PROJETOS GRID ───────────────────────────────────────── */
.projetos-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px; }
.proj-card { padding:18px 20px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:all .16s;border-top:3px solid var(--line); }
.proj-card:hover { border-top-color:var(--teal);transform:translateY(-2px);box-shadow:var(--shadow-lg); }
.proj-card.atrasado { border-top-color:var(--danger); }
.proj-card.finalizado { opacity:.75;cursor:default; }
.proj-card.finalizado:hover { transform:none;border-top-color:var(--line); }
.pc-head { display:flex;align-items:center;gap:8px; }
.pc-meta { display:flex;align-items:center;gap:6px;flex:1; }
.pc-cliente { font-size:.78rem;color:var(--ink-faint);font-weight:500; }
.pc-nome { font-family:var(--display);font-size:1.05rem;font-weight:700;color:var(--navy);line-height:1.3; }
.pc-desc { font-size:.82rem;color:var(--ink-soft);line-height:1.5; }
.pc-progress { display:flex;align-items:center;gap:8px; }
.progress-bar { flex:1;height:5px;background:var(--bg-2);border-radius:4px;overflow:hidden; }
.progress-bar.wide { height:6px; }
.progress-fill { height:100%;background:var(--teal);border-radius:4px;transition:width .4s ease; }
.pc-progress span { font-size:.74rem;color:var(--ink-faint);white-space:nowrap; }
.pc-foot { display:flex;align-items:center;gap:8px;flex-wrap:wrap; }
.pc-prazo { font-size:.78rem;color:var(--ink-faint); }

/* ── PROJETO DETALHE ─────────────────────────────────────── */
.proj-detalhe-head { background:white;border-bottom:1px solid var(--line);padding:20px 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap; }
.pdh-left { display:flex;flex-direction:column;gap:8px;flex:1;min-width:0; }
.pdh-nav { display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--ink-faint); }
.pdh-sep { color:var(--line); }
.pdh-nome { font-family:var(--display);font-size:clamp(1.3rem,2.5vw,1.9rem);font-weight:800;color:var(--navy);line-height:1.2; }
.pdh-meta { display:flex;flex-wrap:wrap;align-items:center;gap:8px; }
.pdh-prazo,.pdh-contrato { font-size:.82rem;color:var(--ink-faint); }
.pdh-progress-wrap { display:flex;align-items:center;gap:10px;max-width:320px; }
.prog-pct { font-size:.78rem;color:var(--ink-faint);white-space:nowrap; }
.pdh-right { display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap; }

.campos-bar { display:flex;flex-wrap:wrap;gap:16px;padding:12px 24px;background:white;border-bottom:1px solid var(--line);align-items:center; }
.cb-item { display:flex;flex-direction:column;gap:2px; }
.cb-label { font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);font-weight:600; }
.cb-val { font-size:.88rem;color:var(--ink); }

.proj-controls { display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--bg);border-bottom:1px solid var(--line);flex-wrap:wrap; }
.view-toggle { display:flex;background:white;border:1.5px solid var(--line);border-radius:var(--radius);overflow:hidden;flex-shrink:0; }
.vt-btn { font-family:var(--sans);font-size:.8rem;font-weight:600;padding:6px 14px;border:none;background:transparent;cursor:pointer;color:var(--ink-soft);transition:all .13s; }
.vt-btn.active { background:var(--navy);color:white; }

.proj-split { display:grid;grid-template-columns:1fr 300px;gap:0;padding:0 24px 32px;margin-top:16px;align-items:start; }
.proj-view { min-width:0; }

/* ── FASES ───────────────────────────────────────────────── */
.fase-section { margin-bottom:12px; }
.fase-header { display:flex;align-items:center;gap:10px;padding:10px 14px;background:white;border:1.5px solid var(--line);border-radius:var(--radius);cursor:pointer;user-select:none;transition:all .14s; }
.fase-header:hover { border-color:var(--teal); }
.fase-cor { width:10px;height:10px;border-radius:50%;flex-shrink:0; }
.fase-nome { font-family:var(--display);font-weight:700;font-size:.97rem;color:var(--navy); }
.fase-count { font-size:.76rem;color:var(--ink-faint); }
.fase-progress-mini { width:60px;height:4px;background:var(--bg-2);border-radius:3px;overflow:hidden;flex-shrink:0; }
.pm-fill { height:100%;background:var(--ok); }
.fase-toggle { margin-left:4px;font-size:.7rem;color:var(--ink-faint);flex-shrink:0; }
.fase-body { margin-top:4px;display:flex;flex-direction:column;gap:3px;padding-left:14px;border-left:2px solid var(--line); }
.empty-fase { padding:10px 14px;font-size:.82rem;color:var(--ink-faint);font-style:italic; }
.ml-a { margin-left:auto; }

/* ── ACTIVITY ROWS ───────────────────────────────────────── */
.ativ-row { background:white;border:1px solid var(--line);border-radius:var(--radius);transition:all .14s; }
.ativ-row:hover { border-color:rgba(10,77,104,.3); }
.ativ-row.done { opacity:.6; }
.ativ-row.atrasada { border-left:3px solid var(--danger); }
.ar-main { display:flex;align-items:center;gap:9px;padding:10px 13px; }
.ar-check { background:none;border:none;cursor:pointer;font-size:1.05rem;width:26px;text-align:center;flex-shrink:0;color:var(--ink-faint);transition:color .14s; }
.ar-check:hover { color:var(--ok); }
.ar-status-dot { width:9px;height:9px;border-radius:50%;flex-shrink:0; }
.st-pendente { background:var(--ink-faint); } .st-andamento { background:var(--gold); } .st-ok { background:var(--ok); } .st-off { background:var(--line); }
.ar-icon { font-size:.9rem;flex-shrink:0; }
.sub-icon { color:var(--ink-faint); }
.ar-info { flex:1;min-width:0;display:flex;flex-direction:column;gap:1px; }
.ar-titulo { font-size:.88rem;font-weight:600;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.ar-desc { font-size:.74rem;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.ar-badges { display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap; }
.ar-prazo { font-size:.74rem;color:var(--ink-faint);font-variant-numeric:tabular-nums;white-space:nowrap; }
.sub-count { font-size:.7rem;color:var(--ink-faint);padding:2px 7px;background:var(--bg-2);border-radius:20px; }
.ar-actions { display:flex;gap:5px;flex-shrink:0;opacity:0;transition:opacity .14s; }
.ativ-row:hover .ar-actions { opacity:1; }
.avatar-mini { width:21px;height:21px;border-radius:50%;background:var(--navy);color:white;font-size:.62rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center; }
.subtarefas-list { margin-left:28px;margin-top:3px;display:flex;flex-direction:column;gap:2px; }
.subtarefas-list .ativ-row { background:rgba(240,240,240,.6);border-radius:6px; }

/* ── KANBAN ──────────────────────────────────────────────── */
.kanban-board { display:flex;gap:14px;padding:0 0 16px;overflow-x:auto;align-items:flex-start; }
.kanban-col { flex:0 0 280px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;max-height:70vh;display:flex;flex-direction:column; }
.kanban-col-head { padding:12px 14px 10px;background:var(--navy);display:flex;justify-content:space-between;align-items:center;flex-shrink:0; }
.kch-nome { font-family:var(--display);font-weight:700;font-size:.9rem;color:white; }
.kch-count { background:rgba(255,255,255,.2);color:white;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:20px; }
.kanban-cards { display:flex;flex-direction:column;gap:8px;padding:10px;overflow-y:auto;flex:1; }
.kanban-cards.drag-over { background:rgba(10,77,104,.06);outline:2px dashed var(--teal);border-radius:6px; }
.lead-card { background:white;border:1.5px solid var(--line);border-radius:var(--radius);padding:12px 13px;cursor:pointer;transition:all .16s;user-select:none; }
.lead-card:hover { border-color:var(--teal);transform:translateY(-2px);box-shadow:var(--shadow-lg); }
.lead-card.dragging { opacity:.4;transform:scale(.97); }
.lead-card.atrasada { border-left:3px solid var(--danger); }
.lc-top { display:flex;flex-direction:column;gap:2px;margin-bottom:8px; }
.lc-nome { font-family:var(--display);font-weight:700;font-size:.88rem;line-height:1.3;color:var(--navy);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.lc-empresa { font-size:.75rem;color:var(--ink-faint); }
.lc-valor { font-family:var(--display);font-size:.85rem;font-weight:700;color:var(--teal);margin-bottom:8px; }
.lc-foot { display:flex;align-items:center;gap:6px; }
.avatar { width:26px;height:26px;border-radius:50%;background:var(--navy);color:white;font-size:.62rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0; }

/* ── TIMELINE SIDEBAR ────────────────────────────────────── */
.timeline-side { padding:0 0 0 20px;position:sticky;top:calc(var(--topbar-h) + var(--subnav-h));max-height:calc(100vh - var(--topbar-h) - var(--subnav-h) - 20px);display:flex;flex-direction:column; }
.tl-side-head { display:flex;justify-content:space-between;align-items:center;padding:0 0 12px;border-bottom:1px solid var(--line);flex-shrink:0; }
.tl-side-head h3 { font-family:var(--display);font-size:1rem;font-weight:700;color:var(--navy); }
.timeline-scroll { overflow-y:auto;flex:1;border:1px solid var(--line);border-radius:var(--radius-lg);background:white;margin-top:12px; }
.tl-item { display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);transition:background .13s; }
.tl-item:last-child { border-bottom:none; }
.tl-item:hover { background:rgba(10,77,104,.02); }
.tl-dot { width:26px;height:26px;border-radius:50%;background:var(--bg);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0; }
.tl-content { flex:1;min-width:0; }
.tl-titulo { font-weight:600;font-size:.85rem;line-height:1.3;color:var(--navy);word-break:break-word; }
.tl-desc { font-size:.77rem;color:var(--ink-soft);margin-top:2px;line-height:1.4; }
.tl-meta { font-size:.7rem;color:var(--ink-faint);margin-top:4px; }

/* ── LOG ADMIN ───────────────────────────────────────────── */
.log-details { margin-top:14px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden; }
.log-details summary { padding:10px 14px;cursor:pointer;font-size:.82rem;font-weight:600;background:var(--bg-2);color:var(--ink-soft); }
.log-table-wrap { overflow-x:auto;max-height:260px;overflow-y:auto; }
.log-table { width:100%;border-collapse:collapse;font-size:.77rem; }
.log-table th,.log-table td { padding:7px 12px;border-bottom:1px solid var(--line);text-align:left; }
.log-table th { background:var(--bg);font-weight:600;color:var(--ink-faint);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em; }
.log-acao { font-size:.74rem;font-weight:600;padding:2px 7px;background:var(--warn-bg);color:#6b5900;border-radius:20px; }
.log-table a { color:var(--teal);text-decoration:none; }

/* ── MODALS ──────────────────────────────────────────────── */
.modal-overlay { position:fixed;inset:0;background:rgba(0,0,0,.48);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:200;opacity:0;visibility:hidden;transition:all .2s; }
.modal-overlay.open { opacity:1;visibility:visible; }
.modal { background:white;width:min(600px,100%);max-height:90vh;border-radius:var(--radius-lg);display:flex;flex-direction:column;box-shadow:0 40px 80px rgba(0,0,0,.3);transform:translateY(12px);transition:transform .2s;overflow:hidden; }
.modal-wide { width:min(800px,100%); }
.modal-overlay.open .modal { transform:translateY(0); }
.modal-head { display:flex;justify-content:space-between;align-items:flex-start;padding:18px 22px 14px;border-bottom:1px solid var(--line);background:var(--navy); }
.modal-eyebrow { font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6);font-weight:600;margin-bottom:3px; }
.modal-title { font-family:var(--display);font-size:1.2rem;font-weight:700;color:white; }
.modal-body { padding:18px 22px 24px;overflow-y:auto;display:flex;flex-direction:column;gap:14px; }

/* ── TOAST ───────────────────────────────────────────────── */
.toast { position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(14px);background:var(--navy);color:white;padding:10px 22px;border-radius:30px;font-size:.84rem;font-weight:500;border:2px solid var(--gold);box-shadow:var(--shadow-lg);z-index:300;opacity:0;visibility:hidden;transition:all .24s; }
.toast.show { opacity:1;visibility:visible;transform:translateX(-50%) translateY(0); }

/* ── KANBAN TOPBAR ───────────────────────────────────────── */
.kanban-topbar { display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:white;border-bottom:1px solid var(--line);flex-shrink:0;gap:14px;flex-wrap:wrap; }
.kanban-brand { display:flex;align-items:center;gap:10px; }
.kanban-brand select { font-family:var(--display);font-size:1rem;font-weight:700;background:none;border:none;color:var(--navy);cursor:pointer;padding:4px; }
.kanban-filters { display:flex;align-items:center;gap:10px; }
.kanban-filters input { font-family:var(--sans);font-size:.85rem;background:var(--bg);border:1.5px solid var(--line);border-radius:var(--radius);padding:7px 11px;width:180px; }

/* ── MODELOS ─────────────────────────────────────────────── */
.modelos-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px; }
.modelo-card { padding:18px 20px;display:flex;flex-direction:column;gap:10px;border-left:4px solid var(--gold); }
.modelo-card-nome { font-family:var(--display);font-weight:700;font-size:1.05rem;color:var(--navy); }
.modelo-card-desc { font-size:.82rem;color:var(--ink-soft);line-height:1.5; }
.modelo-stats { display:flex;gap:12px; }
.modelo-stat { font-size:.78rem;color:var(--ink-faint); }
.stages-list { display:flex;flex-direction:column;gap:0; }
.stage-row { display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--line); }
.stage-row:last-child { border-bottom:none; }
.stage-dot { width:10px;height:10px;border-radius:50%;flex-shrink:0; }
.stage-name { flex:1;font-weight:600;font-size:.9rem;color:var(--navy); }
.stage-actions { display:flex;gap:6px; }
.passos-list { display:flex;flex-direction:column; }
.passo-row { display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line); }
.passo-row:last-child { border-bottom:none; }
.passo-num { font-family:var(--display);font-weight:700;color:var(--gold);min-width:38px;font-size:.88rem; }
.passo-info { flex:1;min-width:0; }
.passo-nome { font-weight:600;font-size:.9rem;color:var(--navy); }

/* ── CALENDÁRIO SOCIAL ───────────────────────────────────── */
.cal-grid { display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden; }
.cal-header-cell { background:var(--navy);color:white;text-align:center;padding:10px 6px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase; }
.cal-cell { background:white;min-height:110px;padding:8px;display:flex;flex-direction:column;gap:4px;vertical-align:top; }
.cal-cell.outro-mes { background:var(--bg-2); }
.cal-cell.hoje { background:#f0f8ff; }
.cal-day { font-size:.8rem;font-weight:700;color:var(--navy);margin-bottom:4px; }
.cal-cell.hoje .cal-day { background:var(--teal);color:white;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center; }
.pub-chip { font-size:.68rem;font-weight:600;padding:2px 6px;border-radius:4px;border-left:2px solid;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:opacity .13s; }
.pub-chip:hover { opacity:.8; }
.pub-rascunho   { background:#f0f0f0;border-color:#aaa;color:#555; }
.pub-agendado   { background:#e8f4fd;border-color:var(--teal);color:var(--teal); }
.pub-publicado  { background:#edfaf3;border-color:var(--ok);color:var(--ok); }
.pub-cancelado  { background:#fdf0ee;border-color:var(--danger);color:var(--danger); }

/* ── FUNIS GRID ──────────────────────────────────────────── */
.funis-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px; }
.funil-card { padding:20px;display:flex;flex-direction:column;gap:12px;border-top:3px solid var(--teal); }
.funil-card-head { display:flex;justify-content:space-between;align-items:center;gap:10px; }
.funil-card-head h3 { font-family:var(--display);font-size:1.05rem;font-weight:700;color:var(--navy); }
.funil-desc { font-size:.83rem;color:var(--ink-soft);line-height:1.5; }
.funil-stages { display:flex;flex-wrap:wrap;gap:6px; }
.stage-chip { font-size:.72rem;padding:3px 9px;border-radius:20px;border:1.5px solid;font-weight:600; }
.funil-footer { display:flex;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--line); }
.funil-actions { display:flex;gap:6px; }

/* ── SCROLLBARS ──────────────────────────────────────────── */
::-webkit-scrollbar { width:8px;height:8px; }
::-webkit-scrollbar-track { background:transparent; }
::-webkit-scrollbar-thumb { background:var(--line);border-radius:6px;border:2px solid white; }

/* ── RESPONSIVO ──────────────────────────────────────────── */
@media(max-width:1024px) {
  .proj-split { grid-template-columns:1fr;padding:14px; }
  .timeline-side { position:static;max-height:none;padding:0;margin-top:20px; }
  .timeline-scroll { max-height:300px; }
  .dash-stats { grid-template-columns:1fr 1fr; }
  .dual-panel,.form-grid { grid-template-columns:1fr; }
}
@media(max-width:760px) {
  .page { padding:14px 12px 40px; }
  .mod-tab span.mod-ico { display:inline; }
  .topbar-brand .brand-name { display:none; }
  .user-badge { display:none; }
  .dash-stats { grid-template-columns:1fr; }
  .projetos-grid,.funis-grid,.modelos-grid { grid-template-columns:1fr; }
  .kanban-board { padding:8px; }
  .kanban-col { flex:0 0 250px; }
}