/* ============================================================
   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;align-items:center;justify-content:flex-end; }
.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;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;min-height:0; }
.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;gap:16px; }
.tl-block { display:flex;flex-direction:column;flex:1 1 50%;min-height:0; }
.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;min-height:0;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); }

/* ══════════════════════════════════════════════════════════
   SOCIAL MEDIA — CALENDÁRIO (layout idêntico à v1)
   ══════════════════════════════════════════════════════════ */

/* Layout geral */
.cal-layout {
    display:grid;
    grid-template-columns:230px 1fr;
    min-height:calc(100vh - var(--topbar-h) - var(--subnav-h));
    align-items:start;
}

/* ── SIDEBAR ──────────────────────────────────────────── */
.cal-side {
    background:white;
    border-right:1px solid var(--line);
    position:sticky;
    top:calc(var(--topbar-h) + var(--subnav-h));
    height:calc(100vh - var(--topbar-h) - var(--subnav-h));
    overflow-y:auto;
    display:flex;
    flex-direction:column;
}
.cal-side::-webkit-scrollbar { width:4px; }
.cal-side::-webkit-scrollbar-thumb { background:var(--line);border-radius:4px; }

/* Seletor de cliente */
.cal-client { padding:16px 14px 12px; border-bottom:1px solid var(--line); }
.cal-client-label {
    display:block;
    font-size:.66rem;
    text-transform:uppercase;
    letter-spacing:.12em;
    font-weight:700;
    color:var(--ink-faint);
    margin-bottom:6px;
}
.cal-client select {
    width:100%;
    font-family:var(--sans);
    font-size:.83rem;
    background:white;
    border:1.5px solid var(--line);
    border-radius:var(--radius);
    padding:7px 9px;
    color:var(--ink);
}
.cal-client select:focus { outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(10,77,104,.1); }
.cal-client-fixed { font-size:.9rem;font-weight:600;color:var(--navy); }

/* Vigência do contrato */
.cal-period {
    padding:8px 14px;
    font-size:.74rem;
    color:var(--ink-faint);
    border-bottom:1px solid var(--line);
    background:var(--bg);
}

/* Lista de meses */
.cal-months { flex:1; padding:8px 0; }
.cal-year {
    padding:10px 14px 4px;
    font-family:var(--display);
    font-size:.82rem;
    font-weight:800;
    color:var(--navy);
}
.cal-month {
    display:flex;
    align-items:center;
    padding:8px 14px;
    text-decoration:none;
    color:var(--ink-soft);
    font-size:.85rem;
    border-left:3px solid transparent;
    transition:all .13s;
    gap:6px;
}
.cal-month:hover  { background:rgba(10,77,104,.05);color:var(--teal);border-left-color:rgba(10,77,104,.3); }
.cal-month.on     { background:rgba(10,77,104,.09);color:var(--teal);border-left-color:var(--teal);font-weight:600; }
.cal-month-name   { flex:1; }
.cal-month-badge  {
    display:none;
    font-size:.68rem;
    font-weight:700;
    background:var(--teal);
    color:white;
    min-width:18px;
    height:18px;
    border-radius:20px;
    text-align:center;
    line-height:18px;
    padding:0 5px;
}
.cal-month-badge.show { display:block; }
.cal-month.on .cal-month-badge { background:var(--gold);color:var(--navy); }

/* Aviso sem contrato */
.cal-warn {
    padding:14px;
    font-size:.82rem;
    color:var(--ink-faint);
    line-height:1.6;
}
.cal-warn a { color:var(--teal); }

/* Rodapé da sidebar */
.cal-side-foot { padding:12px 14px;border-top:1px solid var(--line);margin-top:auto; }

/* Legenda de status */
.legend { display:flex;flex-direction:column;gap:5px;margin-bottom:12px; }
.legend-item { display:flex;align-items:center;gap:7px;font-size:.78rem;color:var(--ink-soft); }
.dot { width:9px;height:9px;border-radius:50%;flex-shrink:0;display:inline-block; }

