:root{
  color-scheme: light;
  --bg:#f5f7fb;
  --panel:#ffffff;
  --panel-2:#f8fafc;
  --panel-3:#eef2f7;
  --line:#e2e8f0;
  --line-strong:#cbd5e1;
  --text:#111827;
  --text-soft:#475569;
  --muted:#7b8798;
  --brand:#6d5dfc;
  --brand-2:#8f84ff;
  --brand-soft:rgba(109,93,252,.10);
  --shadow:0 18px 50px rgba(15,23,42,.08);
  --sidebar-bg:rgba(255,255,255,.96);
  --header-bg:rgba(245,247,251,.86);
  --success:#059669;
  --warning:#d97706;
  --danger:#dc2626;
  --info:#2563eb;
}

html[data-theme="dark"]{
  color-scheme: dark;
  --bg:#0b0d12;
  --panel:#11141b;
  --panel-2:#171b24;
  --panel-3:#202631;
  --line:#252b36;
  --line-strong:#343c49;
  --text:#f8fafc;
  --text-soft:#cbd5e1;
  --muted:#9098a8;
  --brand:#7667ff;
  --brand-2:#9b91ff;
  --brand-soft:rgba(118,103,255,.14);
  --shadow:0 18px 50px rgba(0,0,0,.24);
  --sidebar-bg:rgba(17,20,27,.96);
  --header-bg:rgba(11,13,18,.86);
  --success:#6ee7b7;
  --warning:#fcd34d;
  --danger:#fca5a5;
  --info:#93c5fd;
}

*{box-sizing:border-box}
html.auth-pending body{visibility:hidden}
html{scroll-behavior:smooth;background:var(--bg)}
body{min-width:320px;background:var(--bg)!important;color:var(--text)!important;transition:background-color .2s ease,color .2s ease}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
.hidden{display:none!important}

/* Tailwind semantic overrides so light/dark mode remains consistent */
.bg-ink{background-color:var(--bg)!important}
.bg-panel{background-color:var(--panel)!important}
.bg-panel2{background-color:var(--panel-2)!important}
.border-line{border-color:var(--line)!important}
.text-muted{color:var(--muted)!important}
.text-white{color:var(--text)!important}
html[data-theme="dark"] .text-white{color:#fff!important}

.scrollbar::-webkit-scrollbar{width:7px;height:7px}
.scrollbar::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:999px}
.scrollbar::-webkit-scrollbar-track{background:transparent}

/* Sidebar */
.sidebar{
  width:285px!important;
  background:var(--sidebar-bg)!important;
  border-color:var(--line)!important;
  box-shadow:18px 0 45px rgba(15,23,42,.05);
  transition:width .22s ease,transform .3s ease,background-color .2s ease;
}
html[data-theme="dark"] .sidebar{box-shadow:20px 0 60px rgba(0,0,0,.15)}
.sidebar-brand-logo{
  width:42px;height:42px;flex:0 0 42px;border-radius:14px;object-fit:cover;border:1px solid var(--line);box-shadow:0 6px 18px rgba(109,93,252,.18)
}
.sidebar-brand-copy,.sidebar-section-label,.nav-item span,.profile-copy,.profile-chevron{transition:opacity .14s ease,width .14s ease}
.sidebar-collapse-btn{display:none}
@media (min-width:1024px){.sidebar-collapse-btn{display:grid}}

.nav-item{
  position:relative;
  display:flex;width:100%;min-height:44px;align-items:center;gap:.8rem;
  border-radius:14px;padding:.72rem .85rem;color:var(--text-soft);font-size:.9rem;font-weight:650;
  transition:background-color .18s,color .18s,box-shadow .18s,padding .18s;
}
.nav-item i{width:18px;flex:0 0 18px;text-align:center;font-size:.95rem}
.nav-item:hover{background:var(--panel-2);color:var(--text)}
.nav-item.active{background:linear-gradient(90deg,var(--brand-soft),rgba(109,93,252,.03));color:var(--text);box-shadow:inset 3px 0 0 var(--brand)}
.nav-badge{margin-left:auto;border-radius:999px;background:var(--panel-3);padding:.12rem .48rem;font-size:.67rem;color:var(--text-soft)}
.nav-badge.danger{background:rgba(239,68,68,.12);color:var(--danger)}
.nav-badge.warning{background:rgba(245,158,11,.12);color:var(--warning)}

