*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}
:root{
  --blue:#2563EB;--blue-dark:#1D4ED8;--blue-light:#EFF6FF;--blue-mid:#BFDBFE;
  --orange:#F97316;--orange-light:#FFF7ED;--orange-mid:#FED7AA;
  --green:#10B981;--green-light:#D1FAE5;--green-dark:#065F46;
  --purple:#8B5CF6;--purple-light:#EDE9FE;--purple-dark:#6D28D9;
  --amber:#F59E0B;--amber-light:#FEF3C7;
  --red:#EF4444;--red-light:#FEE2E2;
  --sb-w:268px;--top-h:60px;
  --bg:#F8FAFC;--surface:#FFFFFF;--surface2:#F1F5F9;--border:#E2E8F0;--border2:#CBD5E1;
  --text:#475569;--muted:#64748B;--heading:#0F172A;--sb:#0F172A;
  --r:12px;--r-lg:16px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.05);
  --shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
  --shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.05);
  --shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.05);
  --shadow-xl:0 20px 25px -5px rgba(0,0,0,.08),0 8px 10px -6px rgba(0,0,0,.04);
  --font:'Inter',system-ui,-apple-system,sans-serif;
  --font-heading:'Space Grotesk','Inter',system-ui,sans-serif;
}
[data-theme="dark"]{
  --bg:#030712;--surface:#111827;--surface2:#1F2937;--border:#1F2937;--border2:#374151;
  --text:#D1D5DB;--muted:#8B95A5;--heading:#F9FAFB;
  --blue-light:rgba(37,99,235,.12);--blue-mid:rgba(37,99,235,.25);
  --orange-light:rgba(249,115,22,.1);--green-light:rgba(16,185,129,.1);
  --purple-light:rgba(139,92,246,.12);--amber-light:rgba(245,158,11,.1);--red-light:rgba(239,68,68,.1);
  --shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow:0 1px 3px rgba(0,0,0,.3);
  --shadow-md:0 4px 6px rgba(0,0,0,.3);--shadow-lg:0 10px 15px rgba(0,0,0,.3);--shadow-xl:0 20px 25px rgba(0,0,0,.3);
}
body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;min-height:100vh;transition:background .3s,color .3s;overflow-x:hidden}

::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--muted)}

/* ─── SIDEBAR ─── */
.sidebar{width:var(--sb-w);background:linear-gradient(180deg,#0F172A 0%,#1E293B 100%);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:200;overflow:hidden;transition:transform .35s cubic-bezier(.4,0,.2,1);border-right:1px solid rgba(255,255,255,.06)}
.sb-logo{padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;display:flex;align-items:center;gap:12px}
.sb-logo-img{width:40px;height:40px;border-radius:10px;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,255,255,.12);box-shadow:0 4px 12px rgba(0,0,0,.3)}
.sb-brand{font-family:var(--font-heading);font-size:20px;font-weight:700;color:#fff;letter-spacing:-.5px;line-height:1}
.sb-brand em{color:var(--orange);font-style:normal}
.sb-sub{font-size:9px;color:rgba(255,255,255,.3);letter-spacing:.16em;text-transform:uppercase;margin-top:3px;font-weight:500}
.sb-collapse-btn{width:32px;height:32px;min-width:32px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:rgba(255,255,255,.5);flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:none}
.sb-collapse-btn:hover{border-color:var(--orange);color:#fff;background:rgba(255,255,255,.12)}
.sb-collapse-btn .lucide{width:16px;height:16px}
.sb-phase{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}
.sb-phase-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;background:rgba(139,92,246,.2);border:1px solid rgba(139,92,246,.35);font-size:9px;font-weight:700;color:#C4B5FD;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.sb-phase-badge span{width:6px;height:6px;border-radius:50%;background:#A78BFA;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
.sb-phase-title{font-size:11px;font-weight:600;color:rgba(255,255,255,.75);margin-bottom:3px}
.sb-phase-sub{font-size:9px;color:rgba(255,255,255,.3)}
.sb-prog{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}
.sb-prog-row{display:flex;justify-content:space-between;font-size:9px;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-weight:500}
.sb-prog-row strong{color:rgba(255,255,255,.9)}
.prog-bar{height:4px;background:rgba(255,255,255,.06);border-radius:2px;overflow:hidden}
.prog-fill{height:100%;background:linear-gradient(90deg,var(--purple),var(--orange));border-radius:2px;transition:width .8s cubic-bezier(.4,0,.2,1)}
.sb-nav{flex:1;overflow-y:auto;padding:10px 0;scrollbar-width:none}
.sb-nav::-webkit-scrollbar{display:none}
.sb-nav-section{padding:14px 20px 6px;font-size:9px;color:rgba(255,255,255,.2);text-transform:uppercase;letter-spacing:.16em;font-weight:600}
.nav-item{display:flex;align-items:center;gap:10px;padding:10px 20px;cursor:pointer;transition:all .15s;border:none;background:transparent;width:100%;text-align:left;border-radius:0;position:relative}
.nav-item::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--orange);border-radius:0 3px 3px 0;transition:height .2s}
.nav-item:hover{background:rgba(255,255,255,.04)}
.nav-item.active{background:rgba(255,255,255,.07)}
.nav-item.active::before{height:24px}
.nav-item.active .nav-icon{color:#fff}
.nav-item.active .nav-label{color:#fff;font-weight:700}
.nav-icon{font-size:15px;width:22px;text-align:center;color:rgba(255,255,255,.35);transition:color .15s}
.nav-info{flex:1;min-width:0}
.nav-label{font-size:12.5px;color:rgba(255,255,255,.6);line-height:1.2;font-weight:500}
.nav-badge{font-size:9px;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap}
.nb-new{background:rgba(239,68,68,.2);color:#FCA5A5}
.nb-ok{background:rgba(16,185,129,.2);color:#6EE7B7}
.nb-info{background:rgba(37,99,235,.2);color:#93C5FD}
.roteiro-iframe{width:100%;height:85vh;border:none;border-radius:0 0 12px 12px;display:block}
.sb-footer{padding:14px 20px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}
.sb-contact{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.04);text-decoration:none;transition:all .15s;border:1px solid transparent;cursor:pointer}
.sb-contact:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.08)}
.sb-contact-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--orange));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.sb-contact-info{min-width:0}
.sb-contact-name{font-size:11px;font-weight:600;color:rgba(255,255,255,.85);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-contact-role{font-size:8.5px;color:rgba(255,255,255,.3)}
.sb-contact-switch{font-size:7px;color:rgba(255,255,255,.2);margin-top:1px;text-transform:uppercase;letter-spacing:.08em}

/* ─── MAIN ─── */
.main{margin-left:var(--sb-w);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}
.topbar{position:sticky;top:0;z-index:100;background:rgba(248,250,252,.85);border-bottom:1px solid var(--border);padding:0 32px;height:var(--top-h);display:flex;align-items:center;justify-content:space-between;gap:14px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
[data-theme="dark"] .topbar{background:rgba(3,7,18,.85)}
.tb-tabs{display:flex;gap:2px;background:var(--surface2);border-radius:10px;padding:3px;border:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tb-tabs::-webkit-scrollbar{display:none}
.tb-tab{padding:7px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:none;background:transparent;color:var(--muted);transition:all .2s;display:flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0}
.tb-tab:hover{color:var(--heading)}
.tb-tab.active{background:var(--surface);color:var(--heading);box-shadow:var(--shadow-sm)}
.tb-right{display:flex;align-items:center;gap:8px}
.ico-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);font-size:14px;transition:all .2s;box-shadow:var(--shadow-sm)}
.ico-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light);transform:translateY(-1px);box-shadow:var(--shadow)}
.mob-menu{display:none}
.stat-card[onclick]{cursor:pointer;transition:all .25s}.stat-card[onclick]:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.stat-card[onclick]:active{transform:translateY(-1px)}

