:root{
  --bg:#f6f7fb;--surface:#ffffff;--surface-2:#f9fafc;--surface-3:#f1f3f9;
  --ink:#111827;--ink-2:#344054;--muted:#667085;--muted-2:#98a2b3;
  --line:#e4e7ec;--line-strong:#d0d5dd;
  --primary:#5b4cf0;--primary-2:#4338ca;--primary-soft:#f0efff;
  --blue:#2563eb;--cyan:#0891b2;--green:#067647;--green-soft:#ecfdf3;
  --amber:#b54708;--amber-soft:#fffaeb;--red:#b42318;--red-soft:#fef3f2;
  --violet:#7c3aed;--violet-soft:#f5f3ff;
  --shadow-sm:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
  --shadow-md:0 10px 30px rgba(16,24,40,.08),0 2px 8px rgba(16,24,40,.04);
  --radius:16px;--sidebar:252px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:#111827;background:var(--bg);line-height:1.5;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}img{max-width:100%;display:block}a{color:var(--primary-2);text-decoration:none}a:hover{text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a,select,input,textarea{touch-action:manipulation}:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}.skip-link{position:fixed;left:14px;top:-90px;z-index:9999;background:#111827;color:#fff;padding:11px 15px;border-radius:10px;font-weight:700}.skip-link:focus{top:14px}.container{width:min(1760px,calc(100% - 56px));margin-inline:auto}.muted{color:var(--muted)}.grow{min-width:0;flex:1}.danger{color:var(--red)!important}.center{text-align:center}

/* APP SHELL */
.topbar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:80;background:#111426;border-right:1px solid rgba(255,255,255,.06);color:#fff}
.topbar .container{width:100%;height:100%;padding:22px 16px}.topbar-inner{display:flex;flex-direction:column;align-items:stretch;gap:20px;height:100%}
.brand{display:flex;align-items:center;gap:11px;padding:6px 8px;color:#fff}.brand img{width:40px;height:40px;border-radius:12px}.brand-text{display:flex;flex-direction:column}.brand-text strong{font-size:19px;line-height:1.1;letter-spacing:-.02em}.brand-text small{font-size:10px;color:#aab0c4;margin-top:3px}
.nav{display:flex;flex-direction:column;gap:6px;margin:6px 0 auto}.nav a{display:flex;align-items:center;min-height:46px;padding:0 13px;border-radius:11px;color:#c8cce0;font-size:13px;font-weight:720;position:relative}.nav a:hover{background:rgba(255,255,255,.06);color:#fff}.nav a.active{background:linear-gradient(135deg,rgba(91,76,240,.34),rgba(124,58,237,.20));color:#fff;box-shadow:inset 0 0 0 1px rgba(139,129,255,.16)}.nav a.active:before{content:"";width:3px;height:22px;border-radius:4px;background:#8b81ff;position:absolute;left:0}
.user-menu{border-top:1px solid rgba(255,255,255,.08);padding:16px 6px 0;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:9px}.user-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#5b4cf0,#7c3aed);display:grid;place-items:center;color:#fff;font-weight:850;flex:none}.user-avatar.small{width:36px;height:36px;border-radius:10px;font-size:12px}.user-meta{min-width:0;display:flex;flex-direction:column}.user-meta strong{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta small{font-size:10px;color:#9ca3b8}.user-menu .btn-ghost{color:#c8cce0;border-color:rgba(255,255,255,.08);padding:7px 8px;min-height:34px}.user-menu .btn-ghost:hover{background:rgba(255,255,255,.08);color:#fff}.mobile-nav{display:none}
.page{min-height:100vh;margin-left:var(--sidebar);padding:36px 0 72px}.page>.container{position:relative}

/* TYPOGRAPHY / HEADINGS */
.page-heading{margin-bottom:24px}.page-heading.actions{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.page-heading h1{margin:3px 0 7px;font-size:32px;line-height:1.1;letter-spacing:-.035em;font-weight:800}.page-heading p{margin:0;color:var(--muted);font-size:14px}.eyebrow{margin:0 0 5px!important;color:var(--primary)!important;text-transform:uppercase;letter-spacing:.105em;font-size:10px!important;font-weight:850}.eyebrow.light{color:#ddd8ff!important}

/* BUTTONS */
.btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line-strong);background:#fff;color:var(--ink-2);border-radius:10px;padding:8px 14px;font-weight:760;font-size:12px;cursor:pointer;transition:.16s ease;box-shadow:0 1px 2px rgba(16,24,40,.03)}.btn:hover{background:#f9fafb;border-color:#b8c0cd;transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#5b4cf0,#6d42e8);border-color:#5b4cf0;color:#fff;box-shadow:0 5px 14px rgba(91,76,240,.22)}.btn-primary:hover{background:linear-gradient(135deg,#4d3fe0,#6236d9);border-color:#4d3fe0;color:#fff}.btn-dark{background:#171a2b;border-color:#171a2b;color:#fff}.btn-light{background:#fff;border-color:#fff;color:#30354a}.btn-ghost{background:transparent;box-shadow:none}.btn-sm{min-height:34px;padding:6px 9px;font-size:11px}.btn-block{width:100%}

/* SURFACES */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.panel-head h2,.panel h2{font-size:16px;line-height:1.25;margin:0;letter-spacing:-.015em}.alert{border-radius:12px;padding:12px 15px;margin-bottom:18px;border:1px solid;font-size:13px}.alert.success{background:var(--green-soft);color:#05603a;border-color:#abefc6}.alert.error{background:var(--red-soft);color:#912018;border-color:#fecdca}.alert ul{margin:6px 0 0}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border-radius:999px;background:#f2f4f7;color:#475467;padding:3px 8px;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap}.badge-good{background:var(--green-soft);color:var(--green)}.badge-muted{background:#f2f4f7;color:#667085}

/* DASHBOARD */
.stats-grid{display:grid;gap:14px;margin-bottom:18px}.stats-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px 18px 17px;box-shadow:var(--shadow-sm);min-height:112px}.stat:after{content:"";position:absolute;right:-24px;top:-30px;width:86px;height:86px;border-radius:50%;background:linear-gradient(135deg,rgba(91,76,240,.10),rgba(124,58,237,.02))}.stat>span{display:block;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.065em}.stat strong{display:block;font-size:26px;line-height:1.15;letter-spacing:-.035em;margin-top:7px;font-weight:820}.stat small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.compact-stats .stat{min-height:88px;padding:16px 18px}.compact-stats .stat strong{font-size:21px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;margin-bottom:16px}.dashboard-grid>.panel{min-width:0}.bar-item{margin:15px 0}.bar-label{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:6px}.bar-label span{color:var(--ink-2);font-weight:670}.bar-label strong{font-size:11px}.bar-track{height:8px;background:#eef0f5;border-radius:999px;overflow:hidden}.bar-track span{display:block;height:100%;background:linear-gradient(90deg,#5b4cf0,#7659ef);border-radius:inherit}.bar-track.secondary span{background:linear-gradient(90deg,#7c3aed,#a855f7)}.bar-item small{display:block;margin-top:6px;color:var(--muted);font-size:10px}.quality-points{height:214px;display:flex;gap:12px;align-items:end;padding:12px 2px 0}.quality-point{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px;min-width:0}.quality-value{display:block;width:min(42px,76%);background:linear-gradient(180deg,#7c6cf2,#5b4cf0);border-radius:8px 8px 3px 3px;min-height:10px;box-shadow:inset 0 -1px 0 rgba(0,0,0,.06)}.quality-point small{font-size:10px;font-weight:850}.quality-point>span:last-child{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mini-project{display:flex;align-items:center;gap:11px;min-height:58px;padding:10px 2px;border-top:1px solid #eef0f4;color:var(--ink)}.mini-project:first-of-type{border-top:0}.mini-project:hover{background:#fafbfe}.mini-project img{width:38px;height:38px;object-fit:contain;background:#f2f4f7;border-radius:10px;padding:5px}.mini-project small{display:block;color:var(--muted);font-size:10px}

/* PROJECT FILTERS */
.filters{display:grid;grid-template-columns:minmax(260px,2fr) repeat(4,minmax(140px,1fr)) auto auto;gap:12px;align-items:end;padding:16px 17px;margin-bottom:14px}.filters label,.inline-form label{display:flex;flex-direction:column;gap:6px;color:#475467;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.filters input,.filters select,.inline-form select{width:100%;min-height:42px;border:1px solid var(--line-strong);border-radius:10px;padding:8px 11px;background:#fff;color:var(--ink);font-size:12px;outline:none}.filters input:focus,.filters select:focus,.form-stack input:focus,.form-stack textarea:focus,.form-stack select:focus,.inline-form select:focus{border-color:#8b81ff;box-shadow:0 0 0 3px rgba(91,76,240,.12)}.view-toolbar{display:flex;align-items:center;justify-content:space-between;margin:13px 0 14px;color:var(--muted);font-size:11px}.view-toolbar p{margin:0}.view-toggle{display:inline-flex;border:1px solid var(--line);border-radius:10px;padding:3px;background:#fff}.view-toggle a{min-height:32px;display:inline-flex;align-items:center;padding:0 10px;color:#667085;border-radius:7px;font-size:10px;font-weight:800}.view-toggle a.active{background:var(--primary-soft);color:var(--primary-2)}

/* PROJECT CARDS */
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px}.project-card{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;min-width:0;max-width:440px}.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#d8d5f8}.project-card-link{display:block;color:var(--ink);height:100%}.project-media{height:126px;position:relative;overflow:hidden;background:#22253b}.project-cover-img{width:100%!important;height:100%!important;max-height:126px!important;object-fit:cover!important;display:block!important}.project-media-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,24,39,.00),rgba(17,24,39,.25))}.project-logo{position:absolute!important;left:15px!important;bottom:12px!important;width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;object-fit:contain!important;background:#fff!important;border-radius:12px!important;padding:6px!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important}.status-pill{position:absolute;right:12px;top:12px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);color:#475467;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 7px rgba(0,0,0,.08)}.status-aprovado,.status-concluido{color:var(--green)}.status-em_producao{color:#1d4ed8}.status-validacao{color:#7e22ce}.status-ajustes{color:var(--amber)}.project-card-body{padding:15px 16px 14px}.project-title-line{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.project-title-line h2{font-size:17px;line-height:1.25;margin:1px 0 0;letter-spacing:-.018em}.project-title-line .eyebrow{margin-bottom:3px!important}.project-description{color:var(--muted);font-size:11px;line-height:1.55;min-height:34px;margin:10px 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.priority{font-size:8px;text-transform:uppercase;font-weight:900;padding:4px 7px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}.priority-urgente{color:var(--red);border-color:#fecdca;background:var(--red-soft)}.priority-alta{color:var(--amber);background:var(--amber-soft);border-color:#fedf89}.progress-row{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.progress-row strong{color:var(--ink-2)}.progress-track{height:6px;background:#eceef4;border-radius:999px;overflow:hidden;margin-top:6px}.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#5b4cf0,#7c3aed);border-radius:inherit}.project-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;color:#667085;font-size:9px;border-top:1px solid #eef0f4;padding-top:11px;margin-top:12px}.project-card-metrics span{text-align:center;background:#fafbfc;border-radius:7px;padding:5px 3px}.a11y-line{display:flex;justify-content:space-between;align-items:center;background:#f0fdf4;color:#166534;padding:7px 9px;border-radius:8px;margin-top:9px;font-size:9px}.project-list{padding:0;overflow:hidden}.project-list-row{display:grid;grid-template-columns:48px minmax(0,1fr) 80px 110px 100px;align-items:center;gap:13px;padding:12px 15px;border-bottom:1px solid #eef0f4;color:var(--ink)}.project-list-row:last-child{border-bottom:0}.project-list-row:hover{background:#fafbfe}.project-list-row img{width:42px;height:42px;object-fit:contain;background:#f2f4f7;border-radius:10px;padding:5px}.project-list-row small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}

/* FORMS */
.form-stack{display:flex;flex-direction:column;gap:14px}.form-stack label{font-size:11px;color:#344054;font-weight:760}.form-stack label>small{font-weight:500;color:var(--muted)}.form-stack input,.form-stack textarea,.form-stack select{display:block;width:100%;min-height:42px;margin-top:6px;border:1px solid var(--line-strong);border-radius:10px;padding:9px 11px;background:#fff;color:var(--ink);font-size:12px}.form-stack textarea{resize:vertical;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.form-actions{display:flex;justify-content:flex-end;gap:9px}.narrow{max-width:980px;margin:auto}.info-box{background:#eff8ff;border:1px solid #b2ddff;border-radius:11px;padding:13px;color:#1849a9}.info-box p{margin:3px 0 0;font-size:11px}.field-error{color:var(--red);font-size:11px}

/* PROJECT DETAIL */
.breadcrumb{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:10px;margin-bottom:13px}.breadcrumb a{color:#475467}.project-hero{position:relative;min-height:236px;border-radius:20px;overflow:hidden;margin-bottom:16px;background:#312e81;box-shadow:var(--shadow-sm)}.project-hero-cover{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important}.project-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,20,38,.94),rgba(17,20,38,.62),rgba(17,20,38,.20))}.project-hero-content{position:relative;z-index:2;color:#fff;padding:26px;display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:18px;align-items:center;min-height:236px}.project-hero-logo{width:76px!important;height:76px!important;object-fit:contain!important;background:#fff;border-radius:18px;padding:9px;box-shadow:0 12px 30px rgba(0,0,0,.24)}.project-hero h1{font-size:30px;margin:0 0 7px;line-height:1.08;letter-spacing:-.03em}.project-hero p{margin:0;color:#d7d9e6;max-width:760px;font-size:12px}.hero-badges{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.hero-badges span{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:5px 8px;font-size:8px;text-transform:uppercase;font-weight:850;letter-spacing:.04em}.hero-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.project-kpis .progress-track{margin-top:9px}.project-main-grid{grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr)}.subproject-row,.member-row,.execution-row{display:flex;align-items:center;gap:11px;min-height:58px;padding:10px 2px;border-top:1px solid #eef0f4;color:var(--ink)}.subproject-row:first-of-type,.member-row:first-of-type,.execution-row:first-of-type{border-top:0}.subproject-row:hover{background:#fafbfe}.subproject-row small,.member-row small,.execution-row small{display:block;color:var(--muted);font-size:10px}.segment-dot{width:10px;height:10px;border-radius:50%;flex:none}.segment-dot.large{width:18px;height:18px}.inline-form{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end}.top-separator{border-top:1px solid #eef0f4;padding-top:14px;margin-top:8px}.ai-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--violet-soft);color:#5b21b6;font-size:9px;font-weight:900;flex:none;border:1px solid #e9d5ff}.rating{font-size:10px;font-weight:850;color:#854d0e}.gate-list>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #eef0f4;font-size:11px}.gate-list>div:last-child{border-bottom:0}.gate-list .ok{color:var(--green)}.gate-list .pending{color:var(--amber)}.scope-panel{margin-bottom:18px}.scope-read{display:grid;grid-template-columns:1fr 1fr;gap:18px}.scope-read p{color:var(--muted)}

/* ADMIN */
.admin-tabs{display:flex;gap:5px;background:#fff;border:1px solid var(--line);padding:4px;border-radius:11px;width:max-content;max-width:100%;margin-bottom:19px;box-shadow:var(--shadow-sm)}.admin-tabs a{min-height:36px;display:flex;align-items:center;padding:6px 11px;border-radius:8px;color:#475467;font-size:10px;font-weight:800}.admin-tabs a.active{background:var(--primary-soft);color:var(--primary-2)}.admin-grid{grid-template-columns:minmax(310px,.72fr) minmax(0,1.8fr)}.grow-panel{min-width:0}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:650px}.data-table th{text-align:left;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em;padding:10px;border-bottom:1px solid var(--line-strong)}.data-table td{padding:11px 10px;border-bottom:1px solid #eef0f4;vertical-align:middle;font-size:11px}.data-table td small{display:block;color:var(--muted);font-size:9px}.inline-compact{display:flex;gap:6px}.inline-compact select{min-height:34px;border:1px solid var(--line-strong);border-radius:8px;padding:5px;font-size:10px}.segment-list{display:flex;flex-direction:column;gap:8px}.segment-item{border:1px solid #eef0f4;border-radius:11px;overflow:hidden}.segment-item summary{display:flex;gap:10px;align-items:center;padding:11px;cursor:pointer;min-height:48px}.segment-item summary small{display:block;color:var(--muted);font-size:9px}.segment-edit{padding:12px;border-top:1px solid #eef0f4;background:#fafbfc}.segment-toggle{padding:0 12px 12px;background:#fafbfc}.agent-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.agent-card{border:1px solid #eef0f4;border-radius:13px;padding:14px;background:#fff}.agent-card.beta{border-color:#a6f4c5;background:#f6fef9}.agent-head{display:flex;gap:10px;align-items:center}.agent-head small{display:block;color:var(--muted);font-size:9px}.agent-stats{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.agent-stats span{font-size:9px;background:#f2f4f7;padding:5px 7px;border-radius:7px}.agent-card details summary{cursor:pointer;color:var(--primary-2);font-size:10px;font-weight:800}.agent-edit{padding-top:11px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.check{min-height:42px;display:flex!important;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:9px;padding:8px 10px}.check input{width:auto!important;min-height:auto!important;margin:0!important}.check span{font-weight:600}

/* LOGIN */
.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,rgba(91,76,240,.26),transparent 28%),radial-gradient(circle at 86% 80%,rgba(168,85,247,.18),transparent 30%),#111426}.login-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:30px;box-shadow:0 28px 80px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.4)}.login-brand{display:flex;align-items:center;justify-content:center;gap:10px;font-size:28px;font-weight:850;letter-spacing:-.04em}.login-brand img{width:52px;height:52px}.login-card .form-stack{margin-top:22px}

.empty{text-align:center;color:var(--muted);padding:32px}

@media(min-width:1550px){.card-grid{grid-template-columns:repeat(4,minmax(280px,1fr))}.project-card{max-width:none}.dashboard-grid{grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr)}}
@media(max-width:1180px){:root{--sidebar:224px}.container{width:calc(100% - 36px)}.stats-grid-4{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:2fr 1fr 1fr 1fr}.filters label:nth-of-type(5){grid-column:auto}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:1fr}.agent-grid{grid-template-columns:1fr 1fr}.user-meta{display:none}.project-hero-content{grid-template-columns:70px 1fr}.hero-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:860px){:root{--sidebar:0px}.container{width:min(100% - 24px,1760px)}.topbar{position:sticky;inset:auto;top:0;width:100%;height:auto;background:#fff;border-right:0;border-bottom:1px solid var(--line);color:var(--ink)}.topbar .container{padding:10px 12px;height:auto}.topbar-inner{min-height:58px;height:auto;display:flex;flex-direction:row;align-items:center;gap:12px}.brand{color:var(--ink);padding:0}.brand img{width:36px;height:36px}.brand-text small{display:none}.brand-text strong{font-size:17px}.nav{display:none}.user-menu{margin-left:auto;border-top:0;padding:0;display:flex}.user-meta,.user-menu form{display:none}.page{margin-left:0;padding:22px 0 92px}.mobile-nav{position:fixed;display:flex;bottom:0;left:0;right:0;z-index:90;background:#fff;border-top:1px solid var(--line);padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));justify-content:space-around;box-shadow:0 -8px 28px rgba(16,24,40,.08)}.mobile-nav a{min-height:52px;min-width:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#667085;border-radius:9px}.mobile-nav a.active{background:var(--primary-soft);color:var(--primary-2)}.mobile-nav span{font-size:17px}.mobile-nav small{font-size:9px;font-weight:800}.page-heading.actions{align-items:stretch;flex-direction:column}.page-heading.actions .btn{align-self:flex-start}.dashboard-grid,.project-main-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.form-grid-3{grid-template-columns:1fr 1fr}.project-hero-content{grid-template-columns:64px 1fr}.project-hero-logo{width:64px!important;height:64px!important}.project-list-row{grid-template-columns:44px 1fr 70px}.project-list-row>span:nth-of-type(2),.project-list-row>span:nth-of-type(3){display:none}.scope-read{grid-template-columns:1fr}}
@media(max-width:560px){.container{width:calc(100% - 18px)}.page-heading h1,.project-hero h1{font-size:27px}.stats-grid-4,.stats-grid-3,.card-grid,.filters,.form-grid,.form-grid-3,.agent-grid,.check-grid{grid-template-columns:1fr}.search-field{grid-column:auto}.filters .btn{width:100%}.project-media{height:120px}.project-cover-img{max-height:120px!important}.project-hero-content{padding:20px;grid-template-columns:56px 1fr}.project-hero-logo{width:56px!important;height:56px!important}.hero-actions{width:100%;justify-content:flex-start}.inline-form{grid-template-columns:1fr}.project-list-row{grid-template-columns:40px 1fr}.project-list-row>span:not(.grow){display:none}.view-toolbar{align-items:flex-start;gap:10px}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.admin-tabs{width:100%;overflow:auto}.admin-tabs a{white-space:nowrap}.login-card{padding:25px 19px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.topbar,.mobile-nav,.btn,.filters,.admin-tabs{display:none!important}.page{margin-left:0;padding:0}.panel,.stat,.project-card{box-shadow:none}.container{width:100%}}

/* V1.2 - BASE / CÓDIGO DO PROJETO */
.source-heading{margin-bottom:18px}.source-current{border:1px solid #d9e3ff;background:linear-gradient(135deg,#fff,#f7f8ff)}.source-current-grid{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center}.source-current-grid p{margin:2px 0;color:var(--muted)}.source-current-grid small{display:block;overflow-wrap:anywhere}.source-current-grid code{font-size:9px}.source-type-icon,.source-icon{display:grid;place-items:center;font-weight:900;letter-spacing:-.03em}.source-type-icon{width:50px;height:50px;border-radius:13px;background:#eef2ff;color:#4338ca;border:1px solid #dbe3ff;font-size:12px}.source-type-icon.small{width:40px;height:40px;border-radius:10px;font-size:9px}.source-import-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.source-import-card{position:relative;overflow:hidden}.source-import-card>div:nth-child(2){padding-right:60px}.source-import-card h2{margin:1px 0 4px}.source-icon{position:absolute;right:18px;top:18px;width:44px;height:44px;border-radius:12px;font-size:11px}.source-icon.zip{background:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.source-icon.code{background:#eef2ff;color:#4338ca;border:1px solid #c7d2fe}.source-form{margin-top:16px}.upload-zone{border:1.5px dashed #a8b1c7!important;border-radius:13px!important;padding:14px!important;background:#fafbff}.upload-zone-title{font-weight:850}.upload-zone input[type=file]{min-height:auto!important;padding:8px 0!important;border:0!important;background:transparent!important}.upload-zone small{display:block;color:var(--muted);line-height:1.45}.code-editor{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace!important;font-size:11px!important;line-height:1.55!important;tab-size:4;background:#0f172a!important;color:#e2e8f0!important;border-color:#1e293b!important;min-height:330px}.security-note{display:flex;gap:10px;padding:11px 12px;border-radius:10px;background:#f6fef9;border:1px solid #abefc6;color:#05603a;font-size:10px;line-height:1.45}.security-note strong{flex:none}.security-note code{background:#e6f7ed;padding:1px 4px;border-radius:4px}.source-history{margin-bottom:20px}.source-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;padding:15px 0;border-top:1px solid #eef0f4;align-items:start}.source-row:first-of-type{border-top:0}.source-row-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.source-row p{margin:3px 0;color:var(--muted);font-size:10px}.source-row small{color:var(--muted);font-size:9px}.source-row .source-notes{margin-top:8px;color:#475467}.source-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.source-files{margin-top:10px;border:1px solid #eef0f4;border-radius:9px;background:#fafbfc}.source-files summary{cursor:pointer;padding:8px 10px;font-size:10px;font-weight:800;color:#475467}.source-file-list{max-height:260px;overflow:auto;border-top:1px solid #eef0f4}.source-file-list>div{display:flex;justify-content:space-between;gap:16px;padding:7px 10px;border-bottom:1px solid #f0f2f5;font-size:9px}.source-file-list>div:last-child{border-bottom:0}.source-file-list code{overflow-wrap:anywhere}.source-file-list span{color:var(--muted);white-space:nowrap}.success-badge{background:#ecfdf3!important;color:#027a48!important;border-color:#abefc6!important}
@media(max-width:1000px){.source-import-grid{grid-template-columns:1fr}.source-current-grid{grid-template-columns:50px minmax(0,1fr)}.source-current-grid>.btn{grid-column:1/-1;justify-self:start}.source-row{grid-template-columns:40px minmax(0,1fr)}.source-actions{grid-column:1/-1;justify-content:flex-start;padding-left:52px}}
@media(max-width:560px){.source-current-grid,.source-row{grid-template-columns:1fr}.source-type-icon{width:44px;height:44px}.source-actions{padding-left:0}.source-import-card>div:nth-child(2){padding-right:0}.source-icon{position:static;margin-bottom:8px}.security-note{flex-direction:column}.code-editor{min-height:280px}}


/* PRODHub V1.3 — IA, qualidade e releases */
.quality-head{align-items:flex-end}.quality-gates{margin-bottom:1.25rem}.gate-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.gate-card{display:flex;gap:.75rem;align-items:center;padding:1rem;border:1px solid var(--border,#e2e8f0);border-radius:14px;background:#fff}.gate-card small{display:block;margin-top:.2rem;color:#64748b}.gate-symbol{width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;font-weight:800}.gate-pass .gate-symbol{background:#dcfce7;color:#166534}.gate-wait .gate-symbol{background:#fff7ed;color:#9a3412}.quality-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:1rem;margin-bottom:1rem}.execution-card,.validation-row,.release-row{display:flex;gap:.8rem;padding:.9rem 0;border-bottom:1px solid #eef2f7}.execution-card:last-of-type,.validation-row:last-of-type,.release-row:last-of-type{border-bottom:0}.execution-card p,.validation-row p{margin:.35rem 0 0;color:#475569}.row-between{display:flex;justify-content:space-between;gap:1rem;align-items:center}.action-details{margin-top:1rem;border-top:1px solid #e2e8f0;padding-top:.9rem}.action-details>summary{cursor:pointer;font-weight:700;color:#5b3df5;list-style:none}.action-details>summary::-webkit-details-marker{display:none}.inner-form{margin-top:1rem;padding:1rem;background:#f8fafc;border-radius:14px}.form-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.validation-status{width:.55rem;border-radius:999px;background:#cbd5e1;flex:0 0 .55rem}.validation-status.passed{background:#22c55e}.validation-status.warning{background:#f59e0b}.validation-status.failed{background:#ef4444}.danger-text{color:#b91c1c!important}.scope-approval{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1rem}.scope-approval>div{padding:1rem;background:#f8fafc;border-radius:12px}.scope-approval span{display:block;color:#64748b;font-size:.85rem}.scope-approval strong{font-size:1.15rem}.notice{margin-top:1rem;padding:1rem;border-radius:12px;background:#fff7ed;color:#9a3412}.notice.success{background:#ecfdf5;color:#166534}.notice p{margin:.3rem 0 0}.release-form{display:grid;grid-template-columns:160px 1fr auto;gap:.75rem;align-items:end;margin-bottom:1rem}.release-icon{width:2.8rem;height:2.8rem;border-radius:10px;background:#ede9fe;color:#6d28d9;display:grid;place-items:center;font-weight:800;font-size:.75rem}.btn-block{width:100%;justify-content:center;margin-top:1rem}
@media(max-width:1100px){.gate-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-columns{grid-template-columns:1fr}.form-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.gate-cards,.form-grid-4,.scope-approval,.release-form{grid-template-columns:1fr}.quality-head{align-items:flex-start}.row-between{align-items:flex-start;flex-direction:column;gap:.25rem}}

/* PRODHub V1.4 — Financeiro & ROI */
.finance-columns{align-items:start}.finance-project-row{display:flex;align-items:center;gap:1rem;padding:.85rem 0;border-bottom:1px solid #eef2f7}.finance-project-row:last-child{border-bottom:0}.finance-project-row small{display:block;color:var(--muted);margin-top:.2rem}.donut-like{display:grid;grid-template-columns:1fr 1fr;gap:12px}.donut-like>div{min-height:124px;border-radius:16px;padding:18px;background:linear-gradient(135deg,#f7f7ff,#fff);border:1px solid #e6e5ff;display:flex;flex-direction:column;justify-content:center}.donut-like span{font-size:11px;color:var(--muted);font-weight:750;text-transform:uppercase;letter-spacing:.05em}.donut-like strong{font-size:30px;letter-spacing:-.04em;margin:5px 0}.donut-like small{color:var(--muted)}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.data-table td form{margin:0}
@media(max-width:640px){.donut-like{grid-template-columns:1fr}.page-actions{width:100%}.page-actions .btn{flex:1}}

/* PRODHub V1.5 — Deploy, aprovações, rollback e auditoria */
.deploy-heading{align-items:flex-end}.deploy-gates{margin-bottom:16px}.deploy-gate-cards{grid-template-columns:repeat(5,minmax(0,1fr))}.deploy-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.deploy-config-grid>.panel{margin:0}.deploy-create{margin-bottom:16px}.deploy-submit-form{display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(130px,.8fr)) auto;gap:10px;align-items:end}.deploy-pipeline-stack{display:grid;gap:16px}.pipeline-panel{overflow:visible}.pipeline-head{align-items:flex-start}.pipeline-kpis{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.deployment-card{border:1px solid var(--line);border-radius:14px;background:#fff;margin-top:12px;overflow:visible}.deployment-main{display:grid;grid-template-columns:minmax(160px,1.2fr) minmax(170px,1fr) 90px 90px;gap:14px;align-items:center;padding:14px 16px}.deploy-version strong{font-size:15px;display:block}.deploy-version small,.deploy-meta,.deploy-approval-meter small,.deploy-score small{display:block;color:var(--muted);font-size:10px}.deploy-status{margin-bottom:3px}.deploy-status.success{background:var(--green-soft);color:var(--green)}.deploy-status.danger{background:var(--red-soft);color:var(--red)}.deploy-status.warning{background:var(--amber-soft);color:var(--amber)}.deploy-approval-meter,.deploy-score{text-align:center}.deploy-approval-meter strong,.deploy-score strong{font-size:17px}.deploy-tabs-grid{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fafbfc}.deploy-tabs-grid>details{border-right:1px solid var(--line);padding:0}.deploy-tabs-grid>details:last-child{border-right:0}.deploy-tabs-grid summary{cursor:pointer;padding:11px 14px;font-weight:800;font-size:11px;color:#475467;list-style:none}.deploy-tabs-grid summary::-webkit-details-marker{display:none}.deploy-tabs-grid details[open] summary{background:#f5f3ff;color:var(--primary-2)}.deploy-mini-list,.deploy-log-list{padding:0 14px 12px;max-height:230px;overflow:auto}.deploy-mini-list>div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #eef0f4;font-size:10px}.deploy-log-list>div{display:grid;grid-template-columns:52px 1fr;gap:8px;padding:7px 0;border-top:1px solid #eef0f4;font-size:10px}.deploy-log-list time{color:var(--muted);font-family:ui-monospace,monospace}.mini-form{display:grid;grid-template-columns:1fr 120px 90px 1.3fr auto;gap:6px;padding:0 14px 12px}.mini-form input,.mini-form select{min-height:36px;padding:7px 8px;font-size:10px}.deployment-actions{display:flex;gap:7px;flex-wrap:wrap;padding:11px 14px}.deployment-actions form{margin:0}.inline-action{position:relative}.inline-action>summary{list-style:none;cursor:pointer}.inline-action>summary::-webkit-details-marker{display:none}.popover-form{position:absolute;z-index:20;right:0;top:calc(100% + 7px);width:290px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-md);padding:10px;display:grid;gap:7px}.popover-form input,.popover-form select,.popover-form textarea{min-height:38px}.popover-form textarea{min-height:72px}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.check-line{display:flex!important;align-items:center;gap:8px}.check-line input{width:auto!important;min-height:auto!important}.audit-filters{grid-template-columns:1.5fr 1fr 1fr 140px 140px auto auto;margin-bottom:16px}.audit-list{display:grid}.audit-row{display:grid;grid-template-columns:80px minmax(0,1fr);gap:14px;padding:14px 0;border-top:1px solid var(--line)}.audit-row:first-child{border-top:0}.audit-time{border-right:1px solid var(--line);padding-right:12px}.audit-time strong,.audit-time small{display:block}.audit-time small{color:var(--muted);font-size:10px}.audit-details{margin-top:7px}.audit-details summary{cursor:pointer;font-size:10px;font-weight:800;color:var(--primary-2)}.audit-details pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0f172a;color:#dbeafe;border-radius:9px;padding:10px;font-size:9px;max-height:220px;overflow:auto}.pagination-simple{display:flex;justify-content:center;align-items:center;gap:14px;padding-top:14px;border-top:1px solid var(--line);font-size:11px}.pagination-simple span{color:var(--muted)}
@media(max-width:1200px){.deploy-gate-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.deploy-submit-form{grid-template-columns:1fr 1fr 1fr}.deploy-submit-form .btn{align-self:end}.deployment-main{grid-template-columns:1fr 1fr 80px 80px}.audit-filters{grid-template-columns:1fr 1fr 1fr}.audit-filters .search-field{grid-column:auto}.mini-form{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.deploy-config-grid,.deploy-tabs-grid{grid-template-columns:1fr}.deploy-tabs-grid>details{border-right:0;border-bottom:1px solid var(--line)}.deploy-submit-form{grid-template-columns:1fr 1fr}.deployment-main{grid-template-columns:1fr 1fr}.pipeline-head{align-items:flex-start;flex-direction:column}.pipeline-kpis{justify-content:flex-start}.audit-filters{grid-template-columns:1fr 1fr}.audit-row{grid-template-columns:64px 1fr}.popover-form{left:0;right:auto}}
@media(max-width:560px){.deploy-gate-cards,.deploy-config-grid,.deploy-submit-form,.deployment-main,.audit-filters{grid-template-columns:1fr}.deploy-approval-meter,.deploy-score{text-align:left}.mini-form{grid-template-columns:1fr}.deployment-actions{align-items:stretch}.deployment-actions>.inline-action,.deployment-actions>form{width:100%}.deployment-actions .btn{width:100%;justify-content:center}.popover-form{position:static;width:100%;margin-top:7px}.audit-row{grid-template-columns:1fr}.audit-time{border-right:0;border-bottom:1px solid var(--line);padding:0 0 8px;display:flex;gap:8px}}


/* PRODHub V1.6 — Notificações, compartilhamento e relatórios */
.notification-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:10px;font-weight:850;margin-left:auto}.notification-badge.hidden{display:none}.nav-notification-link{gap:8px}.notification-panel{padding-top:6px}.notification-row{display:flex;align-items:flex-start;gap:12px;padding:14px 4px;border-bottom:1px solid var(--line)}.notification-row:last-child{border-bottom:0}.notification-row.unread{background:linear-gradient(90deg,#faf9ff,transparent);margin:0 -14px;padding-left:18px;padding-right:18px}.notification-row time{font-size:10px;color:var(--muted);white-space:nowrap}.notification-row p{margin:4px 0;color:var(--ink-2)}.notification-row small{color:var(--muted)}.notification-dot{width:10px;height:10px;border-radius:50%;background:#94a3b8;flex:0 0 10px;margin-top:6px}.notification-dot.high{background:#ef4444}.notification-dot.normal{background:#5b4cf0}.notification-dot.low{background:#22c55e}.notification-actions{display:flex;gap:6px;align-items:center}.notification-actions form{margin:0}.report-project-list{display:grid}.report-project-row{display:grid;grid-template-columns:46px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.report-project-row:last-child{border-bottom:0}.report-project-row img{width:46px;height:46px;border-radius:12px;object-fit:cover}.report-project-row small{display:block;color:var(--muted);margin-top:3px}.report-note{margin-top:16px;padding:16px 18px;border:1px solid #ddd9ff;background:#f7f5ff;border-radius:14px}.report-note p{margin:4px 0 0;color:var(--muted)}.share-grid{align-items:start}.share-options{display:grid;gap:10px;padding:12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--line)}.share-row{display:flex;align-items:flex-start;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.share-row:last-of-type{border-bottom:0}.share-status{width:10px;height:10px;border-radius:50%;margin-top:7px;background:#98a2b3}.share-status.active{background:#12b76a}.share-row code{display:block;margin:5px 0;padding:7px 9px;background:#f8fafc;border:1px solid var(--line);border-radius:8px;font-size:10px;overflow-wrap:anywhere}.share-row small{display:block;color:var(--muted)}.share-actions{display:flex;gap:6px;flex-wrap:wrap}.share-actions form{margin:0}.share-flags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.share-flags span{font-size:9px;font-weight:800;padding:3px 6px;border-radius:999px;background:#f1efff;color:#5145cd}.share-comments{margin:0 0 12px 22px;border-left:2px solid #ede9fe;padding-left:12px}.share-comments summary{cursor:pointer;font-size:11px;font-weight:800;color:var(--primary-2)}.share-comment{display:flex;gap:10px;padding:10px 0;border-bottom:1px dashed var(--line)}.share-comment p{margin:3px 0}.public-body{background:#f4f6fb;min-height:100vh}.public-header{height:72px;background:#111426;color:#fff;display:flex;align-items:center;padding:0 max(20px,calc((100vw - 1180px)/2))}.public-brand{display:flex;align-items:center;gap:10px;color:#fff}.public-brand img{border-radius:11px}.public-brand span{display:flex;flex-direction:column}.public-brand small{color:#aab0c4;font-size:10px}.public-main{width:min(1180px,calc(100% - 32px));margin:28px auto 56px}.public-footer{text-align:center;color:var(--muted);font-size:11px;padding:24px}.share-unlock-card{width:min(460px,100%);margin:10vh auto;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-md);padding:28px}.share-unlock-card>img{margin-bottom:14px}.share-unlock-card h1{margin:0 0 7px;font-size:28px}.share-unlock-card>p{color:var(--muted)}.share-unlock-card>small{display:block;color:var(--muted);margin-top:12px}.public-project-hero{position:relative;border-radius:22px;overflow:hidden;min-height:330px;margin-bottom:16px;background:#111426}.public-project-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.public-project-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,20,38,.92),rgba(17,20,38,.56),rgba(17,20,38,.2))}.public-project-overlay{position:relative;z-index:2;display:flex;align-items:center;gap:22px;min-height:330px;padding:40px;color:#fff}.public-project-overlay h1{font-size:40px;margin:3px 0 8px}.public-project-overlay p{max-width:720px;color:#e5e7eb}.public-project-logo{width:92px;height:92px;border-radius:24px;background:#fff;object-fit:contain;padding:8px;box-shadow:var(--shadow-md)}.public-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.public-kpis>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.public-kpis span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800}.public-kpis strong{font-size:20px}.public-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.public-subprojects{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.public-subprojects>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafbfc}.public-subprojects strong,.public-subprojects small{display:block}.public-subprojects span{float:right;font-weight:800;color:var(--primary)}.public-subprojects small{margin-top:4px;color:var(--muted)}.public-comments article{padding:12px 0;border-bottom:1px solid var(--line)}.public-comments article small{display:block;color:var(--muted)}.public-comments article p{margin:4px 0}.top-separator{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}
@media(max-width:800px){.report-project-row{grid-template-columns:42px 1fr}.report-project-row .btn{grid-column:auto}.share-row{flex-direction:column}.share-actions{width:100%}.public-kpis{grid-template-columns:1fr 1fr}.public-grid{grid-template-columns:1fr}.public-subprojects{grid-template-columns:1fr}.public-project-overlay{flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:28px}.public-project-overlay h1{font-size:32px}}
@media(max-width:560px){.notification-row{flex-wrap:wrap}.notification-actions{width:100%;padding-left:22px}.report-project-row{grid-template-columns:40px 1fr}.report-project-row .btn{width:100%;grid-column:1/-1}.public-kpis{grid-template-columns:1fr}.public-main{width:min(100% - 20px,1180px)}.public-header{padding:0 14px}}


/* PRODHub V1.7 — PWA, onboarding, acessibilidade e refinamento final */
:root{
  --surface:#fff;
  --surface-soft:#f8f9fc;
  --text:#171827;
  --muted:#697084;
  --border:#e7e8ef;
  --brand:#4f46e5;
  --shadow-soft:0 12px 34px rgba(17,20,38,.07);
}
html{scroll-behavior:smooth}
body{min-width:320px}
button,a,input,select,textarea,summary{touch-action:manipulation}
.btn,button,input,select{min-height:44px}
textarea{min-height:96px}
:focus-visible{outline:3px solid rgba(79,70,229,.38);outline-offset:3px}
.container{width:min(1440px,calc(100% - 40px))}
.panel{box-shadow:var(--shadow-soft)}
.page-head{gap:24px}
.page-head h1{letter-spacing:-.035em}
.nav a{white-space:nowrap}
.user-menu{min-width:0}
.floating-tools{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,calc(env(safe-area-inset-bottom) + 22px));display:grid;gap:10px;z-index:80}
.floating-tool{width:48px;height:48px;border:1px solid rgba(79,70,229,.18);border-radius:16px;display:grid;place-items:center;background:#fff;color:var(--brand);font-weight:800;font-size:20px;box-shadow:0 14px 36px rgba(17,20,38,.14);cursor:pointer;text-decoration:none}
.floating-tool:hover{transform:translateY(-2px)}
.mobile-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}
.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}
.help-card{position:relative;overflow:hidden;min-height:190px}
.help-number{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(79,70,229,.09);color:var(--brand);font-weight:800;margin-bottom:22px}
.help-card h2{margin:.2rem 0 .55rem}
.help-card p{color:var(--muted);line-height:1.6}
.shortcut-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.shortcut-grid>div{display:flex;align-items:center;gap:8px;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}
kbd{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:8px;background:#171827;color:#fff;font:700 12px/1 system-ui;box-shadow:inset 0 -2px 0 rgba(255,255,255,.15)}
.tour-layer{position:fixed;inset:0;z-index:200}
.tour-backdrop{position:absolute;inset:0;background:rgba(8,10,20,.56);backdrop-filter:blur(3px)}
.tour-card{position:absolute;left:50%;bottom:max(34px,calc(env(safe-area-inset-bottom) + 24px));transform:translateX(-50%);width:min(560px,calc(100% - 32px));background:#fff;border-radius:22px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.25)}
.tour-card h2{margin:.35rem 0 .5rem;font-size:1.45rem}
.tour-card p{color:var(--muted);line-height:1.6}
.tour-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.tour-highlight{position:relative;z-index:201!important;box-shadow:0 0 0 4px #fff,0 0 0 8px rgba(79,70,229,.9)!important;border-radius:10px}
.health-score{min-width:150px;border-radius:18px;padding:16px 20px;display:grid;gap:2px;text-align:right}
.health-score strong{font-size:1.7rem}
.health-good{background:#ecfdf3;color:#166534}.health-warn{background:#fff7ed;color:#9a3412}.health-bad{background:#fef2f2;color:#991b1b}
.health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}
.health-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}
.health-item p{margin:.25rem 0 0;color:var(--muted);font-size:.88rem;word-break:break-word}
.health-dot{width:12px;height:12px;border-radius:999px}.health-dot.ok{background:#22c55e}.health-dot.fail{background:#ef4444}
.danger-badge{background:#fef2f2!important;color:#991b1b!important}
@media (max-width:1100px){
  .help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .container{width:min(100% - 24px,1440px)}
  .help-grid,.health-grid{grid-template-columns:1fr}
  .shortcut-grid{grid-template-columns:1fr}
  .floating-tools{bottom:calc(82px + env(safe-area-inset-bottom));right:14px}
  .floating-tool{width:46px;height:46px}
  .tour-card{bottom:calc(84px + env(safe-area-inset-bottom))}
  .page-head{align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* PRODHub V1.7.1 - correção global de elementos ocultos */
.hidden{display:none!important}


/* PRODHub V2.0 — Studio IA */
.studio-page-head{margin-bottom:18px}
.studio-shell{display:grid;grid-template-columns:280px minmax(0,1fr) 390px;gap:16px;align-items:start;min-height:680px}
.studio-left,.studio-right{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto}
.studio-left{padding:0}.studio-section{padding:18px}.studio-section+.studio-section{border-top:1px solid var(--border)}
.panel-head.compact{margin-bottom:12px}.panel-head.compact h2{font-size:1rem}
.studio-new-session{margin-bottom:12px}.studio-session-list{display:grid;gap:6px}
.studio-session{display:grid;gap:3px;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--text)}
.studio-session:hover,.studio-session.active{background:rgba(79,70,229,.08);color:var(--brand)}
.studio-session small{color:var(--muted);font-size:.76rem}
.studio-base-meta{display:grid;gap:2px;margin-bottom:10px}.studio-base-meta small{color:var(--muted)}
.studio-file-filter{width:100%;margin-bottom:8px}
.studio-file-list{display:grid;gap:2px;max-height:360px;overflow:auto}
.studio-file{display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:9px;text-decoration:none;color:var(--text);font-size:.78rem;min-width:0}
.studio-file .grow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-file small{color:var(--muted);font-size:.68rem}
.studio-file:hover,.studio-file.active{background:var(--surface-soft);color:var(--brand)}
.studio-settings{border-top:1px solid var(--border);padding:16px 18px}
.studio-center{min-width:0}.studio-editor-panel,.studio-proposal-panel,.studio-welcome{min-height:680px}
.studio-code{background:#111827;color:#e5e7eb;border-radius:14px;padding:18px;overflow:auto;max-height:650px;font-size:.82rem;line-height:1.55;white-space:pre}
.studio-welcome{display:grid;place-items:center;text-align:center;align-content:center;padding:50px}.studio-welcome>p{max-width:680px;color:var(--muted);line-height:1.7}
.studio-welcome-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:22px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-weight:900;font-size:1.4rem;box-shadow:0 18px 45px rgba(79,70,229,.22)}
.studio-mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-top:24px}
.studio-mode-cards>div{display:grid;gap:5px;text-align:left;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}
.studio-mode-cards span{font-size:.78rem;color:var(--muted);line-height:1.45}
.studio-chat-head{padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:12px}.studio-chat-head h2{font-size:1.05rem;margin:.2rem 0}.studio-chat-head small{color:var(--muted)}
.studio-chat{display:grid;gap:12px;max-height:calc(100vh - 360px);min-height:360px;overflow:auto;padding-right:3px}
.studio-message{padding:12px 13px;border-radius:15px;background:var(--surface-soft);border:1px solid var(--border)}
.studio-message.user{background:rgba(79,70,229,.07);border-color:rgba(79,70,229,.16)}
.studio-message-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:.75rem}.studio-message-meta time{color:var(--muted)}
.studio-message-body{white-space:pre-wrap;line-height:1.58;font-size:.86rem;overflow-wrap:anywhere}
.studio-message details{margin-top:9px;font-size:.75rem;color:var(--muted)}
.studio-prompt-form{position:sticky;bottom:0;background:var(--surface);padding-top:14px;margin-top:14px;border-top:1px solid var(--border)}
.studio-prompt-form textarea{width:100%;resize:vertical}
.studio-prompt-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.studio-prompt-footer span{font-size:.74rem;color:var(--muted)}
.studio-context-picker{margin-top:8px}.studio-context-picker summary{font-size:.76rem;color:var(--brand);cursor:pointer}
.studio-context-files{display:grid;gap:5px;max-height:180px;overflow:auto;padding:8px 0}.studio-context-files label{display:flex;gap:8px;align-items:flex-start;font-size:.72rem}
.studio-context-files input{min-height:auto;margin-top:2px}
.studio-plan{padding:14px;border-radius:14px;background:var(--surface-soft);margin-bottom:16px}.studio-plan ol{margin:.6rem 0 0;padding-left:20px;line-height:1.55}
.studio-change-list{display:grid;gap:16px}.studio-change{border:1px solid var(--border);border-radius:16px;padding:14px;background:#fff}
.studio-change-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:9px}.studio-change-head>strong{flex:1;min-width:180px;overflow-wrap:anywhere}
.studio-change-head input{min-height:auto}.change-action{font-size:.68rem;font-weight:900;padding:4px 7px;border-radius:7px}.change-action.create{background:#ecfdf3;color:#166534}.change-action.update{background:#eff6ff;color:#1d4ed8}.change-action.delete{background:#fef2f2;color:#991b1b}
.studio-change>p{color:var(--muted);font-size:.82rem}
.studio-diff{display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio-diff>div{min-width:0}
.diff-label{display:block;font-size:.68rem;font-weight:800;color:var(--muted);margin-bottom:5px}
.studio-diff pre{margin:0;background:#111827;color:#e5e7eb;border-radius:12px;padding:12px;max-height:340px;overflow:auto;font-size:.72rem;line-height:1.45;white-space:pre}
.studio-advice{margin-top:14px;padding:13px;border-radius:12px;background:#eff6ff}.studio-advice.warning{background:#fff7ed}.studio-advice ul{margin:.45rem 0 0;padding-left:18px}
.studio-proposal-actions{margin-top:16px}.compact-list{margin:.4rem 0;padding-left:18px}
.danger-notice{border-color:#fecaca;background:#fff7f7}
@media(max-width:1280px){.studio-shell{grid-template-columns:250px minmax(0,1fr)}.studio-right{grid-column:1/-1;position:static;max-height:none}.studio-chat{max-height:430px}.studio-editor-panel,.studio-proposal-panel,.studio-welcome{min-height:540px}}
@media(max-width:820px){.studio-shell{grid-template-columns:1fr}.studio-left,.studio-right{position:static;max-height:none}.studio-center{order:2}.studio-right{order:3}.studio-left{order:1}.studio-diff{grid-template-columns:1fr}.studio-mode-cards{grid-template-columns:1fr}.studio-editor-panel,.studio-proposal-panel,.studio-welcome{min-height:auto}.studio-chat{max-height:420px}.studio-file-list{max-height:250px}}


/* PRODHub V2.0.1 — Studio IA: iniciar projeto do zero */
.studio-zero-start{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.studio-zero-start p{margin:.35rem 0 0;color:var(--muted)}
.studio-empty-base{display:grid;place-items:center;text-align:center;gap:6px;padding:24px 12px;border:1px dashed rgba(79,70,229,.28);border-radius:14px;background:rgba(79,70,229,.035)}
.studio-empty-base>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(79,70,229,.09);color:var(--brand);font-size:1.5rem}
.studio-empty-base small{color:var(--muted);line-height:1.45}
.studio-zero-example{display:grid;gap:6px;max-width:760px;margin:18px auto 0;padding:14px 16px;text-align:left;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}
.studio-zero-example span{font-size:.84rem;color:var(--muted);line-height:1.55}
.studio-no-context{margin-top:8px;padding:9px 10px;border-radius:10px;background:var(--surface-soft);color:var(--muted);font-size:.74rem}
@media(max-width:760px){.studio-zero-start{align-items:flex-start;flex-direction:column}.studio-zero-start .btn{width:100%}}


/* PRODHub V2.0.2 — upload de logo e capa */
.project-image-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.project-image-field{
  border:1px solid var(--border,#e7e8ef);
  border-radius:16px;
  background:var(--surface-soft,#f8f9fc);
  padding:16px;
  display:grid;
  gap:13px;
}
.project-image-field-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.project-image-field-head>div:first-child{
  display:grid;
  gap:3px;
}
.project-image-field-head small,
.project-image-field label>small{
  color:var(--muted,#697084);
  font-size:.76rem;
  line-height:1.45;
}
.project-image-preview{
  flex:0 0 auto;
  overflow:hidden;
  border:1px solid var(--border,#e7e8ef);
  background:#fff;
  display:grid;
  place-items:center;
}
.project-image-preview.logo-preview{
  width:72px;
  height:72px;
  border-radius:16px;
}
.project-image-preview.cover-preview{
  width:116px;
  height:72px;
  border-radius:14px;
}
.project-image-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.project-image-preview.logo-preview img{
  object-fit:contain;
  padding:6px;
}
.project-image-field input[type="file"]{
  width:100%;
  min-height:44px;
  padding:8px;
  border:1px dashed #cfd3df;
  border-radius:10px;
  background:#fff;
}
.project-image-remove{
  margin-top:2px;
  color:#991b1b;
}
@media(max-width:760px){
  .project-image-grid{grid-template-columns:1fr}
  .project-image-field-head{align-items:flex-start}
}


/* PRODHub V2.0.9 — Painel Mobile */
.mobile-dashboard-wrap{
  max-width:780px;
  margin:0 auto;
  padding-bottom:104px;
}
.mobile-mode-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.mobile-mode-header h1{
  margin:.15rem 0 .3rem;
  font-size:clamp(1.85rem,5vw,2.4rem);
  letter-spacing:-.045em;
}
.mobile-mode-header p{margin:0;color:var(--muted,#697084)}
.mobile-mode-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mobile-kpi-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-bottom:14px;
}
.mobile-kpi{
  min-height:132px;
  display:grid;
  align-content:start;
  gap:3px;
  padding:14px;
  border:1px solid var(--border,#e7e8ef);
  border-radius:18px;
  background:#fff;
  text-decoration:none;
  color:var(--text,#16182a);
  box-shadow:var(--shadow-sm,0 8px 24px rgba(20,25,50,.06));
}
.mobile-kpi:hover{border-color:#c7c3ff;transform:translateY(-1px)}
.mobile-kpi.attention{background:#fffbeb;border-color:#fde68a}
.mobile-kpi.danger{background:#fff7f7;border-color:#fecaca}
.mobile-kpi-icon{
  width:34px;height:34px;border-radius:11px;
  display:grid;place-items:center;
  background:#eef2ff;color:#4f46e5;font-weight:900;
  margin-bottom:5px;
}
.mobile-kpi.attention .mobile-kpi-icon{background:#fef3c7;color:#92400e}
.mobile-kpi.danger .mobile-kpi-icon{background:#fee2e2;color:#991b1b}
.mobile-kpi strong{font-size:1.55rem;letter-spacing:-.04em}
.mobile-kpi>span:not(.mobile-kpi-icon){font-weight:800;font-size:.79rem}
.mobile-kpi small{color:var(--muted,#697084);font-size:.68rem}
.mobile-section{margin-bottom:14px}
.mobile-section .panel-head{margin-bottom:12px}
.mobile-section .panel-head h2{font-size:1.15rem;margin:.15rem 0}
.mobile-cost-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
}
.mobile-cost-grid>div{
  min-width:0;padding:12px;
  border-radius:14px;background:var(--surface-soft,#f8f9fc);
  display:grid;gap:5px;
}
.mobile-cost-grid span{font-size:.68rem;color:var(--muted,#697084);font-weight:750}
.mobile-cost-grid strong{font-size:.93rem;overflow-wrap:anywhere}
.mobile-action-list,.mobile-list,.mobile-projects-list{display:grid;gap:9px}
.mobile-action-card{
  border:1px solid var(--border,#e7e8ef);
  border-radius:16px;padding:13px;background:#fff;
}
.approval-card{border-left:4px solid #5b4cf0}
.mobile-action-top{display:flex;gap:10px;align-items:center}
.mobile-project-logo{
  width:46px;height:46px;object-fit:contain;
  border-radius:12px;background:#fff;border:1px solid var(--border,#e7e8ef);
  padding:4px;box-sizing:border-box;flex:0 0 auto;
}
.mobile-action-top .grow{display:grid;gap:2px;min-width:0}
.mobile-action-top strong{font-size:.9rem}
.mobile-action-top small{font-size:.72rem;color:var(--muted,#697084)}
.mobile-chip{
  width:max-content;padding:3px 7px;border-radius:999px;
  background:#eef2ff;color:#4338ca;font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em;
}
.success-chip{background:#ecfdf3;color:#166534}
.mobile-action-buttons{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px;
}
.mobile-action-buttons form{display:block}
.mobile-touch-btn{
  width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;
}
.mobile-touch-btn.full{margin-top:11px}
.mobile-list-item,.mobile-notification,.mobile-alert{
  display:flex;align-items:center;gap:10px;
  min-height:58px;padding:10px 4px;
  border-bottom:1px solid var(--border,#e7e8ef);
  text-decoration:none;color:var(--text,#16182a);
}
.mobile-list-item:last-child,.mobile-notification:last-child,.mobile-alert:last-child{border-bottom:0}
.mobile-list-item .grow,.mobile-notification .grow,.mobile-alert .grow{display:grid;gap:2px;min-width:0}
.mobile-list-item strong,.mobile-notification strong,.mobile-alert strong{font-size:.83rem}
.mobile-list-item small,.mobile-notification small,.mobile-alert small{
  color:var(--muted,#697084);font-size:.7rem;line-height:1.4;
}
.mobile-list-dot,.deployment-status-dot,.mobile-notification-dot{
  width:10px;height:10px;border-radius:50%;flex:0 0 auto;background:#94a3b8;
}
.mobile-list-dot.beta{background:#7c3aed}
.mobile-list-dot.wcag{background:#0f766e}
.mobile-list-dot.release{background:#2563eb}
.mobile-notification.unread{background:#faf9ff;border-radius:12px;padding-left:10px;padding-right:10px}
.mobile-notification.unread .mobile-notification-dot{background:#5b4cf0;box-shadow:0 0 0 4px rgba(91,76,240,.10)}
.mobile-notification time{font-size:.63rem;color:var(--muted,#697084)}
.mobile-alert{
  padding:11px;border-radius:13px;border:1px solid transparent;
  margin-bottom:7px;
}
.mobile-alert.critical{background:#fff7f7;border-color:#fecaca}
.mobile-alert.warning{background:#fffbeb;border-color:#fde68a}
.mobile-alert-icon{
  width:30px;height:30px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;font-weight:900;
}
.mobile-alert.critical .mobile-alert-icon{background:#fee2e2;color:#991b1b}
.mobile-alert.warning .mobile-alert-icon{background:#fef3c7;color:#92400e}
.mobile-alert-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;font-weight:850;color:var(--muted,#697084)}
.mobile-status-pill{
  padding:4px 7px;border-radius:999px;font-size:.61rem;font-weight:850;text-transform:uppercase;white-space:nowrap;
  background:#f1f5f9;color:#475569;
}
.status-success{background:#ecfdf3!important;color:#166534!important}
.status-failed,.status-blocked,.status-rejected{background:#fef2f2!important;color:#991b1b!important}
.status-pending,.status-validating{background:#fff7ed!important;color:#9a3412!important}
.status-approved,.status-deploying{background:#eff6ff!important;color:#1d4ed8!important}
.deployment-status-dot.status-success{background:#16a34a!important}
.deployment-status-dot.status-failed,.deployment-status-dot.status-blocked,.deployment-status-dot.status-rejected{background:#dc2626!important}
.deployment-status-dot.status-pending,.deployment-status-dot.status-validating{background:#f59e0b!important}
.deployment-status-dot.status-approved,.deployment-status-dot.status-deploying{background:#2563eb!important}
.mobile-beta-card{display:flex;align-items:center;gap:12px}
.mobile-beta-avatar{
  width:54px;height:54px;border-radius:17px;
  display:grid;place-items:center;color:#fff;font-weight:900;
  background:linear-gradient(135deg,#4f46e5,#7c3aed);flex:0 0 auto;
}
.mobile-beta-card .grow{display:grid;gap:2px}
.mobile-beta-card span,.mobile-beta-card small{font-size:.72rem;color:var(--muted,#697084)}
.mobile-beta-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.mobile-beta-stats>div{background:var(--surface-soft,#f8f9fc);border-radius:13px;padding:12px;display:grid;gap:3px}
.mobile-beta-stats strong{font-size:1rem}.mobile-beta-stats span{font-size:.67rem;color:var(--muted,#697084)}
.mobile-project-row{
  display:flex;align-items:center;gap:11px;padding:10px 0;
  border-bottom:1px solid var(--border,#e7e8ef);text-decoration:none;color:var(--text,#16182a);
}
.mobile-project-row:last-child{border-bottom:0}
.mobile-project-cover{
  width:50px;height:50px;border-radius:14px;border:1px solid var(--border,#e7e8ef);background:#fff;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;
}
.mobile-project-cover img{width:100%;height:100%;object-fit:contain;padding:4px;box-sizing:border-box}
.mobile-project-row .grow{display:grid;gap:3px;min-width:0}
.mobile-project-row strong{font-size:.83rem}
.mobile-project-row small{font-size:.68rem;color:var(--muted,#697084)}
.mobile-progress{height:6px;border-radius:999px;background:#eceef5;overflow:hidden;margin-top:3px}
.mobile-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#7c3aed)}
.mobile-progress-number{font-size:.75rem!important;color:#4f46e5;flex:0 0 auto}
.mobile-empty-state{
  min-height:120px;display:grid;place-items:center;text-align:center;align-content:center;gap:6px;
  color:var(--muted,#697084);
}
.mobile-empty-state>span{font-size:1.8rem;color:#16a34a}
.mobile-empty-state strong{color:var(--text,#16182a)}
.mobile-empty-state p{margin:0;font-size:.75rem}
.mobile-empty-state.compact{min-height:72px}
.mobile-quick-nav{
  position:fixed;left:50%;bottom:calc(74px + env(safe-area-inset-bottom,0px));
  transform:translateX(-50%);
  width:min(620px,calc(100% - 24px));
  display:none;
  grid-template-columns:repeat(4,1fr);
  padding:7px;
  background:rgba(17,20,38,.96);
  border-radius:18px;
  box-shadow:0 18px 48px rgba(17,20,38,.25);
  z-index:70;
  backdrop-filter:blur(12px);
}
.mobile-quick-nav a{
  min-height:48px;display:grid;place-items:center;align-content:center;gap:1px;
  text-decoration:none;color:#fff;border-radius:12px;position:relative;
}
.mobile-quick-nav a:active{background:rgba(255,255,255,.1)}
.mobile-quick-nav span{font-weight:900}.mobile-quick-nav small{font-size:.61rem}
.mobile-quick-nav b{
  position:absolute;top:2px;right:14px;
  min-width:17px;height:17px;padding:0 4px;border-radius:999px;
  display:grid;place-items:center;background:#ef4444;color:#fff;font-size:.58rem;
}
@media(max-width:820px){
  .mobile-dashboard-wrap{padding-bottom:154px}
  .mobile-mode-header{display:grid}
  .mobile-mode-actions{justify-content:flex-start}
  .mobile-kpi-grid{grid-template-columns:repeat(2,1fr)}
  .mobile-kpi{min-height:118px}
  .mobile-cost-grid{grid-template-columns:repeat(2,1fr)}
  .mobile-quick-nav{display:grid}
}
@media(max-width:480px){
  .mobile-mode-actions{display:grid;grid-template-columns:1fr}
  .mobile-mode-actions .btn{width:100%;min-height:44px}
  .mobile-kpi-grid{gap:8px}
  .mobile-kpi{padding:12px}
  .mobile-action-buttons{grid-template-columns:1fr 1fr}
}