body.sidebar-collapsed .sidebar{width:88px!important}
body.sidebar-collapsed .sidebar-brand-copy,
body.sidebar-collapsed .sidebar-section-label,
body.sidebar-collapsed .nav-item>span,
body.sidebar-collapsed .profile-copy,
body.sidebar-collapsed .profile-chevron{display:none!important}
body.sidebar-collapsed .sidebar-brand-row{justify-content:center;padding-inline:14px}
body.sidebar-collapsed .sidebar-brand-main{gap:0}
body.sidebar-collapsed .sidebar-collapse-btn{position:absolute;right:-14px;top:27px;background:var(--panel);z-index:4}
body.sidebar-collapsed .sidebar-scroll{padding-left:11px;padding-right:11px}
body.sidebar-collapsed .nav-item{justify-content:center;padding:.72rem}
body.sidebar-collapsed .nav-item.active{box-shadow:inset 0 0 0 1px rgba(109,93,252,.25)}
body.sidebar-collapsed .nav-item i{font-size:1rem}
body.sidebar-collapsed .sidebar-profile{justify-content:center;padding:.7rem}
body.sidebar-collapsed .sidebar-profile-actions{display:none!important}

.sidebar-tooltip{
  position:fixed;z-index:1000;pointer-events:none;opacity:0;transform:translateY(-50%) translateX(-4px);
  background:#111827;color:#fff;padding:.48rem .65rem;border-radius:9px;font-size:.72rem;font-weight:700;
  box-shadow:0 8px 24px rgba(0,0,0,.18);transition:opacity .12s,transform .12s;white-space:nowrap
}
.sidebar-tooltip.show{opacity:1;transform:translateY(-50%) translateX(0)}

/* Header */
.app-header{background:var(--header-bg)!important;border-color:var(--line)!important;transition:background-color .2s ease}
.icon-btn{
  display:grid;height:42px;width:42px;flex:0 0 42px;place-items:center;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text-soft);transition:.18s
}
.icon-btn:hover{background:var(--panel-2);color:var(--text);border-color:var(--line-strong)}
.primary-btn,.secondary-btn{
  display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:.5rem;border-radius:13px;padding:.66rem .95rem;font-size:.84rem;font-weight:750;transition:.18s;white-space:nowrap
}
.primary-btn{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 8px 25px rgba(109,93,252,.18)}
.primary-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
.secondary-btn{border:1px solid var(--line);background:var(--panel);color:var(--text-soft)}
.secondary-btn:hover{background:var(--panel-2);color:var(--text);border-color:var(--line-strong)}