/* ─── BREADCRUMB / BACK NAV ─── */
.breadcrumb-bar{display:flex;align-items:center;gap:10px;padding:8px 32px;background:var(--surface);border-bottom:1px solid var(--border);font-size:12px;color:var(--muted)}
.breadcrumb-bar .back-btn{display:none;align-items:center;gap:4px;padding:5px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;font-family:var(--font)}
.breadcrumb-bar .back-btn:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}
.breadcrumb-bar .breadcrumb-text{font-weight:600;color:var(--heading)}
.breadcrumb-bar .breadcrumb-sep{color:var(--border2)}

/* ─── CONTENT ─── */
.content{padding:28px 32px 80px;display:flex;flex-direction:column;gap:24px;flex:1;max-width:100%;width:100%}
.tab-panel{display:none;flex-direction:column;gap:24px;animation:fadeIn .35s ease}
.tab-panel.active{display:flex}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* ─── GRID HELPERS ─── */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}

/* ─── CARD ─── */
.card{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s}
.card:hover{box-shadow:var(--shadow)}
.card-hdr{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}
.card-title{font-size:13px;font-weight:700;color:var(--heading);display:flex;align-items:center;gap:8px;font-family:var(--font)}
.card-title-icon{font-size:15px}
.card-body{padding:20px}
.card-badge{font-size:9px;font-weight:700;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.06em}

