/* 4.3 Premium interface — PRESENTATION ONLY. Existing business logic untouched. */
:root{--ui-bg:#f6f8fc;--ui-panel:#fff;--ui-border:#e6eaf2;--ui-text:#17243c;--ui-muted:#7b889b;--ui-soft:#9aa7b9;--ui-shadow:0 8px 24px rgba(37,55,95,.025);--ui-primary:#1769f6;--ui-accent-bg:#eaf2ff}
html[data-theme=light]{--ui-bg:#f6f8fc;--ui-panel:#fff;--ui-surface:#f8faff;--ui-border:#e6eaf2;--ui-text:#17243c;--ui-muted:#758299;--ui-soft:#98a4b6;--ui-primary:#1769f6;--ui-accent-bg:#eef4ff;--ui-shadow:0 9px 24px rgba(40,65,110,.032)}
html[data-theme=dark]{--ui-bg:#080f1c;--ui-panel:#101b2c;--ui-surface:#142238;--ui-border:#243349;--ui-text:#ebf2ff;--ui-muted:#9aabc5;--ui-soft:#7186a5;--ui-primary:#69a1ff;--ui-accent-bg:#172d4d;--ui-shadow:0 12px 30px rgba(0,0,0,.095)}
html,body{scroll-behavior:smooth}body,body.bg-navy{font-family:Inter,system-ui,sans-serif!important;background:var(--ui-bg)!important}.app-shell{grid-template-columns:254px minmax(0,1fr)!important}.sidebar{background:var(--ui-panel)!important;padding:25px 13px 16px!important}.brand-lockup{padding:2px 10px 27px!important;gap:12px!important}.brand-mark{width:52px!important;height:52px!important;border-radius:14px!important;background:#ffffff!important;box-shadow:0 10px 24px rgba(25,102,242,.16)!important;overflow:hidden;border:1px solid rgba(37,99,235,.14)!important}.brand-mark span{font:800 13px Inter,sans-serif!important;letter-spacing:-.5px}.brand-mark img{width:100%!important;height:100%!important;object-fit:cover!important;display:block}.brand-name{font:780 16px Inter,sans-serif!important;white-space:nowrap;letter-spacing:-.65px!important}.brand-sub{font-size:9px!important;letter-spacing:.1px!important}.tabs{gap:2px!important}.nav-group{padding:18px 12px 8px!important;letter-spacing:.13em!important;font-size:9px!important;font-weight:720!important}.tabs button{min-height:42px!important;padding:7px 11px!important;border-radius:9px!important;gap:11px!important}.tabs button .nav-icon{width:19px!important;height:20px!important;display:grid!important;place-items:center!important;font-size:0!important}.tabs button .nav-icon svg{stroke-width:1.9}.tabs button.active{background:var(--ui-accent-bg)!important;color:var(--ui-primary)!important;font-weight:700!important}.tabs button.active .nav-icon{color:var(--ui-primary)!important}.nav-copy strong{font-size:12.3px!important;font-weight:580!important;letter-spacing:-.12px}.sidebar-quota{padding:17px!important;margin:17px 3px 0!important;border-color:var(--ui-border)!important;background:var(--ui-surface)!important}.sidebar-quota .quota-kicker{letter-spacing:.12em!important;font-weight:750!important}.sidebar-quota #planStatus{font-size:14px!important;font-weight:740!important;letter-spacing:-.25px}.quota-track{height:5px!important;margin:12px 0 8px!important}.sidebar-quota #usageStatus{font-size:10.5px!important;line-height:1.5}.sidebar-quota button{background:var(--ui-panel)!important;border:1px solid var(--ui-border)!important;color:var(--ui-text)!important;font-weight:650!important}.sidebar-foot{padding:5px 5px 0!important;font-size:9px!important;line-height:1.65}.account-strip{padding:5px 2px!important}.main-content{background:var(--ui-bg)!important;min-width:0!important}.wrap{width:min(1250px,calc(100% - 84px))!important;padding-bottom:34px!important}.top{padding:27px 0 22px!important;margin-bottom:21px!important;border-bottom:1px solid var(--ui-border)!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}.top::after{display:none!important}.top .eyebrow{margin-bottom:6px!important;font:700 9px Inter,sans-serif!important;letter-spacing:.15em!important;color:var(--ui-soft)!important}.top h1{font:760 19px/1.25 Inter,sans-serif!important;letter-spacing:-.6px!important;margin:0 0 3px!important}.top p{font-size:11px!important;color:var(--ui-muted)!important}.ui-toolbar{grid-column:2!important;grid-row:1/span 3!important;gap:9px!important}.ui-tool{padding:0!important;min-width:38px!important;height:38px!important;border-radius:9px!important;line-height:1!important;font-size:16px!important;background:var(--ui-panel)!important;box-shadow:0 1px 2px rgba(16,24,40,.025)!important}.view.active{animation:lfFade .2s ease-out}@keyframes lfFade{from{opacity:.86;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
/* Dashboard hero — deliberately built as real DOM and SVG, not a fake screenshot. */
.premium-hero{position:relative;overflow:hidden;min-height:240px;border-radius:18px;background:radial-gradient(circle at 75% 15%,#1d5cb3 0%,transparent 36%),linear-gradient(119deg,#10274b 2%,#0d3472 60%,#0647a2 100%);display:grid;grid-template-columns:minmax(0,1fr) 35%;align-items:center;box-shadow:0 15px 30px rgba(19,67,141,.11);color:white;margin:0 0 30px}.premium-hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 70%,rgba(255,255,255,.04))}.premium-hero-copy{padding:35px 37px 31px;position:relative;z-index:2}.premium-hero-label{font:700 9px Inter,sans-serif;letter-spacing:.15em;color:#a7c7ff;display:flex;gap:12px;align-items:center;margin-bottom:17px}.p-status-dot{display:inline-block;width:6px;height:6px;background:#5be2bb;border-radius:50%;box-shadow:0 0 0 4px rgba(91,226,187,.12)}.p-label-sep{color:#628fcb}.premium-hero h2{color:#fff!important;font:780 clamp(23px,2.5vw,32px)/1.16 Inter,sans-serif!important;letter-spacing:-1.15px;margin:0 0 9px}.premium-hero h2 span{color:#92c5ff}.premium-hero p{font-size:12px;line-height:1.75;max-width:440px;color:#c0d3f2;margin:0}.premium-hero-actions{display:flex;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap}.premium-hero-actions button{min-height:39px;display:inline-flex;align-items:center;gap:9px;border-radius:8px!important;font:660 11.5px Inter,sans-serif!important;padding:10px 15px!important}.p-button-primary{background:#fff!important;color:#164e9c!important;box-shadow:0 5px 15px rgba(4,21,59,.12)}.p-button-primary:hover{background:#ebf3ff!important;transform:translateY(-1px)}.p-button-secondary{background:rgba(255,255,255,.08)!important;color:#e4eeff!important;border:1px solid rgba(255,255,255,.19)!important}.p-button-secondary:hover{background:rgba(255,255,255,.14)!important}.premium-hero-proof{display:flex;align-items:center;gap:7px;color:#a9c6ed;font-size:10px;margin-top:20px}.premium-hero-art{position:relative;height:100%;min-height:225px;opacity:.94}.hero-art-ring{position:absolute;border-radius:50%;border:1px solid rgba(156,201,255,.15);width:260px;height:260px;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-two{width:185px;height:185px;box-shadow:0 0 0 25px rgba(104,178,255,.04),0 0 0 57px rgba(104,178,255,.032)}.hero-art-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-5deg);border-radius:23px;width:110px;height:110px;background:linear-gradient(135deg,#4b9eff,#1664e4);box-shadow:0 17px 48px rgba(0,21,72,.32),inset 0 1px rgba(255,255,255,.34);display:flex;align-items:center;justify-content:center;gap:4px}.hero-art-logo span{font:850 47px Inter,sans-serif;letter-spacing:-5px}.hero-art-logo small{align-self:flex-end;margin-bottom:29px;font:750 10px Inter,sans-serif;color:#d0e7ff}.hero-art-chip{position:absolute;background:rgba(255,255,255,.96);color:#1c4b85;box-shadow:0 7px 22px rgba(4,15,47,.18);font-size:9px;font-weight:650;display:flex;align-items:center;gap:7px;border-radius:7px;padding:9px 11px;white-space:nowrap}.chip-a{right:16px;top:40px;transform:rotate(3deg)}.chip-b{left:-34px;bottom:34px;transform:rotate(-4deg)}.chip-b svg,.chip-a svg{color:#1171ef}
.premium-section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:0 0 15px}.premium-overline{display:block;color:var(--ui-primary);font:750 9px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.premium-section-heading h3{font:750 19px/1.2 Inter,sans-serif!important;letter-spacing:-.6px;color:var(--ui-text)!important;margin:0}.premium-soft{color:var(--ui-muted);font-weight:450}.premium-session-tag{display:flex;gap:6px;align-items:center;color:var(--ui-soft);font-size:10.5px}.premium-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important;margin:0 0 30px!important}.premium-stat{position:relative;min-height:135px;padding:18px 19px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;background:var(--ui-panel)!important;box-shadow:0 2px 8px rgba(35,57,95,.02)!important;border-color:var(--ui-border)!important;border-radius:13px!important;gap:0!important}.stat-icon{position:absolute;right:17px;top:16px;display:grid;place-items:center;width:37px;height:37px;border-radius:9px}.stat-icon.blue,.premium-action-icon.blue{color:#2075f4;background:#edf4ff}.stat-icon.violet,.premium-action-icon.violet{color:#9361e6;background:#f3ecff}.stat-icon.green,.premium-action-icon.green{color:#119e7a;background:#e6f7f0}.stat-icon.amber,.premium-action-icon.amber{color:#e49a27;background:#fff3df}.premium-action-icon.cyan{color:#168fb5;background:#e6f7fc}.premium-action-icon.rose{color:#dc6c82;background:#fff0f3}.premium-stat small{font:600 10.5px Inter,sans-serif!important;color:var(--ui-muted)!important;max-width:calc(100% - 27px);margin-bottom:15px!important}.premium-stat b{font:760 clamp(22px,2vw,29px) Inter,sans-serif!important;letter-spacing:-1.2px;margin:0 0 4px;color:var(--ui-text)!important;white-space:nowrap}.premium-stat:nth-child(3) b{font-size:clamp(20px,1.8vw,26px)!important;color:#13996f!important}.premium-stat>span:last-child{font-size:9.6px;color:var(--ui-soft)!important}.premium-section-tools{margin-top:6px}.premium-inline-link{display:inline-flex;align-items:center;gap:5px;padding:5px 0!important;background:none!important;color:var(--ui-primary)!important;font:650 11px Inter,sans-serif!important}.premium-inline-link:hover{text-decoration:underline}
.premium-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}.premium-action{position:relative;min-height:105px;display:flex;align-items:flex-start;gap:14px;text-align:left;padding:20px 15px!important;border-radius:13px!important;background:var(--ui-panel)!important;border:1px solid var(--ui-border)!important;box-shadow:0 2px 8px rgba(35,57,95,.014)!important;transition:transform .18s,box-shadow .18s,border-color .18s!important}.premium-action:hover{transform:translateY(-2px)!important;border-color:#bcd4fa!important;box-shadow:0 10px 24px rgba(34,88,167,.06)!important}.premium-action-icon{display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;border-radius:11px}.premium-action-copy{display:flex;flex-direction:column;gap:6px;padding-top:2px;min-width:0}.premium-action-copy strong{font:720 12.1px Inter,sans-serif;color:var(--ui-text);letter-spacing:-.2px}.premium-action-copy small{font:430 10.2px/1.6 Inter,sans-serif;color:var(--ui-muted)}.premium-action-arrow{position:absolute;right:14px;top:22px;color:#b5bed0}.premium-bottom-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:13px}.premium-bottom-card{min-width:0;border:1px solid var(--ui-border);background:var(--ui-panel);border-radius:13px;padding:22px 23px;box-shadow:0 2px 8px rgba(35,57,95,.018)}.premium-card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:10px}.premium-card-heading h3{font:740 15px Inter,sans-serif;letter-spacing:-.4px;color:var(--ui-text)!important;margin:0}.premium-mini-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:var(--ui-primary);background:var(--ui-accent-bg)}.premium-steps{display:grid;gap:0}.premium-step{display:flex;gap:13px;align-items:center;padding:11px 0;border-bottom:1px solid var(--ui-border);color:var(--ui-soft)}.premium-step:last-child{border:0}.premium-step>span:first-child{font:740 11px Inter,sans-serif;color:var(--ui-primary);width:23px}.premium-step div{flex:1;display:flex;flex-direction:column;gap:4px}.premium-step strong{font-size:11.2px;color:var(--ui-text)}.premium-step small{font-size:10px;color:var(--ui-muted)}.premium-plan-row{display:flex;align-items:center;justify-content:space-between;margin-top:4px;gap:8px}.premium-plan-row>div{display:flex;flex-direction:column;gap:6px}.premium-plan-row strong{font-size:14px;color:var(--ui-text)}.premium-plan-row small{font-size:10px;color:var(--ui-muted)}.premium-access-pill{font:740 9px Inter,sans-serif;color:#087857;background:#e3f7ec;border-radius:999px;padding:6px 10px}.premium-plan-meter{margin:20px 0 17px}.premium-meter-track{height:7px;background:var(--ui-border);border-radius:20px;overflow:hidden}.premium-meter-track>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#3788ff,#1765ed);border-radius:20px;transition:width .2s}.premium-plan-meter p{font-size:10px;color:var(--ui-muted);margin:7px 0 0}.premium-plan-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ui-primary)!important;background:var(--ui-primary)!important;color:#fff!important;border-radius:8px!important;padding:12px!important;font-size:11px!important}.premium-plan-button:hover{filter:brightness(.92)}.premium-privacy{display:flex;gap:7px;align-items:center;margin-top:14px;color:var(--ui-muted);font-size:9.5px;line-height:1.5}.premium-dashboard-foot{display:flex;align-items:center;gap:7px;margin:23px 0;color:var(--ui-soft);font-size:9.6px}
/* Shared inner screens: clarity and consistency, keeping every ID and form untouched. */
.view:not(#view-dashboard) .workspace-intro{padding:7px 0 14px!important}.view:not(#view-dashboard) .workspace-intro h2{font-size:24px!important;font-weight:750!important;letter-spacing:-.75px}.workspace-card,.card{border-radius:13px!important;box-shadow:0 2px 12px rgba(25,53,110,.022)!important}.workspace-card h3,.card h2{font-weight:720!important}.view:not(#view-dashboard) .kpi-grid .kpi{border-radius:11px!important}button.primary{background:var(--ui-primary)!important;color:#fff!important;box-shadow:0 3px 10px rgba(40,98,200,.12)!important;border:1px solid var(--ui-primary)!important}button.primary:hover{filter:brightness(.93)}button.ghost{background:var(--ui-panel)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important}.stepper .step.active{background:var(--ui-accent-bg)!important;border-color:var(--ui-primary)!important}.stepper .step.active .n{background:var(--ui-primary)!important}.drop{background:var(--ui-surface)!important;border:1.5px dashed #b9cbe7!important}.drop:hover{background:var(--ui-accent-bg)!important;border-color:var(--ui-primary)!important}.drop .icon{color:var(--ui-primary)!important;border-color:var(--ui-border)!important;background:var(--ui-accent-bg)!important}.drop:before,.drop:after{border-color:var(--ui-border)!important}.ai-fab{background:var(--ui-primary)!important;color:white!important;border-color:var(--ui-primary)!important;border-radius:100px!important;box-shadow:0 8px 25px rgba(15,93,222,.2)!important}.paywall-modal{background:var(--ui-panel)!important;border:1px solid var(--ui-border)!important;color:var(--ui-text)!important;box-shadow:0 24px 90px rgba(2,22,55,.24)!important}.paywall-modal h3{color:var(--ui-text)!important;font-family:Inter,sans-serif!important;font-weight:750!important}.paywall-modal p{color:var(--ui-muted)!important}.paywall-modal .btn-assinar{background:var(--ui-primary)!important;color:white!important}.paywall-close{color:var(--ui-text)!important}
html[data-theme=dark] .premium-hero{background:radial-gradient(circle at 80% 10%,#1a4d92,transparent 34%),linear-gradient(119deg,#0b2242,#103d82)}html[data-theme=dark] .premium-action-icon.blue,html[data-theme=dark] .stat-icon.blue{background:#193358;color:#74adff}html[data-theme=dark] .premium-action-icon.violet,html[data-theme=dark] .stat-icon.violet{background:#312443;color:#c2a2ff}html[data-theme=dark] .premium-action-icon.green,html[data-theme=dark] .stat-icon.green{background:#123c35;color:#76dac0}html[data-theme=dark] .premium-action-icon.amber,html[data-theme=dark] .stat-icon.amber{background:#42321e;color:#edc184}html[data-theme=dark] .premium-action-icon.cyan{background:#17364a;color:#73cce8}html[data-theme=dark] .premium-action-icon.rose{background:#3d2738;color:#f49ab2}html[data-theme=dark] .premium-access-pill{background:#154739;color:#72e2b5}html[data-theme=dark] .premium-stat:nth-child(3) b{color:#45c99e!important}html[data-theme=dark] .premium-action:hover{border-color:#3267a3!important}html[data-theme=dark] .hero-art-chip{background:#eff6ff}
@media(max-width:1450px){.wrap{width:min(1210px,calc(100% - 60px))!important}.premium-hero{grid-template-columns:1fr 32%}.chip-b{left:-8px}}
@media(max-width:1200px){.app-shell{grid-template-columns:220px minmax(0,1fr)!important}.premium-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.premium-hero-art{opacity:.7}.premium-hero-copy{padding:27px}}
@media(max-width:850px){.app-shell,body.nav-collapsed .app-shell{grid-template-columns:1fr!important}.sidebar{padding:13px!important}.nav-copy strong{font-size:11.5px!important}.brand-lockup{padding-bottom:10px!important}.wrap{width:calc(100% - 34px)!important}.top{padding:19px 0 16px!important}.top h1{font-size:17px!important}.premium-hero-art{display:none}.premium-hero{display:block;min-height:0}.premium-hero-copy{padding:26px}.premium-bottom-grid{grid-template-columns:1fr}.premium-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.premium-section-heading h3{font-size:17px!important}.tabs{gap:4px!important}}
@media(max-width:520px){.wrap{width:calc(100% - 24px)!important}.premium-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.premium-stat{padding:15px!important;min-height:120px}.premium-stat b{font-size:22px!important}.premium-stat:nth-child(3) b{font-size:18px!important}.stat-icon{right:8px;top:8px;width:29px;height:29px}.stat-icon svg{width:17px;height:17px}.premium-action-grid{grid-template-columns:1fr;gap:9px}.premium-action{min-height:88px!important;padding:15px!important}.premium-hero-copy{padding:24px 20px}.premium-hero h2{font-size:24px!important}.premium-hero-label{font-size:8px}.premium-hero-actions{flex-direction:column;align-items:stretch}.premium-hero-actions button{justify-content:center}.premium-section-heading{align-items:flex-start}.premium-session-tag{display:none}.premium-bottom-card{padding:18px}.premium-inline-link{font-size:9px!important}.ui-tool{min-width:33px!important;height:33px!important}.top{margin-bottom:14px!important}}
@media(prefers-reduced-motion:reduce){.view.active{animation:none!important}}

.hero-art-logo.hero-art-logo-image{background:rgba(255,255,255,.94)!important;border:1px solid rgba(37,99,235,.14)!important;padding:8px!important;display:grid;place-items:center!important}
.hero-art-logo.hero-art-logo-image img{width:100%;height:100%;object-fit:contain;display:block;border-radius:16px}
.sidebar-link-extra .nav-icon{width:19px!important;height:20px!important;display:grid!important;place-items:center!important;font-size:16px!important}