/* Surfaces */
.card,.metric-card,.compact-stat,.person-column,.request-card,.client-card,.team-card,.kanban-column,.content-card{
  border-color:var(--line)!important;background:var(--panel)!important;color:var(--text)!important;transition:background-color .2s ease,border-color .2s ease
}
.card{border:1px solid var(--line);border-radius:20px;padding:1.25rem;box-shadow:0 1px 0 rgba(15,23,42,.02)}
.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.card-head h2{font-size:1rem;font-weight:800}.card-head p{margin-top:.2rem;color:var(--muted);font-size:.78rem}
.metric-card{display:flex;gap:1rem;border:1px solid var(--line);border-radius:20px;padding:1.15rem}.metric-card.simple{min-height:120px}
.metric-icon{display:grid;height:46px;width:46px;flex:0 0 auto;place-items:center;border-radius:15px}
.metric-label{color:var(--muted);font-size:.75rem;font-weight:650}.metric-value{margin-top:.15rem;font-size:1.65rem;font-weight:850;letter-spacing:-.03em}.metric-trend{margin-top:.35rem;font-size:.7rem;font-weight:650}.metric-trend.positive{color:var(--success)}.metric-trend.warning{color:var(--warning)}.metric-trend.danger{color:var(--danger)}.metric-trend.neutral{color:var(--muted)}
html[data-theme="light"] .text-violet-300{color:#7c3aed!important}html[data-theme="light"] .text-blue-300{color:#2563eb!important}html[data-theme="light"] .text-amber-300{color:#b45309!important}html[data-theme="light"] .text-red-300{color:#dc2626!important}html[data-theme="light"] .text-emerald-300{color:#059669!important}

.soft-badge,.integration-pill{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);padding:.35rem .62rem;color:var(--text-soft);font-size:.68rem;font-weight:750}.soft-badge.success{border-color:rgba(16,185,129,.25);background:rgba(16,185,129,.1);color:var(--success)}
.stage-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel-2);padding:1rem}.stage-card span{display:block;color:var(--text-soft);font-size:.75rem}.stage-card b{display:block;margin-top:.25rem;font-size:1.55rem}.stage-card small{display:block;margin-top:.25rem;color:var(--muted);font-size:.68rem}.stage-dot{position:absolute;right:14px;top:14px;height:8px;width:8px;border-radius:999px}
.attention-row{display:flex;width:100%;align-items:center;gap:.75rem;border:1px solid var(--line);border-radius:16px;background:var(--panel-2);padding:.8rem;text-align:left;transition:.18s;color:var(--text)}.attention-row:hover{background:var(--panel-3)}.attention-row span:nth-child(2){min-width:0;flex:1}.attention-row b,.attention-row small{display:block}.attention-row b{font-size:.8rem}.attention-row small{margin-top:.16rem;color:var(--muted);font-size:.7rem}.attention-row>i{font-size:.65rem;color:var(--muted)}.attention-mark{height:9px;width:9px;flex:0 0 auto;border-radius:999px}
.team-progress-row{display:grid;grid-template-columns:minmax(110px,1fr) 2fr auto;align-items:center;gap:.8rem}.team-progress-row .who b,.team-progress-row .who span{display:block}.team-progress-row .who b{font-size:.82rem}.team-progress-row .who span{font-size:.68rem;color:var(--muted)}
.progress{height:8px;overflow:hidden;border-radius:999px;background:var(--panel-3)}.progress>span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--brand-2))}.link-btn{font-size:.72rem;font-weight:750;color:var(--brand)}
.post-row{display:flex;align-items:center;gap:.8rem;border:1px solid var(--line);border-radius:16px;background:var(--panel-2);padding:.8rem}.post-thumb{display:grid;height:48px;width:48px;flex:0 0 auto;place-items:center;border-radius:14px;background:var(--panel-3);color:var(--muted)}.post-row .post-copy{min-width:0;flex:1}.post-row b,.post-row small{display:block}.post-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.post-row small{margin-top:.15rem;color:var(--muted);font-size:.68rem}
.compact-stat{border:1px solid var(--line);border-radius:18px;padding:1rem}.compact-stat span{display:block;color:var(--muted);font-size:.74rem}.compact-stat b{display:block;margin-top:.2rem;font-size:1.5rem}
.filter-chip{min-height:38px;border:1px solid var(--line);border-radius:999px;background:var(--panel);padding:.5rem .85rem;color:var(--muted);font-size:.76rem;font-weight:750;white-space:nowrap}.filter-chip.active{border-color:rgba(109,93,252,.45);background:var(--brand-soft);color:var(--brand)}
.person-column{border:1px solid var(--line);border-radius:20px;padding:1rem}.person-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.85rem}
.task-item{border:1px solid var(--line);border-radius:16px;background:var(--panel-2);padding:.85rem}.task-item+.task-item{margin-top:.65rem}.task-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.tag{display:inline-flex;align-items:center;border-radius:999px;padding:.22rem .48rem;background:var(--panel-3);color:var(--text-soft);font-size:.62rem;font-weight:750}.tag.high{background:rgba(239,68,68,.12);color:var(--danger)}.tag.review{background:rgba(139,92,246,.13);color:#8b5cf6}.tag.client{background:rgba(245,158,11,.13);color:var(--warning)}.tag.done{background:rgba(16,185,129,.12);color:var(--success)}.task-item h3{font-size:.82rem;font-weight:800}.task-item p{margin-top:.2rem;color:var(--muted);font-size:.7rem}
.request-card{border:1px solid var(--line);border-radius:20px;padding:1rem}.request-card .top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.request-card h3{margin-top:.25rem;font-size:.95rem;font-weight:800}.request-card p{margin-top:.3rem;color:var(--muted);font-size:.78rem}.request-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.request-status{border-radius:999px;padding:.28rem .55rem;font-size:.65rem;font-weight:750;background:var(--panel-3);color:var(--text-soft)}.request-status.new{background:var(--brand-soft);color:var(--brand)}.request-status.analysis{background:rgba(245,158,11,.12);color:var(--warning)}.request-status.converted{background:rgba(16,185,129,.12);color:var(--success)}
.kanban-scroll{overflow-x:auto;padding-bottom:.4rem}.kanban-column{border:1px solid var(--line);border-radius:18px;padding:.8rem}.kanban-head{display:flex;align-items:center;justify-content:space-between;padding:.25rem .25rem .7rem}.kanban-head span{font-size:.78rem;font-weight:800}.kanban-head b{border-radius:999px;background:var(--panel-3);padding:.2rem .47rem;color:var(--text-soft);font-size:.62rem}.kanban-cards{display:flex;flex-direction:column;gap:.65rem}.kanban-card{border:1px solid var(--line);border-radius:15px;background:var(--panel-2);padding:.8rem}.kanban-card h4{font-size:.78rem;font-weight:800}.kanban-card p{margin-top:.25rem;color:var(--muted);font-size:.67rem}.kanban-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.7rem;color:var(--muted);font-size:.65rem}
.avatar-mini{display:grid;height:28px;width:28px;place-items:center;border-radius:9px;background:var(--panel-3);font-size:.6rem;font-weight:800;color:var(--text-soft)}
.select-ui,.input-ui,.textarea-ui{min-height:42px;border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:.62rem .8rem;color:var(--text);font-size:.82rem;outline:none;transition:.18s}.select-ui:focus,.input-ui:focus,.textarea-ui:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(109,93,252,.12)}.select-ui option{background:var(--panel);color:var(--text)}
.content-card{overflow:hidden;border:1px solid var(--line);border-radius:20px}.content-preview{display:grid;min-height:160px;place-items:center;background:radial-gradient(circle at 20% 10%,rgba(109,93,252,.15),transparent 35%),var(--panel-2);color:var(--muted);font-size:2rem}.content-body{padding:1rem}.content-body h3{font-size:.92rem;font-weight:800}.content-body p{margin-top:.2rem;color:var(--muted);font-size:.72rem}.content-footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-top:1rem}.status-pill{border-radius:999px;padding:.28rem .55rem;font-size:.62rem;font-weight:800}.status-pill.producao{background:rgba(59,130,246,.12);color:var(--info)}.status-pill.revisao{background:rgba(139,92,246,.12);color:#8b5cf6}.status-pill.cliente{background:rgba(245,158,11,.12);color:var(--warning)}.status-pill.programado{background:rgba(16,185,129,.12);color:var(--success)}.status-pill.publicado{background:rgba(148,163,184,.12);color:var(--text-soft)}
.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid var(--line)}.data-table th{color:var(--muted);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.data-table td{font-size:.76rem}
.client-card{border:1px solid var(--line);border-radius:20px;padding:1rem}.client-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.client-card h3{margin-top:.2rem;font-size:1rem;font-weight:800}.client-grid-meta{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1rem}.mini-box{border:1px solid var(--line);border-radius:13px;background:var(--panel-2);padding:.7rem}.mini-box span,.mini-box b{display:block}.mini-box span{font-size:.63rem;color:var(--muted)}.mini-box b{margin-top:.2rem;font-size:.8rem}.integration-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1rem;font-size:.68rem;color:var(--muted)}.dot-online{display:inline-block;height:7px;width:7px;margin-right:.35rem;border-radius:999px;background:#10b981}
.metric-list>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:.75rem 0}.metric-list>div:last-child{border-bottom:0}.metric-list span{color:var(--muted);font-size:.75rem}.metric-list b{font-size:.82rem}
.report-row{display:flex;align-items:center;gap:.8rem;border:1px solid var(--line);border-radius:15px;background:var(--panel-2);padding:.8rem}.file-icon{display:grid;height:42px;width:42px;place-items:center;border-radius:12px;background:rgba(239,68,68,.1);color:var(--danger)}.report-row .copy{min-width:0;flex:1}.report-row b,.report-row small{display:block}.report-row b{font-size:.78rem}.report-row small{color:var(--muted);font-size:.66rem}
.team-card{border:1px solid var(--line);border-radius:20px;padding:1rem}.avatar{display:grid;height:48px;width:48px;place-items:center;border-radius:15px;background:var(--brand-soft);color:var(--brand);font-weight:850}.team-card h3{font-size:.9rem;font-weight:800}.team-card p{color:var(--muted);font-size:.7rem}.team-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:1rem}.team-stats>div{border:1px solid var(--line);border-radius:12px;background:var(--panel-2);padding:.65rem;text-align:center}.team-stats b,.team-stats span{display:block}.team-stats b{font-size:.9rem}.team-stats span{margin-top:.12rem;color:var(--muted);font-size:.58rem}
.eyebrow{font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:var(--muted)}