/* ─── STAT CARDS ─── */
.stat-card{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border);padding:20px;position:relative;overflow:hidden;transition:all .25s;box-shadow:var(--shadow-sm);cursor:pointer}
.stat-card:active{transform:scale(.97)}
.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0}
.stat-card.blue::before{background:linear-gradient(90deg,var(--blue),#60A5FA)}.stat-card.green::before{background:linear-gradient(90deg,var(--green),#34D399)}.stat-card.orange::before{background:linear-gradient(90deg,var(--orange),#FB923C)}.stat-card.purple::before{background:linear-gradient(90deg,var(--purple),#A78BFA)}.stat-card.amber::before{background:linear-gradient(90deg,var(--amber),#FCD34D)}
.stat-n{font-size:28px;font-weight:800;line-height:1;margin-bottom:6px;font-family:var(--font-heading)}
.stat-card.blue .stat-n{color:var(--blue)}.stat-card.green .stat-n{color:var(--green)}.stat-card.orange .stat-n{color:var(--orange)}.stat-card.purple .stat-n{color:var(--purple)}.stat-card.amber .stat-n{color:var(--amber)}
.stat-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.stat-sub{font-size:9px;color:var(--muted);margin-top:4px;display:flex;align-items:center;gap:4px}

/* ─── HERO STATUS CARD ─── */
.hero-card{background:linear-gradient(135deg,#4C1D95 0%,var(--purple) 40%,#7C3AED 70%,#A78BFA 100%);border-radius:var(--r-lg);padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(124,58,237,.25)}
.hero-card::before{content:'';position:absolute;top:-60px;right:-60px;width:250px;height:250px;border-radius:50%;background:rgba(255,255,255,.06)}
.hero-card::after{content:'';position:absolute;bottom:-80px;right:100px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.04)}
.hero-info{position:relative;z-index:1}
.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:5px 14px;font-size:9px;font-weight:700;color:rgba(255,255,255,.9);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;backdrop-filter:blur(8px)}
.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:#A7F3D0;animation:pulse 2s infinite;box-shadow:0 0 6px rgba(167,243,208,.5)}
.hero-title{font-size:22px;font-weight:800;color:#fff;margin-bottom:6px;line-height:1.2;font-family:var(--font-heading)}
.hero-sub{font-size:12.5px;color:rgba(255,255,255,.7);max-width:460px;line-height:1.6}
.hero-right{text-align:right;position:relative;z-index:1;flex-shrink:0}
.hero-val{font-size:40px;font-weight:800;color:#fff;line-height:1;font-family:var(--font-heading)}
.hero-val-l{font-size:9px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.1em;margin-top:3px;font-weight:600}
.hero-actions{display:flex;gap:10px;margin-top:14px;justify-content:flex-end}
.btn{padding:9px 18px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px;font-family:var(--font)}
.btn:active{transform:scale(.97)}
.btn-white{background:rgba(255,255,255,.95);color:var(--purple-dark);box-shadow:0 2px 8px rgba(0,0,0,.15)}.btn-white:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}
.btn-ghost-white{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(4px)}.btn-ghost-white:hover{background:rgba(255,255,255,.18)}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 2px 8px rgba(37,99,235,.3)}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.35)}
.btn-success{background:var(--green);color:#fff;box-shadow:0 2px 8px rgba(16,185,129,.3)}.btn-success:hover{background:var(--green-dark)}
.btn-outline{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-outline:hover{border-color:var(--blue);color:var(--blue)}
.btn-danger{background:var(--red);color:#fff;box-shadow:0 2px 8px rgba(239,68,68,.3)}

/* ─── APPROVAL CARD ─── */
.approval-card{background:linear-gradient(135deg,#1E3A5F 0%,var(--blue-dark) 100%);border-radius:var(--r-lg);padding:24px 28px;border:1px solid rgba(37,99,235,.25);display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 8px 24px rgba(37,99,235,.15)}
.approval-info .lbl{font-size:9px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;font-weight:600}
.approval-info .ttl{font-size:17px;font-weight:700;color:#fff;margin-bottom:4px;font-family:var(--font-heading)}
.approval-info .sub{font-size:11.5px;color:rgba(255,255,255,.6);line-height:1.6}
.approval-right{flex-shrink:0;text-align:right}
.approval-price{font-size:28px;font-weight:800;color:#fff;line-height:1;font-family:var(--font-heading)}
.approval-price-l{font-size:9px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-weight:600}

/* ─── TIMELINE ─── */
.timeline{padding:6px 0}
.tl-item{display:flex;gap:16px;padding:16px 0;position:relative}
.tl-item:not(:last-child)::before{content:'';position:absolute;left:18px;top:42px;bottom:0;width:2px;background:var(--border);border-radius:1px}
.tl-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;border:2px solid transparent;position:relative;z-index:1;transition:all .3s}
.tl-dot.done{background:var(--green-light);border-color:var(--green);color:var(--green)}
.tl-dot.active{background:var(--purple-light);border-color:var(--purple);color:var(--purple);animation:ring 2.5s infinite}
@keyframes ring{0%,100%{box-shadow:0 0 0 0 rgba(139,92,246,.3)}50%{box-shadow:0 0 0 8px rgba(139,92,246,0)}}
.tl-dot.upcoming{background:var(--surface2);border-color:var(--border);color:var(--muted)}
.tl-dot.locked{background:var(--surface2);border-color:var(--border);color:var(--muted);opacity:.5}
.tl-content{flex:1;min-width:0;padding-top:6px}
.tl-header{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}
.tl-title{font-size:13.5px;font-weight:700;color:var(--heading)}
.tl-badge{font-size:8px;font-weight:700;padding:3px 10px;border-radius:10px;text-transform:uppercase;letter-spacing:.06em}
.tl-b-done{background:var(--green-light);color:var(--green-dark)}.tl-b-active{background:var(--purple-light);color:var(--purple-dark)}.tl-b-next{background:var(--blue-light);color:var(--blue-dark)}.tl-b-locked{background:var(--surface2);color:var(--muted)}
.tl-desc{font-size:11.5px;color:var(--muted);line-height:1.5}
.tl-price{font-size:12.5px;font-weight:700;color:var(--heading);margin-top:5px}
.tl-date{font-size:10px;color:var(--muted);margin-top:3px}
.tl-admin-btns{display:inline-flex;gap:4px;margin-left:auto}
.tl-edit-btn,.tl-del-btn{background:none;border:1px solid var(--border);cursor:pointer;font-size:10px;width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .15s}
.tl-edit-btn:hover{background:var(--blue-light);color:var(--blue);border-color:var(--blue-mid)}
.tl-del-btn:hover{background:var(--red-light);color:var(--red);border-color:var(--red)}

/* ─── FEEDBACK BOARD ─── */
.feedback-card{background:var(--surface);border-radius:var(--r);border:1px solid var(--border);padding:18px;transition:all .2s;box-shadow:var(--shadow-sm)}
.feedback-card:hover{border-color:var(--blue-mid);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.fb-post-title{font-size:12.5px;font-weight:600;color:var(--heading);margin-bottom:10px;line-height:1.4}
.fb-stars{display:flex;gap:3px;margin-bottom:10px}
.fb-star{font-size:20px;cursor:pointer;color:#E2E8F0;transition:all .15s;user-select:none}
.fb-star:hover,.fb-star.active{color:#FBBF24}
.fb-star:hover{transform:scale(1.2)}
.fb-note{width:100%;border:1.5px solid var(--border);border-radius:8px;padding:9px 12px;font-size:11px;color:var(--text);background:var(--surface2);resize:none;font-family:var(--font);line-height:1.5;height:64px;transition:all .2s}
.fb-note:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.fb-actions{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.fb-saved{font-size:9px;color:var(--green);display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .3s;font-weight:600}
.fb-saved.show{opacity:1}

/* ─── REQUESTS ─── */
.request-item{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid var(--border);transition:background .15s}
.request-item:last-child{border-bottom:none;padding-bottom:0}
.req-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.req-content{flex:1}
.req-title{font-size:13px;font-weight:600;color:var(--heading);margin-bottom:3px}
.req-desc{font-size:11.5px;color:var(--muted);line-height:1.5}
.req-date{font-size:9px;color:var(--muted);margin-top:5px;display:flex;align-items:center;gap:4px;font-weight:500}
.req-status{flex-shrink:0;font-size:9px;font-weight:700;padding:4px 12px;border-radius:12px}
.rs-pendente{background:#FEF3C7;color:#92400E}.rs-done{background:var(--green-light);color:var(--green-dark)}.rs-novo{background:var(--blue-light);color:var(--blue-dark)}

/* ─── ACTIVITY FEED ─── */
.activity-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);transition:background .15s}
.activity-item:last-child{border-bottom:none}
.act-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}
.act-content{flex:1}
.act-text{font-size:11.5px;color:var(--text);line-height:1.5}
.act-text strong{color:var(--heading);font-weight:700}
.act-time{font-size:9px;color:var(--muted);margin-top:3px;font-weight:500}
.act-del-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:11px;padding:4px 6px;border-radius:6px;transition:all .15s;flex-shrink:0;align-self:center}
.act-del-btn:hover{background:var(--red-light);color:var(--red)}

/* ─── CALENDAR ─── */
.cal-mhdr{background:linear-gradient(135deg,var(--purple-dark),var(--purple));padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-radius:var(--r-lg) var(--r-lg) 0 0}
.cal-mhdr .t{font-size:14px;font-weight:700;color:#fff;font-family:var(--font-heading)}
.cal-mhdr .s{font-size:10px;color:rgba(255,255,255,.55)}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);min-width:0;overflow:hidden}
.cal-head{background:rgba(139,92,246,.85);color:#fff;text-align:center;font-size:8px;font-weight:700;padding:8px 2px;text-transform:uppercase;letter-spacing:.06em}
.cal-cell{min-height:56px;min-width:0;border:1px solid var(--border);padding:6px 7px;background:var(--surface);position:relative;transition:all .15s;overflow:hidden}
.cal-cell.empty{background:var(--surface2);border-color:transparent}
.cal-cell.inactive{background:var(--surface2);opacity:.35}
.cal-cell.hp{cursor:pointer}
.cal-cell.hp.a-p{background:var(--blue-light);border-color:var(--blue-mid)}
.cal-cell.hp.c-p{background:var(--green-light);border-color:#A7F3D0}
.cal-cell.hp.v-p{background:var(--orange-light);border-color:var(--orange-mid)}
.cal-cell.hp:hover{filter:brightness(.96);transform:scale(1.02)}
.cal-cell.today{box-shadow:inset 0 0 0 2px var(--orange)}
.cal-dn{font-size:10px;font-weight:700;color:var(--heading);display:block;margin-bottom:2px}
.cal-cell.empty .cal-dn,.cal-cell.inactive .cal-dn{color:var(--muted)}
.cal-badge{font-size:7px;padding:1px 5px;border-radius:3px;font-weight:700;display:inline-block;line-height:1.4}
.cb-a{background:var(--blue);color:#fff}.cb-c{background:var(--green);color:#fff}.cb-v{background:var(--orange);color:#fff}
.cal-ev{font-size:7px;color:var(--muted);margin-top:2px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-sdot{position:absolute;top:5px;right:6px;width:7px;height:7px;border-radius:50%;border:1.5px solid var(--surface);box-shadow:var(--shadow-sm)}

/* ─── POST CARDS ─── */
.post-item{display:grid;grid-template-columns:52px 4px 1fr auto;gap:0 12px;align-items:stretch;background:var(--surface);border-radius:var(--r);border:1px solid var(--border);overflow:hidden;transition:all .2s;margin-bottom:12px;box-shadow:var(--shadow-sm)}
.post-item:last-child{margin-bottom:0}
.post-item:hover{box-shadow:var(--shadow-md);border-color:var(--blue-mid);transform:translateY(-1px)}
.post-date{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 6px;flex-shrink:0}
.post-day-n{font-size:22px;font-weight:800;color:#fff;line-height:1;font-family:var(--font-heading)}
.post-wday{font-size:7px;color:rgba(255,255,255,.7);text-transform:uppercase;margin-top:2px;font-weight:600}
.post-stripe{flex-shrink:0;border-radius:2px}
.post-body{padding:12px 12px 12px 0;min-width:0;flex:1}
.post-top{display:flex;align-items:center;gap:6px;margin-bottom:5px;flex-wrap:wrap}
.post-type-badge{font-size:8px;padding:3px 8px;border-radius:6px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.post-num{font-size:8px;color:var(--muted);font-weight:500}
.sede-badge{font-size:8px;padding:2px 7px;border-radius:5px;font-weight:700;letter-spacing:.04em;white-space:nowrap}
/* ─── INSTAGRAM METRICS TABLE ─── */
.ig-table{width:100%;border-collapse:collapse;font-size:12px;min-width:820px}
.ig-table th{position:sticky;top:0;background:var(--surface2);padding:10px 12px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:right;border-bottom:2px solid var(--border);white-space:nowrap}
.ig-table th:first-child{text-align:left}
.ig-table th .lucide{width:11px;height:11px;vertical-align:-1px;margin-right:2px}
.ig-table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:right;color:var(--text);font-variant-numeric:tabular-nums}
.ig-table td:first-child{text-align:left}
.ig-table tbody tr{transition:background .1s}
.ig-table tbody tr:hover{background:var(--surface2)}
.ig-table tbody tr[data-ig-hidden]{display:none}
.ig-table tfoot td{padding:12px;font-weight:700;color:var(--heading);border-top:2px solid var(--border);background:var(--surface2)}
.ig-post-cell{display:flex;align-items:center;gap:10px;min-width:0}
.ig-post-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
.ig-post-info{min-width:0}
.ig-post-title{font-size:11px;font-weight:600;color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.ig-post-meta{font-size:9px;color:var(--muted);margin-top:1px}
.ig-val{font-weight:600}
.ig-val.zero{color:var(--muted);opacity:.4}
.ig-eng{font-weight:700;padding:3px 8px;border-radius:10px;font-size:10px;display:inline-block}
.ig-eng.high{background:var(--green-light);color:#065F46}
.ig-eng.mid{background:var(--orange-light);color:#92400E}
.ig-eng.low{background:var(--surface2);color:var(--muted)}
.ig-sede-badge{font-size:8px;padding:2px 7px;border-radius:5px;font-weight:700;letter-spacing:.04em;white-space:nowrap;display:inline-block}
.post-title{font-size:12px;font-weight:700;color:var(--heading);margin-bottom:4px;line-height:1.35}
.post-desc{font-size:10.5px;color:var(--muted);line-height:1.5}
.post-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.post-tag{font-size:7px;padding:2px 7px;border-radius:4px;background:var(--surface2);border:1px solid var(--border);color:var(--muted);font-weight:500}
.post-actions{padding:12px 16px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:10px;min-width:156px;border-left:1px solid var(--border)}
.s-sel{font-size:10px;font-weight:600;padding:6px 24px 6px 10px;border-radius:8px;border:1.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24'%3E%3Cpath fill='%2394A3B8' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;width:100%;transition:all .2s}
.s-sel:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.post-note-btn{font-size:9px;color:var(--muted);cursor:pointer;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;transition:all .15s;font-weight:500}
.post-note-btn:hover{color:var(--blue)}
.post-fb-row{display:flex;gap:3px}
.post-fb-star{font-size:14px;cursor:pointer;color:var(--border);transition:all .15s;user-select:none}
.post-fb-star.active{color:#FBBF24}

/* ─── PLAN CARDS ─── */
.plan-card{border-radius:var(--r-lg);border:1px solid var(--border);overflow:hidden;transition:all .25s;box-shadow:var(--shadow-sm)}
.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}
.plan-card.featured{border-color:var(--blue);box-shadow:0 0 0 2px rgba(37,99,235,.12),var(--shadow-lg)}
.plan-hdr{padding:24px;text-align:center}
.plan-name{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-family:var(--font-heading)}
.plan-price{font-size:36px;font-weight:800;color:var(--heading);line-height:1;font-family:var(--font-heading)}
.plan-price-sub{font-size:11px;color:var(--muted);margin-top:4px}
.plan-body{padding:0 24px 24px}
.plan-feature{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);font-size:11.5px;color:var(--text)}
.plan-feature:last-child{border-bottom:none}
.plan-feature-icon{font-size:14px;flex-shrink:0;margin-top:1px}
.plan-cta{margin:16px 24px 24px;display:block}

/* ─── CONTRACT TAB ─── */
.contract-section{margin-bottom:24px}
.contract-section-title{font-size:12px;font-weight:700;color:var(--heading);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:2px solid var(--border);font-family:var(--font-heading)}
.contract-row{display:flex;justify-content:space-between;align-items:flex-start;padding:11px 0;border-bottom:1px solid var(--border)}
.contract-row:last-child{border-bottom:none}
.cr-label{font-size:11.5px;color:var(--muted);flex-shrink:0;max-width:40%}
.cr-value{font-size:12px;font-weight:600;color:var(--heading);text-align:right;max-width:58%}
.payment-row{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:var(--r);background:var(--surface2);border:1px solid var(--border);margin-bottom:10px;transition:all .2s}
.payment-row:hover{border-color:var(--blue-mid);box-shadow:var(--shadow)}
.pr-phase{font-size:12px;font-weight:700;color:var(--heading)}
.pr-period{font-size:10px;color:var(--muted);margin-top:2px}
.pr-amount{font-size:18px;font-weight:800;color:var(--blue);font-family:var(--font-heading)}
.pr-status{font-size:9px;font-weight:700;padding:4px 10px;border-radius:12px}

/* ─── PROGRESS RINGS ─── */
.ring-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}
.ring{position:relative;width:88px;height:88px}
.ring svg{transform:rotate(-90deg)}
.ring-bg{fill:none;stroke:var(--border);stroke-width:5}
.ring-fill{fill:none;stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}
.ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;color:var(--heading);font-family:var(--font-heading)}
.ring-sub{font-size:10px;color:var(--muted);text-align:center;font-weight:600}

/* ─── PILLAR STATS ─── */
.pillar-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--border)}
.pillar-row:last-child{border-bottom:none}
.pillar-icon-badge{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}
.pillar-bar-wrap{flex:1}
.pillar-bar-label{display:flex;justify-content:space-between;font-size:10px;font-weight:600;color:var(--heading);margin-bottom:5px}
.pillar-bar{height:6px;border-radius:3px;background:var(--border);overflow:hidden}
.pillar-bar-fill{height:100%;border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1)}
.pillar-count{font-size:11px;font-weight:700;color:var(--muted);flex-shrink:0;width:40px;text-align:right}

/* ─── CRON TOGGLE ─── */
.cron-toggle{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}
.cron-toggle:hover{background:var(--blue-light);border-color:var(--blue-mid)}
.cron-toggle-label{font-size:12.5px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}
.cron-arrow{font-size:12px;color:var(--muted);transition:transform .3s}
.cron-arrow.open{transform:rotate(180deg)}
.cron-frame-wrap{display:none;border-radius:var(--r);overflow:hidden;border:1px solid var(--border);margin-top:10px;box-shadow:var(--shadow);max-height:80vh;overflow-y:auto}
.cron-frame-wrap.open{display:block}

/* ─── COLLAPSIBLE CARDS ─── */
.card-hdr.collapsible{cursor:pointer;user-select:none;transition:background .15s}
.card-hdr.collapsible:hover{background:var(--surface2)}
.card-collapse-arrow{font-size:11px;color:var(--muted);transition:transform .3s;flex-shrink:0;margin-left:8px;line-height:1}
.card.collapsed .card-collapse-arrow{transform:rotate(-90deg)}
.card.collapsed>.card-body{display:none}
.card.collapsed>#calJunho,.card.collapsed>#calJulho{display:none}
.card.collapsed>.month-content{display:none}
.card.collapsed>.card-hdr{border-bottom-color:transparent}
/* ─── CARD COLLAPSED SUMMARY ─── */
.card-summary{display:none;padding:18px 22px}
.card.collapsed>.card-summary{display:block}
.etapas-summary{display:flex;flex-direction:column;gap:14px}
.etapas-summary-current{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--purple-light);border-radius:12px;border:1px solid rgba(139,92,246,.15)}
.etapas-summary-current .es-dot{width:32px;height:32px;border-radius:50%;background:var(--purple);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;animation:ring 2.5s infinite}
.etapas-summary-current .es-info{flex:1;min-width:0}
.etapas-summary-current .es-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--purple);margin-bottom:2px}
.etapas-summary-current .es-title{font-size:12.5px;font-weight:700;color:var(--text);line-height:1.3}
.etapas-summary-current .es-date{font-size:10px;color:var(--muted);margin-top:2px}
.etapas-progress{display:flex;align-items:center;gap:6px}
.etapas-progress .ep-step{height:6px;border-radius:3px;flex:1;transition:background .3s}
.etapas-progress .ep-step.done{background:var(--green)}
.etapas-progress .ep-step.active{background:var(--purple)}
.etapas-progress .ep-step.upcoming{background:var(--border)}
.etapas-progress .ep-step.locked{background:var(--border);opacity:.4}
.etapas-progress-label{display:flex;justify-content:space-between;align-items:center}
.etapas-progress-label span{font-size:9.5px;color:var(--muted);font-weight:600}
.etapas-next{display:flex;align-items:center;gap:8px;font-size:10.5px;color:var(--muted);line-height:1.4}
.etapas-next .en-icon{font-size:13px;flex-shrink:0}
/* ─── MONTH SECTIONS ─── */
.month-content{display:flex;flex-direction:column;gap:20px;padding:20px}
.month-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}
.month-card>.card-hdr{padding:18px 22px}
.months-coming{border:2px dashed var(--border);background:transparent;box-shadow:none}
.months-coming:hover{box-shadow:none}

/* ─── UTILS ─── */
.tag{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:700;padding:4px 10px;border-radius:10px;text-transform:uppercase;letter-spacing:.06em}
.tag-purple{background:var(--purple-light);color:var(--purple-dark)}.tag-blue{background:var(--blue-light);color:var(--blue-dark)}.tag-green{background:var(--green-light);color:var(--green-dark)}.tag-orange{background:var(--orange-light);color:#92400E}.tag-gray{background:var(--surface2);color:var(--muted)}

/* ─── MODAL ─── */
.modal-bg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:500;align-items:center;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.modal-bg.open{display:flex}
.modal-box{background:var(--surface);border-radius:var(--r-lg);padding:28px;width:460px;max-width:90vw;box-shadow:var(--shadow-xl);border:1px solid var(--border);animation:modalIn .25s ease}
@keyframes modalIn{from{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
.modal-title{font-size:16px;font-weight:700;color:var(--heading);margin-bottom:16px;font-family:var(--font-heading)}
.modal-box textarea{width:100%;min-height:100px;border:1.5px solid var(--border);border-radius:10px;padding:12px 14px;font-size:12.5px;color:var(--text);background:var(--surface2);resize:vertical;font-family:var(--font);line-height:1.5;transition:all .2s}
.modal-box textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}
.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}

/* ─── TOAST ─── */
.toast{position:fixed;bottom:28px;right:28px;background:var(--heading);color:#fff;padding:13px 22px;border-radius:var(--r);font-size:13px;font-weight:600;z-index:999;opacity:0;transform:translateY(12px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-xl);font-family:var(--font)}
.toast.show{opacity:1;transform:translateY(0) scale(1)}
.toast.toast-error{background:var(--red)}

/* ─── AUTH GATE ─── */
#authGate{position:fixed;inset:0;z-index:99999;background:linear-gradient(135deg,#020617 0%,#0F172A 40%,#1a1040 100%);display:flex;align-items:center;justify-content:center;transition:opacity .5s ease,transform .5s ease}
#authGate::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(249,115,22,.06) 0%,transparent 50%)}
#authGate.hide{opacity:0;pointer-events:none;transform:scale(1.03)}
.auth-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:48px 40px;width:380px;max-width:92vw;text-align:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;z-index:1;box-shadow:0 24px 64px rgba(0,0,0,.4)}
.auth-logo{width:72px;height:72px;border-radius:16px;object-fit:cover;margin-bottom:20px;border:2px solid rgba(255,255,255,.12);box-shadow:0 8px 32px rgba(0,0,0,.4)}
.auth-logo-fallback{width:72px;height:72px;border-radius:16px;background:linear-gradient(135deg,var(--blue-dark),var(--orange));display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:32px;box-shadow:0 8px 32px rgba(0,0,0,.4)}
.auth-title{font-size:24px;font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:4px;font-family:var(--font-heading)}
.auth-sub{font-size:10px;color:rgba(255,255,255,.35);margin-bottom:32px;text-transform:uppercase;letter-spacing:.14em;font-weight:600}
.auth-field{width:100%;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 18px;font-size:15px;color:#fff;font-family:var(--font);text-align:center;letter-spacing:.08em;outline:none;transition:all .25s;box-sizing:border-box}
.auth-field::placeholder{color:rgba(255,255,255,.2);letter-spacing:0}
.auth-field:focus{border-color:var(--orange);background:rgba(255,255,255,.07);box-shadow:0 0 0 4px rgba(249,115,22,.1)}
.auth-btn{width:100%;margin-top:14px;padding:15px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--orange),#FB923C);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.02em;font-family:var(--font);box-shadow:0 4px 16px rgba(249,115,22,.3)}
.auth-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 20px rgba(249,115,22,.4)}.auth-btn:active{transform:scale(.98)}
.auth-err{font-size:11px;color:#FCA5A5;margin-top:12px;height:16px;transition:opacity .3s;font-weight:500}
.auth-err.hide{opacity:0}
.auth-field-group{display:flex;flex-direction:column;gap:10px;width:100%}
.auth-field-label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.3);font-weight:700;text-align:left;margin-bottom:-4px}
@keyframes authShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-10px)}40%{transform:translateX(10px)}60%{transform:translateX(-6px)}80%{transform:translateX(6px)}}
.auth-box.shake{animation:authShake .4s ease}

/* ─── SIDEBAR COLLAPSE ─── */
body.sidebar-collapsed .sidebar{transform:translateX(-100%)}
body.sidebar-collapsed .main{margin-left:0}
body.sidebar-collapsed .mob-menu{display:flex}

/* ─── INLINE CRONOGRAMA ─── */
.cron-inline{padding:20px 0}
.cron-inline-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.cron-inline-card{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);padding:16px;transition:all .2s;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}
.cron-inline-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}
.cron-inline-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px}
.cron-inline-card[data-pillar="a"]::before{background:var(--blue)}
.cron-inline-card[data-pillar="c"]::before{background:var(--green)}
.cron-inline-card[data-pillar="v"]::before{background:var(--orange)}
.cron-inline-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.cron-inline-day{font-size:22px;font-weight:800;color:var(--heading);font-family:var(--font-heading)}
.cron-inline-wday{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.cron-inline-pillar{font-size:9px;font-weight:700;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em}
.cron-inline-title{font-size:12.5px;font-weight:700;color:var(--heading);line-height:1.4;margin-bottom:6px}
.cron-inline-desc{font-size:11px;color:var(--muted);line-height:1.5}
.cron-inline-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}
.cron-inline-tag{font-size:8px;padding:2px 8px;border-radius:12px;background:var(--surface2);color:var(--muted);font-weight:600}
.cron-inline-status{display:flex;align-items:center;gap:5px;margin-top:10px;font-size:10px;font-weight:600;color:var(--muted)}
.cron-inline-status-dot{width:7px;height:7px;border-radius:50%}