/* Botão de exportar */
.export-wrap { position:relative; }
.export-menu {
    position:absolute;
    bottom:calc(100% + 4px);
    left:0;right:0;
    background:white;
    border:1.5px solid var(--line);
    border-radius:var(--radius);
    box-shadow:var(--shadow-lg);
    overflow:hidden;
    z-index:50;
}
.export-menu a {
    display:block;
    padding:10px 14px;
    font-size:.83rem;
    color:var(--ink-soft);
    text-decoration:none;
    transition:background .13s;
}
.export-menu a:hover { background:var(--bg);color:var(--teal); }

/* ── MAIN: cabeçalho + grade ──────────────────────────── */
.cal-main { padding:20px 22px 40px;background:var(--bg);min-width:0;overflow:hidden; }

.cal-head {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:16px;
    gap:12px;
    flex-wrap:wrap;
}
.cal-title {
    font-family:var(--display);
    font-size:1.9rem;
    font-weight:800;
    color:var(--navy);
    line-height:1;
}
.count-pill {
    background:white;
    border:1.5px solid var(--line);
    border-radius:20px;
    padding:5px 14px;
    font-size:.83rem;
    color:var(--ink-soft);
    white-space:nowrap;
}
.count-pill strong { color:var(--teal); }

/* Grade do calendário */
.calendar-scroll { overflow-x:auto; }
.calendar-inner  { min-width:560px; max-width:100%; overflow:hidden; }

.weekdays {
    display:grid;
    grid-template-columns:repeat(7,1fr);
    background:var(--navy);
    border-radius:var(--radius-lg) var(--radius-lg) 0 0;
    overflow:hidden;
}
.weekdays span {
    text-align:center;
    padding:9px 4px;
    font-size:.68rem;
    text-transform:uppercase;
    letter-spacing:.1em;
    color:rgba(255,255,255,.75);
    font-weight:700;
}

.calendar-grid {
    display:grid;
    grid-template-columns:repeat(7, minmax(0, 1fr));
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
    border-top:none;
    border-radius:0 0 var(--radius-lg) var(--radius-lg);
    overflow:hidden;
    box-shadow:var(--shadow);
}