/* Modal */
.modal-wrap{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1rem}.modal-overlay{position:absolute;inset:0;background:rgba(2,6,23,.58);backdrop-filter:blur(4px)}.modal-card{position:relative;z-index:1;width:min(640px,100%);max-height:calc(100vh - 2rem);overflow:auto;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow);color:var(--text)}.field-grid{display:grid;gap:1rem}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field label{display:block;margin-bottom:.4rem;color:var(--text-soft);font-size:.72rem;font-weight:750}.toast{position:fixed;right:20px;bottom:20px;z-index:100;border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:.8rem 1rem;color:var(--text);font-size:.78rem;font-weight:700;box-shadow:var(--shadow);max-width:min(420px,calc(100vw - 40px))}

/* Login */
.login-page{min-height:100vh;background:var(--bg);color:var(--text)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.75fr)}
.login-visual{position:relative;overflow:hidden;padding:clamp(32px,5vw,72px);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 22% 20%,rgba(109,93,252,.18),transparent 35%),linear-gradient(145deg,#090a0f 0%,#111225 55%,#0b0d12 100%);color:#fff}
.login-visual:after{content:"";position:absolute;inset:auto -10% -28% 20%;height:60%;background:radial-gradient(circle,rgba(142,79,255,.22),transparent 63%);filter:blur(18px)}
.login-brand{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.login-brand img{width:54px;height:54px;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.12)}.login-brand strong{display:block;font-size:1.15rem}.login-brand span{display:block;margin-top:2px;font-size:.72rem;color:rgba(255,255,255,.6);letter-spacing:.12em;text-transform:uppercase}
.login-copy{position:relative;z-index:1;max-width:680px}.login-copy .kicker{font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#bdb6ff}.login-copy h1{margin-top:14px;font-size:clamp(2.4rem,5vw,5.2rem);line-height:.98;letter-spacing:-.055em;font-weight:850}.login-copy p{margin-top:18px;max-width:580px;color:rgba(255,255,255,.68);font-size:1rem;line-height:1.7}.login-feature-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.login-feature{border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.04);padding:14px}.login-feature i{color:#b9b2ff}.login-feature b{display:block;margin-top:10px;font-size:.78rem}.login-feature span{display:block;margin-top:4px;color:rgba(255,255,255,.48);font-size:.66rem;line-height:1.45}
.login-panel{display:flex;align-items:center;justify-content:center;padding:28px;background:var(--panel)}.login-card{width:min(440px,100%)}.login-logo-mobile{display:none}.login-card h2{font-size:1.7rem;font-weight:850;letter-spacing:-.03em}.login-card>p{margin-top:8px;color:var(--muted);font-size:.86rem;line-height:1.6}.login-form{margin-top:26px}.login-field{margin-top:16px}.login-field label{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:var(--text-soft);font-size:.73rem;font-weight:750}.login-input-wrap{position:relative}.login-input-wrap i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.8rem}.login-input{width:100%;min-height:50px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2);padding:0 44px;color:var(--text);font-size:.9rem;outline:none;transition:.18s}.login-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(109,93,252,.10);background:var(--panel)}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:10px;color:var(--muted)}.password-toggle:hover{background:var(--panel-3);color:var(--text)}.login-submit{width:100%;min-height:50px;margin-top:22px}.login-separator{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--muted);font-size:.68rem}.login-separator:before,.login-separator:after{content:"";height:1px;flex:1;background:var(--line)}.demo-btn{width:100%}.login-status{min-height:20px;margin-top:13px;font-size:.74rem}.login-status.error{color:var(--danger)}.login-status.success{color:var(--success)}.firebase-note{margin-top:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2);padding:12px;color:var(--muted);font-size:.68rem;line-height:1.55}.firebase-note strong{color:var(--text-soft)}
.theme-fab{position:fixed;right:20px;top:20px;z-index:30}