/* ─── ADMIN MODE ─── */
.admin-ring{display:none;position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),#FCD34D,var(--orange));background-size:200%;animation:adminShine 2s linear infinite;z-index:9999}
@keyframes adminShine{0%{background-position:0%}100%{background-position:200%}}
body.admin-mode .admin-ring{display:block}
.admin-ctrl{display:none!important}
body.admin-mode .admin-ctrl{display:inline-flex!important}
.admin-badge-sb{display:none;align-items:center;gap:5px;padding:5px 12px;border-radius:12px;background:rgba(249,115,22,.2);border:1px solid rgba(249,115,22,.4);font-size:9px;font-weight:700;color:#FED7AA;text-transform:uppercase;letter-spacing:.08em;margin-top:8px}
body.admin-mode .admin-badge-sb{display:flex}
.req-admin-btns{display:none;gap:6px;margin-top:8px;flex-wrap:wrap}
body.admin-mode .req-admin-btns{display:flex}
.admin-trigger-ico{transition:transform .2s}
body.admin-mode .admin-trigger-ico{filter:sepia(1) saturate(5) hue-rotate(10deg)}

/* ─── MODAL FORM ELEMENTS ─── */
.modal-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;display:block}
.modal-input{width:100%;border:1.5px solid var(--border);border-radius:10px;padding:10px 14px;font-size:12.5px;color:var(--text);background:var(--surface2);font-family:var(--font);line-height:1.5;transition:all .2s;box-sizing:border-box}
.modal-input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}
textarea.modal-input{resize:vertical;min-height:80px}
.form-row{margin-bottom:14px}
.req-source-tag{font-size:8px;padding:2px 7px;border-radius:5px;background:var(--orange-light);color:var(--orange);font-weight:700;margin-right:5px;vertical-align:middle;text-transform:uppercase;letter-spacing:.05em}
.req-item-client{border-left:3px solid var(--orange)!important}
.pin-error{display:none;font-size:10px;color:var(--red);margin-top:6px;font-weight:500}