.day-cell {
    background:white;
    min-height:120px;
    min-width:0;        /* impede flex/grid de expandir além de 1fr */
    padding:8px 7px;
    cursor:pointer;
    transition:background .13s;
    display:flex;
    flex-direction:column;
    gap:3px;
    overflow:hidden;    /* corta qualquer conteúdo que ultrapasse a célula */
}
.day-cell:hover   { background:rgba(10,77,104,.04); }
.day-cell.empty   { background:var(--bg-2);cursor:default;pointer-events:none; }
.day-cell.today   { background:#f0f8ff; }
.day-num {
    font-size:.8rem;
    font-weight:700;
    color:var(--navy);
    display:inline-flex;
    width:24px;
    height:24px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    margin-bottom:2px;
    flex-shrink:0;
}
.day-cell.today .day-num { background:var(--teal);color:white; }
.day-events { display:flex;flex-direction:column;gap:2px;flex:1;overflow:hidden;min-width:0; }

/* Chips de publicação na grade */
.event-tag {
    font-size:.67rem;
    font-weight:600;
    padding:2px 5px 2px 6px;
    border-radius:3px;
    border-left:3px solid;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:opacity .13s;
    min-width:0;        /* impede o item de expandir além da track */
    max-width:100%;     /* garante que não ultrapasse o pai */
    display:block;
    box-sizing:border-box;
}
.event-tag:hover { opacity:.8; }
.event-more { font-size:.66rem;color:var(--ink-faint);padding-left:3px; }

/* ── Status: cores por fase do workflow ─────────────────── */
.bl-ideia     { border-color:#9e9e9e;background:#f5f5f5;color:#555; }
.bl-producao  { border-color:#e67e22;background:#fef5eb;color:#7d4000; }
.bl-aprovacao { border-color:#8e44ad;background:#f9f0ff;color:#5a2d7a; }
.bl-aprovado  { border-color:#2ecc71;background:#eafaf1;color:#1a6b3a; }
.bl-em_ajuste { border-color:#e67e22;background:#fef5eb;color:#7d4000; }
.bl-agendado  { border-color:var(--teal);background:#e8f4f8;color:var(--teal); }
.bl-publicado { border-color:var(--ok);background:var(--ok-bg);color:#155236; }
.bl-cancelado { border-color:var(--danger);background:var(--danger-bg);color:var(--danger); }

.st-bg-ideia     { background:#9e9e9e; }
.st-bg-producao  { background:#e67e22; }
.st-bg-aprovacao { background:#8e44ad; }
.st-bg-agendado  { background:var(--teal); }
.st-bg-publicado { background:var(--ok); }
.st-bg-cancelado { background:var(--danger); }

/* ── Modal: lista de posts do dia ────────────────────────── */
.day-posts { margin-bottom:14px; }
.day-post-item {
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border:1px solid var(--line);
    border-radius:var(--radius);
    margin-bottom:6px;
    background:white;
    transition:border-color .13s;
}
.day-post-item:hover { border-color:var(--teal); }
.pi-dot { width:10px;height:10px;border-radius:50%;flex-shrink:0; }
.pi-main { flex:1;min-width:0; }
.pi-title { font-size:.87rem;font-weight:600;color:var(--navy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.pi-meta  { font-size:.75rem;color:var(--ink-faint); }
.pi-time  { font-size:.78rem;color:var(--ink-faint);white-space:nowrap;font-variant-numeric:tabular-nums; }

/* ── Modal: formulário de publicação ─────────────────────── */
.post-form { border-top:1px solid var(--line);padding-top:14px; }
.post-form .form-grid { gap:12px; }
.chips {
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    padding:4px 0;
}
.chip {
    font-family:var(--sans);
    font-size:.78rem;
    font-weight:600;
    padding:5px 11px;
    border-radius:20px;
    border:1.5px solid var(--line);
    background:white;
    cursor:pointer;
    color:var(--ink-soft);
    transition:all .13s;
}
.chip:hover { border-color:var(--teal);color:var(--teal); }
.chip.on    { background:var(--teal);border-color:var(--teal);color:white; }
.readonly-note {
    padding:16px;
    text-align:center;
    font-size:.88rem;
    color:var(--ink-faint);
    font-style:italic;
}

/* ── Responsivo ──────────────────────────────────────────── */
@media(max-width:880px){
    .cal-layout { grid-template-columns:1fr; }
    .cal-side {
        position:static;
        height:auto;
        border-right:none;
        border-bottom:1px solid var(--line);
        flex-direction:row;
        flex-wrap:wrap;
    }
    .cal-client  { border-bottom:none;border-right:1px solid var(--line);min-width:180px; }
    .cal-months  { display:flex;overflow-x:auto;flex:1;scrollbar-width:none;padding:4px 0; }
    .cal-months::-webkit-scrollbar { display:none; }
    .cal-year    { writing-mode:vertical-rl;transform:rotate(180deg);padding:8px 8px; font-size:.72rem; }
    .cal-month   { flex-direction:column;gap:2px;padding:6px 10px;white-space:nowrap;border-left:none;border-bottom:3px solid transparent;border-radius:0; }
    .cal-month.on { border-bottom-color:var(--teal);background:rgba(10,77,104,.06); }
    .cal-side-foot { display:none; }
}
.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;min-width:0;padding:8px;display:flex;flex-direction:column;gap:4px;vertical-align:top;overflow:hidden; }
.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;min-width:0;max-width:100%; }
.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; }

  /* Tabelas: permitir rolagem horizontal em vez de quebrar o layout */
  .table-card { overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .data-table { min-width:560px; }

  /* Modais: ocupar quase toda a largura/altura da tela e reduzir respiro */
  .modal-overlay { padding:10px; }
  .modal { width:100%; max-height:calc(100vh - 20px); }
  .modal-head { padding:14px 16px 12px; }
  .modal-body { padding:14px 16px 18px; }
  .modal-title { font-size:1.05rem; }

  /* Cabeçalhos de página e ações: empilhar quando necessário */
  .page-head { align-items:flex-start; }
  .page-head .page-title { font-size:1.3rem; }
  .head-actions { width:100%; }
  .head-actions .btn,
  .head-actions a.btn { flex:1 1 auto; text-align:center; }

  /* Detalhe de lead/projeto: botões de ação ocupam a largura toda */
  .proj-detalhe-head { padding:14px 16px; }
  .pdh-right { width:100%; }
  .pdh-right .btn,
  .pdh-right a.btn { flex:1 1 auto; text-align:center; }
  .pdh-progress-wrap { max-width:none; width:100%; }

  /* Topbar do Kanban CRM/Projetos: filtros em coluna, input ocupa espaço */
  .kanban-topbar { padding:10px 12px; gap:10px; }
  .kanban-filters { width:100%; }
  .kanban-filters input { flex:1; min-width:0; width:auto; }

  /* Formulários de planejamento (chips de plataformas etc.) */
  .chips { gap:8px; }
  .chip { padding:7px 12px; }

  /* Dropdowns/menus de transferência: não vazar para fora da tela */
  .dropdown-menu, .transf-menu, .transf-dd { min-width:160px; max-width:calc(100vw - 32px); }
}

/* ── TELAS MUITO PEQUENAS (celulares estreitos) ──────────── */
@media(max-width:420px) {
  .page { padding:10px 8px 36px; }
  .page-head .page-title { font-size:1.15rem; }
  .modal-overlay { padding:0; }
  .modal { width:100%; max-height:100vh; border-radius:0; }
  .kanban-col { flex:0 0 84vw; }
  .pdh-nome { font-size:1.25rem; }
  .form-actions { flex-wrap:wrap; }
  .form-actions .btn,
  .form-actions a.btn { flex:1 1 auto; text-align:center; }
}

/* Animação de destaque no dia do calendário */
@keyframes dayBlink {
  0%,100% { background: #fff; }
  50%      { background: rgba(10,77,104,.12); }
}
.day-cell.day-blink {
  animation: dayBlink 1s ease-in-out 4;
  border: 2px solid var(--teal, #0a4d68);
  border-radius: 4px;
}

/* Atividade em aprovação — lilás + bloqueio de interação */
.ativ-row.em-aprovacao {
  background: rgba(142,68,173,.07);
  border-left: 3px solid #8e44ad;
  opacity: .85;
}
.ativ-row.em-aprovacao .ar-titulo { color: #8e44ad; font-style: italic; }
.ativ-row.em-aprovacao::after {
  content: '\1F50D Aguardando aprovação';
  font-size: .7rem; color: #8e44ad; font-weight: 600;
  margin-left: auto; white-space: nowrap; padding-right: 8px;
}
.lead-card.em-aprovacao {
  border-left: 3px solid #8e44ad;
  background: rgba(142,68,173,.07);
}

/* Inputs sempre contidos no field sem overflow */
.field input[type="text"],
.field input[type="number"] {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

/* Menu de perfil do usuário */
.user-avatar-btn       { display:flex;align-items:center;gap:8px;cursor:pointer;background:none;border:none;padding:4px 6px;border-radius:8px;transition:background .12s }
.user-avatar-btn:hover { background:rgba(255,255,255,.1) }
.user-avatar           { width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3);flex-shrink:0 }
.user-avatar-initials  { width:34px;height:34px;border-radius:50%;background:var(--teal);color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0 }
.foto-input-wrap       { position:relative;display:inline-block }
.foto-input-wrap input[type=file]{ position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100% }