@media(max-width:1023px){
  .sidebar{width:285px!important}
  body.sidebar-collapsed .sidebar{width:285px!important}
  body.sidebar-collapsed .sidebar-brand-copy,body.sidebar-collapsed .sidebar-section-label,body.sidebar-collapsed .nav-item>span,body.sidebar-collapsed .profile-copy,body.sidebar-collapsed .profile-chevron{display:initial!important}
  body.sidebar-collapsed .nav-item{justify-content:flex-start;padding:.72rem .85rem}
  body.sidebar-collapsed .sidebar-brand-row{justify-content:space-between;padding-inline:20px}
  body.sidebar-collapsed .sidebar-profile{justify-content:flex-start;padding:.7rem}
  body.sidebar-collapsed .sidebar-profile-actions{display:flex!important}
  .login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh;padding:24px}.login-logo-mobile{display:flex;align-items:center;gap:12px;margin-bottom:28px}.login-logo-mobile img{width:48px;height:48px;object-fit:cover;border-radius:14px}.login-logo-mobile b{display:block}.login-logo-mobile span{display:block;margin-top:2px;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}
}
@media(max-width:640px){.field-grid.two{grid-template-columns:1fr}.team-progress-row{grid-template-columns:1fr auto}.team-progress-row .progress{grid-column:1/-1}.login-panel{align-items:flex-start;padding-top:72px}.login-card h2{font-size:1.45rem}}