/* ─── LGPD MODAL ─── */
.lgpd-content{max-height:300px;overflow-y:auto;padding:16px;background:var(--surface2);border-radius:var(--r);border:1px solid var(--border);margin-bottom:16px;font-size:12px;color:var(--text);line-height:1.7}
.lgpd-content h4{font-size:13px;font-weight:700;color:var(--heading);margin:14px 0 6px}
.lgpd-content h4:first-child{margin-top:0}
.lgpd-content ul{padding-left:18px;margin:6px 0}
.lgpd-content li{margin-bottom:4px}
.lgpd-checkbox-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}
.lgpd-checkbox-row input[type="checkbox"]{width:18px;height:18px;margin-top:2px;accent-color:var(--blue);cursor:pointer;flex-shrink:0}
.lgpd-checkbox-row label{font-size:12px;color:var(--text);line-height:1.5;cursor:pointer}
.lgpd-error{display:none;font-size:10px;color:var(--red);margin-bottom:10px;font-weight:500}

/* ─── SB OVERLAY ─── */
.sb-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:190;opacity:0;pointer-events:none;transition:opacity .35s;backdrop-filter:blur(4px)}
.sb-overlay.show{opacity:1;pointer-events:auto}

/* ─── NOTIFICATIONS ─── */
.notif-wrap{position:relative}
.notif-bell{position:relative;font-size:18px;cursor:pointer;padding:6px;border-radius:8px;border:none;background:transparent;color:var(--text);transition:all .2s}
.notif-bell:hover{background:var(--surface2)}
.notif-count{position:absolute;top:0;right:0;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--red);color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1;transform:translate(4px,-4px);animation:notifPulse .6s ease}
@keyframes notifPulse{0%{transform:translate(4px,-4px) scale(0)}50%{transform:translate(4px,-4px) scale(1.2)}100%{transform:translate(4px,-4px) scale(1)}}
.notif-panel{display:none;position:absolute;top:100%;right:0;width:360px;max-height:480px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xl);z-index:900;overflow:hidden;margin-top:8px}
.notif-panel.open{display:block}
.notif-hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}
.notif-hdr-title{font-size:14px;font-weight:700;color:var(--heading)}
.notif-mark-read{font-size:10px;color:var(--blue);cursor:pointer;font-weight:600;border:none;background:none;padding:4px 8px;border-radius:6px}
.notif-mark-read:hover{background:var(--blue-light)}
.notif-list{max-height:400px;overflow-y:auto}
.notif-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);transition:background .15s;cursor:default}
.notif-item:hover{background:var(--surface2)}
.notif-item.unread{background:var(--blue-light)}
.notif-item.unread:hover{background:var(--blue-mid)}
.notif-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.notif-icon.n-request{background:var(--orange-light);color:var(--orange)}
.notif-icon.n-feedback{background:var(--amber-light);color:var(--amber)}
.notif-icon.n-status{background:var(--purple-light);color:var(--purple)}
.notif-icon.n-activity{background:var(--blue-light);color:var(--blue)}
.notif-icon.n-approval{background:var(--green-light);color:var(--green-dark)}
.notif-icon.n-note{background:var(--surface2);color:var(--text)}
.notif-body{flex:1;min-width:0}
.notif-title{font-size:12px;font-weight:600;color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.notif-msg{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notif-time{font-size:9px;color:var(--muted);margin-top:4px;font-weight:500}
.notif-empty{padding:40px 20px;text-align:center;font-size:12px;color:var(--muted)}

/* ─── LANDING PAGE ─── */
#landingPage{position:fixed;inset:0;z-index:99998;background:linear-gradient(135deg,#020617 0%,#0F172A 40%,#1a1040 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:opacity .6s ease,transform .6s ease;overflow-x:hidden;overflow-y:auto}
#landingPage::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 30%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(249,115,22,.08) 0%,transparent 50%)}
#landingPage.hide{opacity:0;pointer-events:none;transform:scale(1.02)}
.landing-content{position:relative;z-index:1;width:100%;max-width:720px;padding:40px 24px}
.landing-logo{width:100px;height:100px;border-radius:22px;object-fit:cover;border:3px solid rgba(255,255,255,.1);box-shadow:0 12px 40px rgba(0,0,0,.5);margin-bottom:28px;animation:landingFloat 4s ease-in-out infinite}
@keyframes landingFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.landing-title{font-size:38px;font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:6px;font-family:var(--font-heading);line-height:1.1}
.landing-title em{color:var(--orange);font-style:normal}
.landing-sub{font-size:10px;color:rgba(255,255,255,.3);text-transform:uppercase;letter-spacing:.16em;margin-bottom:32px;font-weight:600}
.landing-desc{font-size:15px;color:rgba(255,255,255,.6);line-height:1.7;margin-bottom:36px;max-width:520px;margin-left:auto;margin-right:auto}
.landing-desc strong{color:rgba(255,255,255,.85)}
.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px}
.landing-feat{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:20px 16px;text-align:center;backdrop-filter:blur(8px);transition:all .3s}
.landing-feat:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1);transform:translateY(-3px)}
.landing-feat-icon{font-size:28px;margin-bottom:8px}
.landing-feat-title{font-size:12px;font-weight:700;color:rgba(255,255,255,.85);margin-bottom:4px}
.landing-feat-desc{font-size:10px;color:rgba(255,255,255,.4);line-height:1.5}
.landing-cta{padding:16px 40px;border-radius:14px;border:none;background:linear-gradient(135deg,var(--orange),#FB923C);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .25s;letter-spacing:.02em;font-family:var(--font);box-shadow:0 6px 24px rgba(249,115,22,.35);display:inline-flex;align-items:center;gap:10px}
.landing-cta:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(249,115,22,.45)}
.landing-cta:active{transform:scale(.97)}
.landing-footer{font-size:9px;color:rgba(255,255,255,.2);margin-top:40px;text-transform:uppercase;letter-spacing:.12em;font-weight:500}
.landing-footer a{color:rgba(255,255,255,.35);text-decoration:none;transition:color .2s}
.landing-footer a:hover{color:var(--orange)}

/* ─── STAGGERED FADE-IN ─── */
.fade-in{opacity:0;transform:translateY(16px);animation:cardFadeIn .5s ease forwards}
.fade-in:nth-child(1){animation-delay:.05s}.fade-in:nth-child(2){animation-delay:.1s}.fade-in:nth-child(3){animation-delay:.15s}.fade-in:nth-child(4){animation-delay:.2s}.fade-in:nth-child(5){animation-delay:.25s}.fade-in:nth-child(6){animation-delay:.3s}.fade-in:nth-child(7){animation-delay:.35s}.fade-in:nth-child(8){animation-delay:.4s}.fade-in:nth-child(9){animation-delay:.45s}.fade-in:nth-child(10){animation-delay:.5s}
@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)}}

/* ─── SKELETON LOADING ─── */
.skeleton{background:linear-gradient(90deg,var(--surface2) 25%,var(--border) 50%,var(--surface2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r);pointer-events:none}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.skeleton-card{height:140px;border-radius:var(--r-lg);margin-bottom:16px}
.skeleton-stat{height:100px;border-radius:var(--r-lg)}
.skeleton-text{height:14px;border-radius:6px;margin-bottom:8px;width:80%}
.skeleton-text.short{width:50%}
.skeleton-circle{width:88px;height:88px;border-radius:50%}
.skeleton-wrap{display:flex;flex-direction:column;gap:16px}

/* ─── SECTION HEADERS (tab hero banners) ─── */
.section-hdr{border-radius:var(--r-lg);padding:28px 32px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.section-hdr-label{font-size:11px;color:rgba(255,255,255,.45);text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px;font-weight:600}
.section-hdr-title{font-size:24px;font-weight:800;color:#fff;margin-bottom:6px;font-family:var(--font-heading)}
.section-hdr-desc{font-size:12.5px;color:rgba(255,255,255,.55);line-height:1.6}
.section-hdr-desc strong{color:var(--orange)}

/* ─── TOPBAR INLINE CONTROLS ─── */
.tb-request-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 15px;border-radius:10px;border:1.5px solid var(--orange);background:var(--orange-light);color:var(--orange);font-size:11px;font-weight:700;cursor:pointer;transition:all .2s;font-family:var(--font);box-shadow:var(--shadow-sm)}
.tb-request-btn:hover{background:var(--orange);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow)}
.conn-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;border:1px solid var(--border);background:var(--surface);cursor:default;box-shadow:var(--shadow-sm)}
.conn-dot{width:7px;height:7px;border-radius:50%;background:#F59E0B;flex-shrink:0;transition:background .3s}
.conn-label{font-size:10px;font-weight:600;color:var(--muted);white-space:nowrap}

/* ─── PILLAR DETAIL CARDS ─── */
.pillar-detail-body{text-align:center;padding:28px 20px}
.pillar-icon-lg{font-size:42px;margin-bottom:12px}
.pillar-title-lg{font-size:18px;font-weight:800;margin-bottom:4px;font-family:var(--font-heading)}
.pillar-subtitle{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:14px;font-weight:600}
.pillar-content{font-size:12.5px;color:var(--text);line-height:1.7;text-align:left}
.pillar-content p{margin-bottom:10px}
.pillar-examples{border-radius:var(--r);padding:12px;margin-top:8px}
.pillar-examples-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.pillar-examples-list{font-size:11px;color:var(--text);line-height:1.6}
.pillar-tag-wrap{margin-top:14px}

/* ─── DOCUMENT LINK CARDS ─── */
.doc-link{text-decoration:none;display:flex;gap:14px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:var(--r);background:var(--surface2);transition:all .2s;box-shadow:var(--shadow-sm);cursor:pointer;position:relative}
.doc-link:hover{border-color:var(--blue-mid);box-shadow:var(--shadow)}
.doc-icon{font-size:30px;flex-shrink:0}
.doc-title{font-size:13px;font-weight:700;color:var(--heading)}
.doc-meta{font-size:10px;color:var(--muted);margin-top:2px}
.doc-soon-badge{position:absolute;top:8px;right:10px;font-size:8px;padding:2px 8px;border-radius:10px;background:rgba(249,115,22,.15);color:var(--orange);font-weight:700;text-transform:uppercase;letter-spacing:.05em}

/* ─── INFO BANNERS ─── */
.info-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r)}
.info-banner-icon{font-size:20px;flex-shrink:0}
.info-banner-text{font-size:12px;color:var(--text);line-height:1.6}
.roteiros-banner{background:var(--blue-light);border-color:var(--blue-mid);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px}