/* InnovaMKT Firebase / production states */
body.app-loading main{opacity:.72;pointer-events:none}
.priority-badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--panel-3);padding:.26rem .52rem;color:var(--text-soft);font-size:.62rem;font-weight:800}
.priority-badge.priority-high{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.22);color:var(--warning)}
.priority-badge.priority-urgent{background:rgba(239,68,68,.10);border-color:rgba(239,68,68,.22);color:var(--danger)}
.today-task{display:flex;align-items:center;justify-content:space-between;gap:.8rem;border:1px solid var(--line);border-radius:15px;background:var(--panel-2);padding:.8rem}
.today-task b,.today-task small{display:block}.today-task b{font-size:.78rem}.today-task small{margin-top:.2rem;color:var(--muted);font-size:.66rem}
.request-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.request-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--line)}
.kanban-list{display:flex;flex-direction:column;gap:.65rem}.kanban-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.55rem;margin-top:.75rem;color:var(--muted);font-size:.63rem}.kanban-meta span{display:inline-flex;align-items:center;gap:.3rem}
.opacity-60{opacity:.6}
@media(max-width:640px){.request-top,.request-bottom{flex-direction:column;align-items:stretch}.request-bottom .flex{width:100%}.request-bottom button{flex:1}}

/* InnovaMKT v3: media, notifications and manual performance */
.notification-badge{position:absolute;right:-4px;top:-4px;display:grid;min-width:19px;height:19px;place-items:center;border:2px solid var(--bg);border-radius:999px;background:#ef4444;padding:0 4px;color:#fff;font-size:.58rem;font-weight:900;line-height:1}
.notification-panel{position:fixed;right:18px;top:72px;z-index:75;width:min(420px,calc(100vw - 24px));max-height:min(620px,calc(100vh - 92px));overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow);color:var(--text)}
.notification-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:16px}.notification-panel-head h3{margin-top:2px;font-size:1rem;font-weight:850}.notification-list{max-height:520px;overflow:auto;padding:8px}.notification-item{display:grid;width:100%;grid-template-columns:40px minmax(0,1fr) 8px;align-items:start;gap:10px;border-radius:14px;padding:11px;text-align:left;transition:.15s}.notification-item:hover{background:var(--panel-2)}.notification-item.unread{background:var(--brand-soft)}.notification-icon{display:grid;height:38px;width:38px;place-items:center;border-radius:12px;background:var(--panel-3);color:var(--text-soft)}.notification-icon.overdue{background:rgba(239,68,68,.12);color:var(--danger)}.notification-icon.demand{background:rgba(59,130,246,.12);color:#60a5fa}.notification-icon.request{background:rgba(245,158,11,.12);color:var(--warning)}.notification-icon.content{background:rgba(139,92,246,.12);color:#a78bfa}.notification-copy{min-width:0}.notification-copy b,.notification-copy small,.notification-copy em{display:block}.notification-copy b{font-size:.76rem}.notification-copy small{margin-top:3px;color:var(--text-soft);font-size:.68rem;line-height:1.4}.notification-copy em{margin-top:5px;color:var(--muted);font-size:.59rem;font-style:normal}.notification-unread-dot{margin-top:7px;height:7px;width:7px;border-radius:999px;background:#ef4444}
.content-preview{position:relative;display:grid;width:100%;height:205px;place-items:center;overflow:hidden;border:0;border-bottom:1px solid var(--line);background:linear-gradient(135deg,var(--panel-2),var(--panel-3));color:var(--muted);font-size:2rem;text-align:left}.content-preview img,.content-preview video{width:100%;height:100%;object-fit:cover}.media-count{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(5,8,15,.72);padding:5px 8px;color:#fff;font-size:.62rem;font-weight:800;backdrop-filter:blur(6px)}
.file-ui{min-height:48px;border:1px dashed var(--line);border-radius:14px;background:var(--panel-2);padding:10px;color:var(--text-soft);font-size:.76rem}.file-ui::file-selector-button{margin-right:10px;border:0;border-radius:10px;background:var(--brand-soft);padding:8px 10px;color:var(--brand);font-weight:800;cursor:pointer}.media-existing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.media-existing a{display:grid;min-height:78px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);color:var(--text-soft);font-size:.65rem;text-align:center}.media-existing img{width:100%;height:82px;object-fit:cover}.media-existing span{padding:10px}.media-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-detail-grid img,.media-detail-grid video{width:100%;max-height:300px;border:1px solid var(--line);border-radius:14px;background:#000;object-fit:cover}.media-file-link{display:flex;min-height:90px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:14px;background:var(--panel-2);padding:14px;color:var(--text-soft)}.danger-action{color:var(--danger)!important}
.search-results{display:grid;gap:6px;max-height:420px;overflow:auto}.search-result{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;background:var(--panel-2);padding:10px;text-align:left}.search-result:hover{border-color:var(--brand);background:var(--panel-3)}.search-result b,.search-result small{display:block}.search-result b{font-size:.75rem}.search-result small{margin-top:2px;color:var(--muted);font-size:.63rem}.metric-source-icon{background:var(--brand-soft);color:var(--brand)}
@media(max-width:640px){.notification-panel{right:12px;top:68px}.notification-panel-head{align-items:flex-start;flex-direction:column}.media-existing{grid-template-columns:repeat(2,minmax(0,1fr))}.media-detail-grid{grid-template-columns:1fr}.content-preview{height:180px}}
.media-existing-item{position:relative;min-width:0}.media-existing-item>a{height:100%}.media-remove-btn{position:absolute;right:5px;top:5px;display:grid;height:26px;width:26px;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(0,0,0,.72);color:#fff;font-size:.65rem}.media-remove-btn:hover{background:#b91c1c}

/* InnovaMKT v4: calendário estratégico */
.calendar-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;align-items:end}
.calendar-search-field{grid-column:span 1}
.calendar-search-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.72rem;pointer-events:none}
.calendar-upcoming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.calendar-opportunity{display:flex;gap:12px;border:1px solid var(--line);border-radius:18px;background:var(--panel-2);padding:14px;min-width:0}
.calendar-date-box{display:flex;width:58px;height:64px;flex:0 0 58px;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:15px;background:var(--panel-3)}
.calendar-date-box b{font-size:1.35rem;line-height:1;font-weight:900;letter-spacing:-.04em}.calendar-date-box span{margin-top:5px;color:var(--muted);font-size:.62rem;font-weight:800;text-transform:uppercase}
.calendar-date-box.compact{width:52px;height:56px;flex-basis:52px}.calendar-date-box.compact b{font-size:1.1rem}.calendar-date-box.compact span{font-size:.56rem}
.calendar-opportunity h3{margin-top:7px;font-size:.86rem;font-weight:850}.calendar-opportunity p{margin-top:4px;color:var(--muted);font-size:.68rem;line-height:1.5}
.calendar-type{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 7px;background:var(--panel-3);color:var(--text-soft);font-size:.58rem;font-weight:850}
.calendar-type.holiday{background:rgba(239,68,68,.10);color:var(--danger)}.calendar-type.optional{background:rgba(245,158,11,.10);color:var(--warning)}.calendar-type.marketing{background:var(--brand-soft);color:var(--brand)}.calendar-type.sector{background:rgba(59,130,246,.10);color:#60a5fa}.calendar-type.awareness{background:rgba(236,72,153,.10);color:#f472b6}.calendar-type.commemorative{background:rgba(16,185,129,.10);color:var(--success)}
.calendar-niches{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.calendar-niches span{border:1px solid var(--line);border-radius:999px;background:var(--panel);padding:3px 6px;color:var(--muted);font-size:.56rem;font-weight:700}
.calendar-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}
.calendar-months{display:grid;gap:18px}.calendar-month-block{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel-2)}
.calendar-month-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:13px 15px;background:var(--panel-3)}.calendar-month-head div{display:flex;align-items:baseline;gap:7px}.calendar-month-head span:first-child{font-size:.9rem;font-weight:850}.calendar-month-head b{color:var(--muted);font-size:.68rem}
.calendar-date-list{display:grid}.calendar-date-row{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line)}.calendar-date-row:last-child{border-bottom:0}.calendar-date-row h3{font-size:.78rem;font-weight:850}.calendar-date-row p{margin-top:4px;color:var(--muted);font-size:.66rem;line-height:1.45}.calendar-row-actions{display:flex;flex:0 0 auto;gap:5px;margin-left:auto}
@media(max-width:1280px){.calendar-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar-upcoming-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.calendar-filters{grid-template-columns:1fr 1fr}.calendar-search-field{grid-column:1/-1}.calendar-upcoming-grid{grid-template-columns:1fr}.calendar-date-row{flex-wrap:wrap}.calendar-row-actions{width:100%;margin-left:64px}.calendar-opportunity{align-items:flex-start}}
@media(max-width:460px){.calendar-filters{grid-template-columns:1fr}.calendar-search-field{grid-column:auto}.calendar-row-actions{margin-left:0}.calendar-date-box{width:50px;flex-basis:50px}}