/* ─── SCOPE LISTS ─── */
.scope-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
.scope-list{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--text);line-height:1.5}
.scope-item{display:flex;gap:10px}

/* ─── MONTH HERO BANNER ─── */
.month-hero{border-radius:var(--r-lg);padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:0 4px 16px rgba(124,58,237,.15)}
.month-hero-title{font-size:18px;font-weight:800;color:#fff;margin-bottom:4px;font-family:var(--font-heading)}
.month-hero-sub{font-size:12px;color:rgba(255,255,255,.65)}
.month-hero-price{font-size:28px;font-weight:800;color:#fff;font-family:var(--font-heading)}
.month-hero-price-sub{font-size:9px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.08em;font-weight:600}

/* ─── TOTAL ROW ─── */
.total-row{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,var(--heading),#1E293B);border-radius:var(--r);margin-top:10px;box-shadow:var(--shadow-md)}
.total-label{font-size:13px;font-weight:700;color:rgba(255,255,255,.8)}
.total-value{font-size:22px;font-weight:800;color:#fff;font-family:var(--font-heading)}

/* ─── PILLAR DISTRIBUTION BAR ─── */
.dist-bar{display:flex;gap:6px;height:28px;border-radius:8px;overflow:hidden;margin-bottom:14px}
.dist-segment{border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}
.dist-legend{display:flex;justify-content:center;gap:20px;font-size:11px;color:var(--text)}
.dist-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:middle}
.dist-note{margin-top:16px;padding:14px 16px;background:var(--surface2);border-radius:var(--r);font-size:12px;color:var(--text);line-height:1.6}

/* ─── ECOSYSTEM STEPS ─── */
.eco-step{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--r)}
.eco-step-num{font-size:20px;flex-shrink:0}
.eco-note{font-size:11px;color:var(--muted);margin-top:8px}

/* ─── GALLERY FILTERS ─── */
.gallery-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.gallery-filter-btn{font-size:11px;padding:6px 14px}

/* ─── FORM HELPERS ─── */
.form-row-flex{display:flex;gap:10px}
.form-row-flex>div{flex:1}

/* ─── MONTH CARD PLACEHOLDERS ─── */
.months-placeholder{text-align:center;padding:32px 20px}
.months-placeholder-icon{font-size:32px;margin-bottom:10px;opacity:.4}
.months-placeholder-title{font-size:14px;font-weight:700;color:var(--heading);margin-bottom:6px}
.months-placeholder-desc{font-size:12px;color:var(--muted);line-height:1.6}

/* ─── ADMIN ACTION BUTTONS (card header) ─── */
.card-hdr-action{font-size:10px;padding:6px 12px;border-radius:8px;color:#fff;border:none;cursor:pointer;font-weight:700;transition:all .2s;font-family:var(--font)}
.card-hdr-action:hover{opacity:.85;transform:translateY(-1px)}
.card-hdr-action-orange{background:var(--orange)}
.card-hdr-action-purple{background:var(--purple)}

/* ─── MISC HELPERS ─── */
.text-note{font-size:10px;color:var(--muted);line-height:1.5;margin-top:10px}
.text-helper{font-size:12px;color:var(--muted);margin-bottom:18px;line-height:1.6}
.text-auto-save{font-size:10px;color:var(--muted);font-weight:500}
.card-badge-interactive{background:var(--purple-light);color:var(--purple-dark)}
.textarea-notes{width:100%;min-height:110px;border:1.5px solid var(--border);border-radius:10px;padding:12px 14px;font-size:12.5px;color:var(--text);background:var(--surface2);resize:vertical;font-family:var(--font);line-height:1.6;transition:all .2s}
.textarea-notes:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}

/* ─── LAYOUT UTILITIES ─── */
.flex-center{display:flex;align-items:center}
.flex-col{display:flex;flex-direction:column}
.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-16{gap:16px}
.text-right{text-align:right}.shrink-0{flex-shrink:0}

/* ─── LUCIDE ICON SIZING ─── */
.lucide{vertical-align:-.125em;stroke-width:2}
.nav-icon .lucide{width:16px;height:16px}
.tb-tab .lucide{width:13px;height:13px}
.ico-btn .lucide{width:16px;height:16px}
.tb-request-btn .lucide{width:14px;height:14px}
.notif-bell .lucide{width:18px;height:18px}
.card-title-icon .lucide{width:15px;height:15px}
.card-hdr-action .lucide{width:12px;height:12px}
.plan-feature-icon .lucide{width:14px;height:14px}
.scope-item .lucide{width:14px;height:14px;flex-shrink:0}
.landing-feat-icon .lucide{width:28px;height:28px}
.metric-icon .lucide{width:24px;height:24px}
.doc-icon .lucide{width:28px;height:28px;color:var(--muted)}
.info-banner-icon .lucide{width:20px;height:20px;color:var(--amber)}
.months-placeholder-icon .lucide{width:32px;height:32px}
.gallery-filter-btn .lucide{width:14px;height:14px}
.nav-badge .lucide{width:10px;height:10px}
.eco-step-num .lucide{width:20px;height:20px}
.modal-title .lucide{width:18px;height:18px;vertical-align:-3px}
.btn .lucide{width:14px;height:14px;vertical-align:-2px}
.landing-cta .lucide{width:16px;height:16px;vertical-align:-3px}
.tl-dot .lucide{width:14px;height:14px}
.tl-edit-btn .lucide,.tl-del-btn .lucide{width:12px;height:12px}
.act-del-btn .lucide{width:12px;height:12px}
.es-dot .lucide{width:14px;height:14px}
.en-icon .lucide{width:14px;height:14px}
.gallery-thumb-overlay .lucide{width:24px;height:24px}
.empty-state-icon .lucide{width:36px;height:36px}
.admin-badge-sb .lucide{width:12px;height:12px;vertical-align:-2px}
.sb-contact-switch .lucide{width:11px;height:11px;vertical-align:-2px}
.back-btn .lucide{width:14px;height:14px;vertical-align:-2px}
.cron-toggle-label .lucide{width:14px;height:14px;vertical-align:-2px}
.lbl .lucide{width:14px;height:14px;vertical-align:-2px}
.tag .lucide{width:12px;height:12px;vertical-align:-2px}
.toast .lucide{width:14px;height:14px;vertical-align:-2px}
.btn-white .lucide,.btn-ghost-white .lucide{width:14px;height:14px;vertical-align:-2px}

/* ─── ACCESSIBILITY ─── */
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}
.ico-btn:focus-visible,.nav-item:focus-visible,.tb-tab:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.modal-bg.open{overflow-y:auto}
[role="dialog"]{outline:none}

/* ─── EMPTY STATES ─── */
.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;min-height:180px}
.empty-state-icon{font-size:48px;margin-bottom:14px;opacity:.6}
.empty-state-title{font-size:14px;font-weight:700;color:var(--heading);margin-bottom:6px}
.empty-state-desc{font-size:12px;color:var(--muted);max-width:280px;line-height:1.6}
.empty-state-action{margin-top:14px}

/* ─── GALLERY ─── */
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.gallery-card{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);background:var(--surface);transition:all .25s;box-shadow:var(--shadow-sm);cursor:pointer}
.gallery-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--blue-mid)}
.gallery-thumb{width:100%;aspect-ratio:1;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--muted);position:relative;overflow:hidden}
.gallery-thumb img{width:100%;height:100%;object-fit:cover}
.gallery-thumb-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.gallery-card:hover .gallery-thumb-overlay{opacity:1}
.gallery-thumb-overlay span{font-size:36px;color:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
.gallery-info{padding:12px 14px}
.gallery-title{font-size:12px;font-weight:700;color:var(--heading);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gallery-meta{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:6px}
.gallery-badge{font-size:8px;padding:2px 8px;border-radius:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}

/* ─── RESULTS / METRICS ─── */
.metric-highlight{display:flex;align-items:center;gap:20px;padding:20px 24px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all .2s}
.metric-highlight:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.metric-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
.metric-data{flex:1;min-width:0}
.metric-value{font-size:26px;font-weight:800;color:var(--heading);font-family:var(--font-heading);line-height:1}
.metric-label{font-size:11px;color:var(--muted);margin-top:3px;font-weight:500}
.metric-change{font-size:10px;font-weight:700;padding:3px 8px;border-radius:6px;white-space:nowrap}
.metric-up{background:var(--green-light);color:var(--green-dark)}
.metric-down{background:var(--red-light);color:var(--red)}
.metric-neutral{background:var(--surface2);color:var(--muted)}

/* ─── LOGO DARK THEME FIX ─── */
[data-theme="dark"] .sb-logo-img{filter:brightness(1.1);border-color:rgba(255,255,255,.15)}
[data-theme="dark"] .auth-logo{filter:brightness(1.1)}

/* ─── RATE LIMIT FEEDBACK ─── */
.auth-field:disabled,.auth-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}
.auth-cooldown{font-size:10px;color:rgba(255,255,255,.35);margin-top:8px;font-weight:500}

/* ─── ENHANCED DARK GRADIENTS ─── */
[data-theme="dark"] .hero-card{background:linear-gradient(135deg,#1a0533 0%,#2e1065 40%,#4c1d95 100%);box-shadow:0 8px 32px rgba(76,29,149,.3)}
[data-theme="dark"] .approval-card{background:linear-gradient(135deg,#0c1e36 0%,#1e3a5f 100%);box-shadow:0 8px 24px rgba(30,58,95,.3)}

/* ─── GALLERY CARD DARK ─── */
[data-theme="dark"] .gallery-card{background:var(--surface);border-color:var(--border)}
[data-theme="dark"] .gallery-card:hover{border-color:var(--blue)}

/* ─── RESPONSIVE ─── */
@media print{
  .sidebar,.topbar,.breadcrumb-bar,.post-actions,.cron-toggle,.sb-overlay,.modal-bg,.admin-ring,.toast,#landingPage,.notif-wrap,#connStatus,#authGate,.gallery-thumb-overlay{display:none!important}
  .card.collapsed>.card-body,.card.collapsed>#calJunho,.card.collapsed>#calJulho,.card.collapsed>.month-content{display:block!important}
  .card.collapsed>.month-content{display:flex!important}
  .card.collapsed>.card-summary{display:none!important}
  .card-collapse-arrow{display:none!important}
  .main{margin-left:0}
  .content{padding:16px}
  .hero-card{background:#4C1D95!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .stat-card,.card,.metric-highlight{break-inside:avoid;box-shadow:none;border:1px solid #ddd}
  body.pdf-export .tab-panel{display:none!important}
  body.pdf-export .tab-panel.active{display:block!important}
  body{font-size:11px}
  @page{margin:1.5cm}
  .gallery-grid{grid-template-columns:repeat(3,1fr)!important}
  .gallery-thumb{aspect-ratio:4/3!important}
}
@media(max-width:1200px){.grid-5{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1024px){:root{--sb-w:240px}.grid-3{grid-template-columns:1fr}.hero-card{flex-direction:column;gap:14px}.hero-right{text-align:left}.hero-actions{justify-content:flex-start}.approval-card{flex-direction:column;text-align:left}.approval-right{text-align:left}}
@media(max-width:900px){
  .sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}
  .sb-overlay{display:block}.main{margin-left:0}.topbar{padding:0 16px}
  .breadcrumb-bar{padding:8px 16px}
  .content{padding:16px 16px 80px}.grid-5,.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}
  .post-item{grid-template-columns:46px 4px 1fr}
  .post-actions{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;min-width:0;border-left:none;border-top:1px solid var(--border);padding:12px 14px;gap:14px}
  .post-actions .s-sel{width:auto;flex:0 0 auto;min-width:140px}
  .mob-menu{display:flex;flex-shrink:0;margin-right:10px;min-width:36px;min-height:36px;justify-content:center;align-items:center}
  /* Mobile topbar: horizontal scroll with snap */
  .tb-tabs{padding:2px;gap:2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;max-width:calc(100vw - 160px)}
  .tb-tabs::-webkit-scrollbar{display:none}
  .tb-tab{padding:6px 10px;font-size:10px;flex-shrink:0;scroll-snap-align:start}.tb-tab .tb-ico{display:none}
  .hero-card{padding:22px}.hero-title{font-size:18px}.hero-val{font-size:30px}
  .approval-card{padding:20px;flex-direction:column}.approval-right{text-align:left}
  .toast{left:16px;right:16px;bottom:16px}
  .landing-features{grid-template-columns:1fr}.landing-title{font-size:28px}
  .gallery-grid{grid-template-columns:repeat(2,1fr)!important}
  /* Mobile modal adjustments */
  .modal-box{width:calc(100vw - 32px)!important;max-height:85vh;overflow-y:auto}
  /* Inputs ≥16px evitam zoom automático no iOS */
  .modal-input,textarea,.fb-note,.s-sel,.auth-field,.textarea-notes,input,select{font-size:16px}
  /* Iframes de roteiro: altura e scroll suave no toque */
  .roteiro-iframe{height:70vh;-webkit-overflow-scrolling:touch}
  /* Safe-area (notch / home indicator) */
  .topbar{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .toast{bottom:max(16px,env(safe-area-inset-bottom))}
  .content{padding-bottom:max(80px,calc(80px + env(safe-area-inset-bottom)))}
}
@media(max-width:480px){
  .gallery-grid{grid-template-columns:1fr!important}
  .tb-tabs{max-width:calc(100vw - 120px)}
  .tb-tab{padding:5px 8px;font-size:9px}
  .tb-right{gap:4px}
  .tb-right .btn,.tb-right button span{display:none}
  .tb-right .ico-btn{min-width:40px;min-height:40px;font-size:14px}
}

/* ─── SKIP LINK (a11y) ─── */
.skip-link{position:absolute;top:-100%;left:16px;z-index:99999;padding:12px 24px;background:var(--orange);color:#fff;font-weight:700;border-radius:0 0 var(--r) var(--r);text-decoration:none;font-size:14px;transition:top .2s}
.skip-link:focus{top:0}

/* ─── LOGO DARK MODE FIX ─── */
[data-theme="dark"] .landing-logo,
[data-theme="dark"] .auth-logo,
[data-theme="dark"] .sb-logo-img{border-radius:14px;background:transparent;box-shadow:0 4px 12px rgba(0,0,0,.4)}

/* ─── LOADING SKELETON ─── */
/* (definição premium com shimmer está em ~l.558; aqui só o bloco genérico) */
.skeleton-block{height:80px;width:100%;margin-bottom:12px}

/* ─── PREFERS COLOR SCHEME (first visit) ─── */
@media(prefers-color-scheme:dark){
  html:not([data-theme-set]) [data-theme="light"]{
    --bg:#030712;--surface:#111827;--surface2:#1F2937;--border:#1F2937;--border2:#374151;
    --text:#D1D5DB;--muted:#8B95A5;--heading:#F9FAFB;
  }
}

/* ─── TRANSIÇÃO DE TEMA COESA (aplicada só durante o toggle) ─── */
html.theme-anim,html.theme-anim *{transition:background-color .3s ease,border-color .3s ease,color .3s ease!important}

/* ─── PREFERS-REDUCED-MOTION (acessibilidade) ─── */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  html{scroll-behavior:auto}
}