:root{color-scheme:dark;--bg:#07111e;--sidebar:#081321;--panel:#0d1b2b;--panel2:#101f31;--line:#b5d7f017;--line2:#b5d7f02b;--text:#f2f7ff;--muted:#8498ae;--blue:#61d9ff;--blue-soft:#61d9ff18;--violet:#9e89ff;--green:#58d6a0;--amber:#f1bd68;--red:#ff7c87;font-family:Inter,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(ellipse at 65% 5%,#16345539,transparent 36%),var(--bg);font-size:13px}.sidebar{position:fixed;z-index:5;inset:0 auto 0 0;width:252px;padding:26px 16px 14px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:linear-gradient(180deg,#091624 0%,#081321 100%)}.brand{height:40px;display:flex;align-items:center;gap:11px;padding:0 10px;color:var(--text);font-size:16px;font-weight:850;letter-spacing:.13em;text-decoration:none}.brand-mark{font-size:26px;color:var(--blue);text-shadow:0 0 18px #61d9ff85}.brand small{display:block;margin-top:2px;color:#829ab2;font-size:8px;letter-spacing:.26em}.workspace{margin:30px 0 31px;padding:12px;display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:12px;background:#ffffff05}.workspace-icon,.avatar{display:grid;place-items:center;flex:none;border-radius:10px;font-weight:800}.workspace-icon{width:35px;height:35px;color:#06141e;background:linear-gradient(145deg,#7be4ff,#418ce3);font-size:16px}.workspace b,.admin-user b{display:block;font-size:11px}.workspace small,.admin-user small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.chevron{margin-left:auto;color:#748aa1}.nav-caption{margin:0 0 9px 10px;color:#6b8096;font-size:9px;font-weight:750;letter-spacing:.13em}.side-nav{display:grid;gap:4px}.nav-link{width:100%;height:39px;padding:0 11px;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:9px;color:#9fb0c4;background:none;text-align:left;font:600 11px inherit;cursor:pointer}.nav-link span{width:18px;color:#8da3bb;text-align:center;font-size:16px}.nav-link:hover,.nav-link.active{border-color:#61d9ff1c;color:#eaf9ff;background:linear-gradient(90deg,#61d9ff15,#61d9ff05)}.nav-link.active{box-shadow:inset 2px 0 #61d9ff}.nav-link.active span{color:var(--blue)}.nav-link i{margin-left:auto;padding:3px 7px;border-radius:20px;color:#9bb2c9;background:#ffffff0c;font-size:9px;font-style:normal}.tools-caption{margin-top:33px}.sidebar-bottom{margin-top:auto}.secure-note{margin-bottom:12px;padding:12px 10px;display:flex;gap:9px;border:1px solid #61d9ff17;border-radius:10px;background:#61d9ff08}.secure-note>span{color:var(--blue)}.secure-note b{display:block;font-size:9px}.secure-note small{display:block;margin-top:5px;color:var(--muted);font-size:8px;line-height:1.45}.admin-user{width:100%;padding:10px 4px 3px;display:flex;align-items:center;gap:9px;border:0;border-top:1px solid var(--line);color:inherit;background:none;text-align:left}.avatar{width:31px;height:31px;color:#d8d0ff;background:linear-gradient(145deg,#5847a8,#273357);font-size:10px}.more{margin-left:auto;color:var(--muted);font-weight:bold}.main-area{min-height:100vh;margin-left:252px}.topbar{height:68px;padding:0 37px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#07111ebd;backdrop-filter:blur(18px)}.breadcrumbs,.top-actions{display:flex;align-items:center;gap:12px}.breadcrumbs{color:var(--muted);font-size:10px}.breadcrumbs b{color:#43566b}.breadcrumbs strong{color:#e4edf7;font-weight:600}.top-actions{gap:15px}.env-pill{padding:6px 9px;border:1px solid #f1bd6833;border-radius:20px;color:#e6bf7e;background:#f1bd680d;font-size:8px;font-weight:800;letter-spacing:.09em}.env-pill i,.live-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#edbd66;box-shadow:0 0 8px #edbd66}.icon-btn,.quiet-btn{position:relative;width:32px;height:32px;border:1px solid var(--line);border-radius:9px;color:#afc1d4;background:#ffffff05;font-size:16px;cursor:pointer}.icon-btn>i{position:absolute;top:6px;right:6px;width:5px;height:5px;border-radius:50%;background:var(--blue)}.top-divider{height:23px;border-left:1px solid var(--line2)}.profile-chip{display:flex;align-items:center;gap:9px;border:0;color:#cfdae7;background:none;font-size:10px;cursor:pointer}.small-avatar{width:28px;height:28px;border-radius:50%}.content{max-width:1680px;margin:auto;padding:32px 38px 20px}.page{animation:enter .22s ease}@keyframes enter{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}.welcome-row{margin-bottom:21px;display:flex;align-items:center;justify-content:space-between;gap:16px}.eyebrow{margin:0 0 9px;color:#7990a9;font-size:8px;font-weight:750;letter-spacing:.12em}.live-dot{margin-left:5px;background:#4fd5a0;box-shadow:0 0 8px #4fd5a0}.h1,h1{margin:0;color:#f4f8ff;font-size:26px;letter-spacing:-.035em}.subheading{margin:7px 0 0;color:#8296ac;font-size:11px}.primary-btn,.secondary-btn{min-height:35px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #67dfff48;border-radius:9px;color:#07131e;background:linear-gradient(135deg,#84e9ff,#52c5ec);box-shadow:0 5px 16px #47c8ef20;font-size:10px;font-weight:750;cursor:pointer}.primary-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-btn>span{font-size:16px}.secondary-btn{color:#c6d5e4;background:#ffffff07;border-color:var(--line2);box-shadow:none}.notice-banner{margin-bottom:18px;padding:12px 14px;display:flex;align-items:center;gap:11px;border:1px solid #61d9ff1f;border-radius:10px;background:linear-gradient(105deg,#61d9ff0c,#9d88ff08)}.notice-icon{width:20px;height:20px;display:grid;place-items:center;border:1px solid #61d9ff50;border-radius:50%;color:var(--blue);font-size:11px}.notice-banner b{font-size:10px}.notice-banner p{margin:4px 0 0;color:#8fa4b9;font-size:9px}.notice-banner>button{margin-left:auto;border:0;color:var(--blue);background:none;font-size:9px;cursor:pointer}.metric-grid{margin-bottom:17px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card,.panel{border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#0e1e30f5,#0c1928f5);box-shadow:0 8px 22px #00000012}.metric-card{min-height:119px;padding:14px}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#99abc0;font-size:9px}.metric-icon{width:29px;height:29px;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;font-size:13px}.metric-icon.blue{color:#73ddfb;border-color:#61d9ff21;background:#61d9ff10}.metric-icon.violet{color:#ae9bff;border-color:#9e89ff25;background:#9e89ff12}.metric-icon.amber{color:#f3c879;border-color:#f1bd6825;background:#f1bd6812}.metric-icon.coral{color:#ff9096;border-color:#ff7c8724;background:#ff7c8710}.metric-card>strong{margin:6px 0 7px;display:block;font-size:24px;letter-spacing:-.04em;font-weight:680}.metric-foot{position:relative;display:flex;align-items:center;gap:6px;color:#778ba1;font-size:8px}.trend{color:#62d7a4}.muted-label{color:#8599af}.alert-label{color:#ff9a8f}.sparkline{position:absolute;right:0;bottom:-6px;width:74px;height:26px;overflow:visible}.sparkline path{fill:none;stroke:#61d9ff;stroke-width:2}.violet-line path{stroke:#9e89ff}.amber-line path{stroke:#f1bd68}.alert-mini{margin-left:auto;width:15px;height:15px;display:grid;place-items:center;border:1px solid #ff7c8740;border-radius:50%;color:#ff8c92;background:#ff7c8710}.dashboard-grid{margin-bottom:17px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:14px}.panel{padding:17px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-head h2,.table-heading h2{margin:0;font-size:12px;font-weight:700}.section-head p,.table-heading p{margin:5px 0 0;color:#7f93a9;font-size:9px}.section-head select,.list-toolbar select{padding:7px 9px;border:1px solid var(--line2);border-radius:7px;color:#9eb0c4;background:#0b1827;font:inherit;font-size:9px}.chart-legend{margin:18px 0 4px;display:flex;gap:15px;color:#94a7bb;font-size:8px}.chart-legend span,.donut-labels i{display:flex;align-items:center;gap:6px}.chart-legend i,.donut-labels i,.legend-blue,.legend-violet,.legend-cyan{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--blue)}.chart-legend .legend-violet,.legend-violet{background:var(--violet)}.legend-cyan{background:#76c9d8}.chart{height:164px;display:flex;gap:10px}.chart-y{padding:8px 0 18px;display:flex;flex-direction:column;justify-content:space-between;color:#71869c;font-size:8px}.chart-body{position:relative;flex:1;margin:8px 0 18px}.grid-lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{border-top:1px dashed #bfd9ef12}.chart-body svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.chart-body .area{fill:url(#fillBlue)}.chart-body .line-blue,.chart-body .line-violet{fill:none;stroke:var(--blue);stroke-width:2.2;vector-effect:non-scaling-stroke}.chart-body .line-violet{stroke:var(--violet);stroke-width:1.8}.chart-x{position:absolute;inset:auto 0 -18px;display:flex;justify-content:space-between;color:#71869c;font-size:7px}.quiet-btn{border:0;font-size:17px}.donut-wrap{min-height:170px;display:flex;align-items:center;justify-content:center;gap:25px}.donut{width:132px;height:132px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--blue) 0 60%,var(--violet) 60% 86%,#76c9d8 86% 100%)}.donut:before{position:absolute;width:96px;height:96px;border-radius:50%;background:#0d1b2b;content:""}.donut>div{z-index:1;text-align:center}.donut strong{display:block;font-size:24px}.donut small{color:#8397ad;font-size:8px}.donut-labels{min-width:132px;display:grid;gap:14px}.donut-labels>div{display:grid;grid-template-columns:8px 1fr auto auto;align-items:center;gap:7px;color:#91a4b9;font-size:8px}.donut-labels b{color:#e3edf8;font-size:9px}.donut-labels small{color:#71869b;font-size:8px}.plan-callout{padding:10px;display:flex;align-items:center;gap:8px;border:1px solid #9e89ff16;border-radius:8px;color:#a994ff;background:#9e89ff08}.plan-callout p{margin:0;color:#91a4b9;font-size:8px}.plan-callout b{color:#c9bcff}.table-panel{padding:16px 0 0}.table-heading{padding:0 17px 14px}.text-btn{padding:6px;border:0;color:var(--blue);background:none;font-size:9px;cursor:pointer}.table-scroll{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}thead{background:#ffffff03}th{height:33px;padding:0 13px;color:#71859a;font-size:7px;letter-spacing:.08em;font-weight:700;white-space:nowrap}td{height:53px;padding:7px 13px;border-top:1px solid #c4ddec0b;color:#a7b7c9;font-size:9px;white-space:nowrap}td:first-child,th:first-child{padding-left:17px}.client-cell{display:flex;align-items:center;gap:9px}.client-cell b{display:block;color:#e2ebf6;font-size:9px}.client-cell small{display:block;margin-top:4px;color:#7489a0;font-size:8px}.client-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:#a8dcff;background:#2d5062;font-size:8px;font-weight:800}.client-avatar.v2{color:#d2b9ff;background:#493c66}.client-avatar.v3{color:#b9e7cf;background:#315a4a}.client-avatar.v4{color:#ffc9b5;background:#684540}.status{padding:4px 8px;display:inline-flex;align-items:center;gap:5px;border:1px solid transparent;border-radius:20px;font-size:8px}.status:before{width:5px;height:5px;border-radius:50%;background:currentColor;content:""}.status.active{border-color:#58d6a022;color:#71dfad;background:#58d6a00c}.status.trial{border-color:#61d9ff25;color:#81dffc;background:#61d9ff0c}.status.pending{border-color:#f1bd6825;color:#edc777;background:#f1bd680c}.footer{padding:24px 3px 3px;display:flex;justify-content:space-between;color:#657b92;font-size:8px;letter-spacing:.03em}.footer i{padding:0 5px;color:#41566b;font-style:normal}.page>.welcome-row{margin-bottom:21px}.compact-metrics{grid-template-columns:repeat(3,1fr);margin:0 0 16px}.compact-metrics .metric-card{min-height:100px;display:grid;align-content:start;gap:7px}.compact-metrics .metric-card>strong{margin:0}.compact-metrics small{font-size:9px}.list-panel{padding:16px 0}.list-panel>.section-head{padding:0 17px 14px}.list-toolbar{padding:0 17px 14px;display:flex;gap:9px;border-bottom:1px solid var(--line)}.search{min-width:220px;flex:1;height:34px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:8px;color:#8ca1b8;background:#091725}.search span{font-size:17px}.search input{width:100%;border:0;outline:none;color:var(--text);background:transparent;font:inherit;font-size:9px}.search input::placeholder{color:#647b92}.table-bottom{padding:13px 17px 0;display:flex;align-items:center;justify-content:space-between;color:#7c91a7;font-size:9px}.table-bottom>div{display:flex;align-items:center;gap:12px}.table-bottom button{width:25px;height:25px;border:1px solid var(--line2);border-radius:6px;color:#b6c6d6;background:#ffffff05}.table-bottom button:disabled{color:#53677d}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plan-card{padding:19px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(150deg,#11243a,#0b1827)}.plan-card-head{display:flex;align-items:center;justify-content:space-between}.plan-card>.eyebrow{margin-top:20px;color:#78cce2}.plan-card h2{margin:0;font-size:16px}.plan-price{margin:12px 0 15px;font-size:22px;font-weight:750}.plan-price small{color:#8296ab;font-size:9px;font-weight:500}.plan-card ul{min-height:83px;padding-left:17px;color:#9aacbf;font-size:10px;line-height:2}.plan-card>.secondary-btn{width:100%}.add-plan{min-height:250px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-style:dashed;background:#ffffff02}.add-plan>span{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;color:var(--blue);background:#61d9ff14;font-size:20px}.add-plan h2{margin-top:15px}.add-plan p{color:#859ab0;font-size:10px;line-height:1.6}.add-plan button{margin-top:8px}.activity-list{padding:4px 17px;display:grid}.activity-row{padding:14px 0;display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:11px;border-bottom:1px solid var(--line)}.activity-row:last-child{border:0}.activity-symbol{width:30px;height:30px;display:grid;place-items:center;border:1px solid #61d9ff1d;border-radius:9px;color:var(--blue);background:#61d9ff0b}.activity-row b{display:block;color:#dce7f3;font-size:10px}.activity-row p{margin:4px 0 0;color:#8398ad;font-size:9px}.activity-row time{color:#71869b;font-size:8px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-card{min-height:172px}.settings-card h2{margin:13px 0 7px;font-size:13px}.settings-card p{min-height:34px;color:#899db2;font-size:10px;line-height:1.6}.launch-list{display:grid;gap:11px}.launch-list article{padding:17px;display:grid;grid-template-columns:36px 1fr auto;align-items:start;gap:13px;border:1px solid var(--line);border-radius:12px;background:#0d1b2b}.launch-list article>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid #61d9ff1c;border-radius:9px;color:var(--blue);background:#61d9ff0b;font-weight:750}.launch-list h2{margin:0;font-size:12px}.launch-list p{margin:7px 0;color:#9aacc0;font-size:10px;line-height:1.5}.launch-list small{color:#72879d;font-size:9px}.launch-list article>b{padding:5px 7px;border:1px solid #f1bd6825;border-radius:20px;color:#e9c578;font-size:7px;letter-spacing:.04em;white-space:nowrap}.mobile-menu{display:none}dialog{width:min(420px,calc(100% - 30px));padding:0;border:1px solid var(--line2);border-radius:15px;color:var(--text);background:#0b1928;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#020812bd;backdrop-filter:blur(4px)}.dialog-card{position:relative;padding:25px;display:grid;gap:12px}.dialog-card h2{margin:-5px 0 0;font-size:20px}.dialog-card .subheading{margin:0 0 4px;line-height:1.55}.dialog-card label{display:grid;gap:6px;color:#a7b9cb;font-size:9px}.dialog-card input,.dialog-card select{height:37px;padding:0 10px;border:1px solid var(--line2);border-radius:8px;color:#eef6ff;background:#081523;font:inherit;font-size:10px}.dialog-close{position:absolute;top:14px;right:14px;width:28px;height:28px;border:1px solid var(--line);border-radius:8px;color:#9aadc1;background:none;font-size:18px;cursor:pointer}.toast{position:fixed;z-index:10;right:22px;bottom:20px;max-width:min(390px,calc(100% - 35px));padding:12px 15px;border:1px solid #61d9ff35;border-radius:10px;color:#d7edfa;background:#10253a;box-shadow:0 15px 40px #0007;font-size:10px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:1120px){.content{padding-right:24px;padding-left:24px}.sidebar{width:225px}.main-area{margin-left:225px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(250px,1fr)}}@media(max-width:850px){.sidebar{width:252px;transform:translateX(-100%);transition:transform .22s ease;box-shadow:20px 0 50px #0005}.sidebar.open{transform:none}.main-area{margin-left:0}.topbar{padding:0 20px}.mobile-menu{width:31px;height:31px;display:block;border:1px solid var(--line);border-radius:8px;color:var(--blue);background:#ffffff06}.breadcrumbs{margin-right:auto;margin-left:12px}.content{padding:25px 20px}.dashboard-grid{grid-template-columns:1fr}.donut-wrap{justify-content:flex-start}.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:570px){.topbar{height:58px;padding:0 12px}.profile-chip>span:not(.avatar):not(.chevron),.top-divider{display:none}.top-actions{gap:8px}.content{padding:23px 12px}.welcome-row{align-items:flex-start}.welcome-row h1{font-size:22px}.welcome-row>.primary-btn{padding:0 9px;font-size:9px}.subheading{max-width:290px;line-height:1.5}.metric-grid{gap:8px}.metric-card{min-height:111px;padding:11px}.metric-top{font-size:8px}.metric-card>strong{font-size:21px}.metric-foot{font-size:7px}.sparkline{width:52px}.notice-banner{align-items:flex-start}.notice-banner>button{font-size:0}.notice-banner>button span{font-size:16px}.panel{padding:13px}.chart-panel{overflow:hidden}.chart{height:140px}.chart-x{font-size:6px}.donut-wrap{gap:15px}.donut{width:112px;height:112px}.donut:before{width:82px;height:82px}.donut-labels{min-width:118px}.donut-labels>div{gap:5px;font-size:7px}.donut-labels b,.donut-labels small{font-size:8px}.table-panel,.list-panel{padding:13px 0}.table-heading{padding-right:13px;padding-left:13px}th{padding:0 9px;font-size:6px}td{padding:7px 9px;font-size:8px}td:first-child,th:first-child{padding-left:13px}.list-toolbar{padding:0 12px 12px;flex-wrap:wrap}.search{min-width:100%}.list-toolbar select{flex:1}.plans-grid,.settings-grid{grid-template-columns:1fr}.plan-card{padding:15px}.add-plan{min-height:190px}.compact-metrics{grid-template-columns:1fr}.compact-metrics .metric-card{min-height:87px}.footer{gap:12px;flex-direction:column}.launch-list article{grid-template-columns:32px 1fr}.launch-list article>b{grid-column:2}.launch-list p{line-height:1.6}.env-pill{font-size:7px}.icon-btn{width:29px;height:29px}}

/* Ajuste de legibilidade solicitado: tipografia um pouco maior em todo o painel. */
.nav-link{font-family:inherit;font-size:12px}
.workspace b,.admin-user b{font-size:12px}
.workspace small,.admin-user small{font-size:10px}
.nav-caption{font-size:10px}
.secure-note b{font-size:10px}
.secure-note small{font-size:9px}
.breadcrumbs,.profile-chip{font-size:11px}
.env-pill{font-size:9px}
.eyebrow{font-size:9px}
h1{font-size:28px}
.subheading{font-size:12px}
.primary-btn,.secondary-btn{font-size:11px}
.metric-top{font-size:10px}
.metric-card>strong{font-size:26px}
.metric-foot{font-size:9px}
.section-head h2,.table-heading h2{font-size:14px}
.section-head p,.table-heading p{font-size:10px}
.chart-legend{font-size:9px}
.chart-y,.chart-x{font-size:9px}
th{font-size:8px}
td{font-size:10px}
.client-cell b{font-size:10px}
.client-cell small{font-size:9px}
.status{font-size:9px}
.text-btn{font-size:10px}
.footer{font-size:9px}
.activity-row b{font-size:11px}
.activity-row p{font-size:10px}
.activity-row time{font-size:9px}
.settings-card p{font-size:11px}
.launch-list h2{font-size:13px}
.launch-list p{font-size:11px}

/* Autenticação obrigatória do painel administrativo. */
[hidden]{display:none!important}
body[data-admin-auth="pending"]>.sidebar,body[data-admin-auth="pending"]>.main-area,
body[data-admin-auth="required"]>.sidebar,body[data-admin-auth="required"]>.main-area{display:none!important}
.auth-loading,.login-shell{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 15%,#18344c 0,#07111f 52%,#050b13 100%);color:var(--text)}
.auth-loading{display:flex;gap:12px;align-items:center;color:#b8cadc;font-size:14px}
.auth-spinner{width:21px;height:21px;border:2px solid #61d9ff35;border-top-color:var(--blue);border-radius:50%;animation:luna-spin .8s linear infinite}
@keyframes luna-spin{to{transform:rotate(360deg)}}
.login-card{width:min(430px,calc(100% - 34px));padding:35px;display:grid;gap:16px;border:1px solid #61d9ff28;border-radius:19px;background:linear-gradient(155deg,#10243a,#0a1725);box-shadow:0 32px 100px #0008}
.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:#eaf6ff;font-size:17px;font-weight:800;letter-spacing:.04em}
.login-brand small{display:block;color:#70d6f1;font-size:8px;letter-spacing:.24em}
.login-card>.eyebrow{margin:0;color:#67d8f2}
.login-card h1{margin:-10px 0 0;font-size:25px}
.login-copy{margin:-8px 0 4px;color:#9aadc1;font-size:12px;line-height:1.6}
.login-card label{display:grid;gap:7px;color:#b5c6d6;font-size:11px}
.login-card input{height:43px;padding:0 12px;border:1px solid var(--line2);border-radius:9px;outline:none;color:var(--text);background:#081523;font:inherit;font-size:13px}
.login-card input:focus{border-color:#61d9ff80;box-shadow:0 0 0 3px #61d9ff13}
.login-submit{height:44px;justify-content:center;font-size:13px}
.login-submit:disabled{opacity:.65;cursor:wait}
.login-error{margin:0;padding:10px;border:1px solid #ff72804d;border-radius:8px;color:#ffabb2;background:#ff72800d;font-size:11px}
.login-footnote{color:#778da4;text-align:center;font-size:9px}
@media(max-width:520px){.login-card{padding:26px 21px}}
.launch-list small{font-size:10px}
.dialog-card label{font-size:10px}
.dialog-card input,.dialog-card select{font-size:11px}
.toast{font-size:11px}
@media(max-width:570px){
  .welcome-row h1{font-size:24px}
  .welcome-row>.primary-btn{font-size:10px}
  .subheading{font-size:12px}
  .metric-top{font-size:9px}
  .metric-card>strong{font-size:23px}
  .metric-foot{font-size:8px}
  .chart-x{font-size:7px}
  .donut-labels>div{font-size:8px}
  .donut-labels b,.donut-labels small{font-size:9px}
  th{font-size:7px}
  td{font-size:9px}
  .footer{font-size:9px}
}

/* Mais espaço para conteúdo: cartões, tabelas, gráficos e áreas de ação. */
.content{max-width:1840px;padding:38px 46px 28px}
.metric-grid{gap:17px;margin-bottom:21px}
.metric-card{min-height:145px;padding:19px}
.metric-icon{width:36px;height:36px;border-radius:11px;font-size:16px}
.metric-card>strong{margin:9px 0 11px;font-size:30px}
.dashboard-grid{gap:18px;margin-bottom:21px}
.panel{border-radius:15px}
.chart-panel,.plan-panel{padding:22px}
.chart{height:205px}
.chart-body{margin-top:12px}
.donut-wrap{min-height:205px;gap:32px}
.donut{width:154px;height:154px}
.donut:before{width:112px;height:112px}
.plan-callout{padding:13px}
.table-panel{padding-top:20px}
.table-heading{padding:0 22px 18px}
th{height:41px;padding:0 17px}
td{height:64px;padding:10px 17px}
td:first-child,th:first-child{padding-left:22px}
.client-avatar{width:34px;height:34px}
.client-cell{gap:11px}
.primary-btn,.secondary-btn{min-height:40px;padding-right:16px;padding-left:16px;border-radius:10px}
.welcome-row{margin-bottom:25px}
.notice-banner{padding:15px 18px;margin-bottom:22px}
.notice-icon{width:24px;height:24px}
.plan-card{padding:24px;border-radius:15px}
.plan-card ul{min-height:108px;line-height:2.2}
.add-plan{min-height:300px}
.settings-card{min-height:205px;padding:22px}
.activity-row{padding:18px 0}
.activity-symbol{width:36px;height:36px}
.launch-list article{padding:21px}
.list-panel{padding-top:20px;padding-bottom:20px}
.list-toolbar{padding-right:22px;padding-left:22px;padding-bottom:18px}
.table-bottom{padding:17px 22px 0}
@media(max-width:1120px){
  .content{padding-right:28px;padding-left:28px}
  .metric-grid{gap:13px}
  .metric-card{min-height:132px}
  .chart{height:185px}
}
@media(max-width:850px){
  .content{padding:29px 23px 24px}
  .dashboard-grid{grid-template-columns:1fr}
  .chart{height:210px}
  .donut-wrap{min-height:195px}
  .plans-grid{gap:12px}
}
@media(max-width:570px){
  .content{padding:23px 14px 20px}
  .metric-grid{gap:11px}
  .metric-card{min-height:126px;padding:15px}
  .dashboard-grid{gap:12px}
  .chart-panel,.plan-panel{padding:16px}
  .chart{height:180px}
  .donut-wrap{min-height:170px;gap:19px}
  .donut{width:126px;height:126px}
  .donut:before{width:92px;height:92px}
  .table-panel{padding-top:16px}
  .table-heading{padding:0 15px 14px}
  th{height:37px;padding:0 11px}
  td{height:60px;padding:9px 11px}
  td:first-child,th:first-child{padding-left:15px}
  .client-avatar{width:32px;height:32px}
  .plan-card{padding:18px}
  .add-plan{min-height:230px}
  .settings-card{min-height:180px;padding:18px}
  .launch-list article{padding:16px}
}

/* Controles de pagamento e de suspensão de clientes. */
.client-state-pair{display:grid;justify-items:start;gap:5px}
.status.payment-paid{border-color:#58d6a022;color:#71dfad;background:#58d6a00c}
.status.payment-trial{border-color:#61d9ff25;color:#81dffc;background:#61d9ff0c}
.status.payment-overdue,.status.payment-pending{border-color:#f1bd6825;color:#edc777;background:#f1bd680c}
.access-chip{padding:3px 8px;display:inline-flex;align-items:center;gap:5px;border:1px solid transparent;border-radius:20px;font-size:9px}
.access-chip:before{width:5px;height:5px;border-radius:50%;background:currentColor;content:""}
.access-active{border-color:#58d6a022;color:#71dfad;background:#58d6a008}
.access-blocked{border-color:#f1bd6825;color:#edc777;background:#f1bd6808}
.access-banned{border-color:#ff7c8733;color:#ff9096;background:#ff7c870c}
.manage-client-btn{padding:7px 10px;border:1px solid #61d9ff2c;border-radius:7px;color:#91e7ff;background:#61d9ff0b;font-size:10px;font-weight:700;cursor:pointer}
.manage-client-btn:hover{border-color:#61d9ff68;background:#61d9ff17}
.access-dialog-card{gap:13px}
.access-dialog-card h2{margin:0;font-size:20px}
.access-dialog-card>.subheading{margin:-8px 0 0}
.access-summary{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.access-summary>div{padding:12px;border:1px solid var(--line);border-radius:9px;background:#ffffff04}
.access-summary small,.access-summary b{display:block}
.access-summary small{margin-bottom:7px;color:#748aa0;font-size:8px;letter-spacing:.08em}
.access-summary b{font-size:12px}
.access-policy{margin:0;padding:11px;border-left:2px solid var(--blue);color:#92a7bc;background:#61d9ff08;font-size:10px;line-height:1.55}
.access-policy b{color:#c9eefd}
.access-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.access-actions .primary-btn,.access-actions .secondary-btn,.access-actions .danger-btn{min-height:37px;padding:7px;font-size:9px}
.access-actions .danger-btn{grid-column:1/-1}
.danger-btn{border:1px solid #ff7c8740;border-radius:9px;color:#ffa0a4;background:#ff7c8710;font-weight:750;cursor:pointer}
.danger-btn:hover{border-color:#ff7c8790;background:#ff7c871a}
#access-action-form{padding-top:13px;display:grid;gap:10px;border-top:1px solid var(--line)}
#access-action-form[hidden]{display:none}
#access-action-form label{display:grid;gap:7px;color:#a7b9cb;font-size:10px}
#access-action-form textarea,#access-action-form select{width:100%;padding:9px 10px;border:1px solid var(--line2);border-radius:8px;color:#eef6ff;background:#081523;font:inherit;font-size:11px;resize:vertical}
#access-action-form select{height:36px}
.demo-warning{margin:0;color:#e9c578;font-size:9px;line-height:1.5}
.dialog-actions{display:flex;gap:8px}
.dialog-actions>*{flex:1}
.simulate-payment{padding:9px;border:1px dashed #58d6a04a;border-radius:8px;color:#7ce0b0;background:#58d6a009;font-size:9px;font-weight:650;cursor:pointer}
.simulate-payment:hover{background:#58d6a015}
.access-audit-title{margin:4px 0 -5px;color:#bdcbd9;font-size:10px;font-weight:750}
.client-access-history{max-height:130px;overflow:auto}
.client-history-row{padding:9px 0;border-bottom:1px solid var(--line)}
.client-history-row:last-child{border:0}
.client-history-row b,.client-history-row span{display:block}
.client-history-row b{color:#dbe6f2;font-size:9px}
.client-history-row span,.empty-history{margin:4px 0 0;color:#8398ad;font-size:9px;line-height:1.4}
@media(max-width:570px){.manage-client-btn{padding:6px 8px;font-size:9px}.access-summary>div{padding:10px}.access-dialog-card{padding:20px}}

/* Leitura ampliada e ajuste da visão geral para monitores Full HD. */
@media (min-width: 1200px) {
  .nav-link,
  .workspace b,
  .workspace small,
  .admin-user b,
  .admin-user small,
  .nav-caption,
  .secure-note b,
  .secure-note small,
  .breadcrumbs,
  .profile-chip,
  .env-pill,
  .eyebrow,
  .subheading,
  .primary-btn,
  .secondary-btn,
  .notice-banner b,
  .notice-banner p,
  .notice-banner > button,
  .metric-top,
  .metric-foot,
  .section-head p,
  .table-heading p,
  .chart-legend,
  .chart-y,
  .chart-x,
  .donut-labels > div,
  .donut-labels b,
  .donut-labels small,
  .plan-callout p,
  .text-btn,
  th,
  td,
  .client-cell b,
  .client-cell small,
  .status,
  .footer,
  .manage-client-btn,
  .toast {
    font-size: 14px;
  }

  .nav-link i { font-size: 9px; }
  .client-avatar { font-size: 8px; }
  .metric-icon { font-size: 16px; }
  .icon-btn, .primary-btn > span { font-size: 16px; }
  .quiet-btn { font-size: 17px; }
  .brand-mark { font-size: 26px; }
  .avatar { font-size: 10px; }
  /* Mantém os tamanhos de título e dos números dos indicadores. */
  h1 { font-size: 28px; }
  .section-head h2, .table-heading h2 { font-size: 14px; }
  .metric-card > strong { font-size: 30px; }
  .donut strong { font-size: 24px; }
}

@media (min-width: 1500px) and (min-height: 900px) {
  .content:has(.page[data-content="overview"].active) {
    width: 100%;
    height: calc(100vh - 68px);
    padding: 16px 30px 10px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .content:has(.page[data-content="overview"].active) > .page[data-content="overview"].active {
    min-height: 0;
    flex: 1 1 auto;
    display: grid;
    grid-template-rows: auto auto auto minmax(190px, 1fr) auto;
    gap: 11px;
  }

  .content:has(.page[data-content="overview"].active) > .page[data-content="overview"].active > .welcome-row,
  .content:has(.page[data-content="overview"].active) > .page[data-content="overview"].active > .notice-banner,
  .content:has(.page[data-content="overview"].active) > .page[data-content="overview"].active > .metric-grid,
  .content:has(.page[data-content="overview"].active) > .page[data-content="overview"].active > .dashboard-grid,
  .content:has(.page[data-content="overview"].active) > .page[data-content="overview"].active > .table-panel {
    min-height: 0;
    margin: 0;
  }

  .content:has(.page[data-content="overview"].active) .metric-card {
    min-height: 132px;
    padding: 14px;
  }

  .content:has(.page[data-content="overview"].active) .metric-card > strong {
    margin: 5px 0 7px;
    font-size: 30px;
  }

  .content:has(.page[data-content="overview"].active) .metric-icon {
    width: 32px;
    height: 32px;
  }

  .content:has(.page[data-content="overview"].active) .dashboard-grid {
    min-height: 0;
    grid-template-columns: minmax(0, 1.8fr) minmax(300px, 1fr);
    gap: 12px;
  }

  .content:has(.page[data-content="overview"].active) .chart-panel,
  .content:has(.page[data-content="overview"].active) .plan-panel {
    min-height: 0;
    padding: 14px;
  }

  .content:has(.page[data-content="overview"].active) .chart-legend {
    margin: 9px 0 2px;
  }

  .content:has(.page[data-content="overview"].active) .chart {
    height: 142px;
  }

  .content:has(.page[data-content="overview"].active) .chart-body {
    margin-top: 7px;
  }

  .content:has(.page[data-content="overview"].active) .donut-wrap {
    min-height: 132px;
    gap: 20px;
  }

  .content:has(.page[data-content="overview"].active) .donut {
    width: 116px;
    height: 116px;
  }

  .content:has(.page[data-content="overview"].active) .donut:before {
    width: 84px;
    height: 84px;
  }

  .content:has(.page[data-content="overview"].active) .donut-labels {
    min-width: 120px;
    gap: 9px;
  }

  .content:has(.page[data-content="overview"].active) .plan-callout {
    padding: 8px;
  }

  .content:has(.page[data-content="overview"].active) .table-panel {
    padding-top: 12px;
    display: flex;
    flex-direction: column;
  }

  .content:has(.page[data-content="overview"].active) .table-heading {
    padding: 0 16px 8px;
  }

  .content:has(.page[data-content="overview"].active) th {
    height: 34px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .content:has(.page[data-content="overview"].active) td {
    height: 49px;
    padding: 5px 10px;
  }

  .content:has(.page[data-content="overview"].active) td:first-child,
  .content:has(.page[data-content="overview"].active) th:first-child {
    padding-left: 16px;
  }

  .content:has(.page[data-content="overview"].active) .client-cell {
    gap: 8px;
  }

  .content:has(.page[data-content="overview"].active) .client-cell small {
    margin-top: 1px;
  }

  .content:has(.page[data-content="overview"].active) .client-avatar {
    width: 30px;
    height: 30px;
  }

  .content:has(.page[data-content="overview"].active) .table-scroll {
    min-height: 0;
    overflow: auto;
  }

  .content:has(.page[data-content="overview"].active) > .footer {
    padding: 4px 3px 0;
  }
}
@media (min-width: 1200px) {
  .secure-note b,
  .secure-note small,
  .access-chip,
  .donut small {
    font-size: 14px;
  }
}
/* A lista de clientes mantém a busca fixa e rola dentro da própria caixa. */
.page[data-content="clients"] .list-panel {
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.page[data-content="clients"] .table-scroll {
  max-height: 60vh;
  overflow: auto;
  overscroll-behavior: contain;
}

.page[data-content="clients"] .table-scroll th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #0d1b2b;
}

.page[data-content="clients"] .table-bottom {
  flex: 0 0 auto;
}

.scroll-hint {
  color: #8296ac;
}

@media (min-width: 1200px) {
  .page[data-content="clients"] .table-bottom,
  .page[data-content="clients"] .scroll-hint {
    font-size: 14px;
  }
}

@media (min-width: 1500px) and (min-height: 900px) {
  .content:has(.page[data-content="clients"].active) {
    width: 100%;
    height: calc(100vh - 68px);
    padding: 16px 30px 10px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .content:has(.page[data-content="clients"].active) > .page[data-content="clients"].active {
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .content:has(.page[data-content="clients"].active) > .page[data-content="clients"].active > .welcome-row {
    flex: 0 0 auto;
    margin: 0;
  }

  .content:has(.page[data-content="clients"].active) .list-panel {
    min-height: 0;
    flex: 1 1 auto;
    padding: 12px 0 8px;
    overflow: hidden;
  }

  .content:has(.page[data-content="clients"].active) .list-toolbar {
    flex: 0 0 auto;
    padding-bottom: 12px;
  }

  .content:has(.page[data-content="clients"].active) .table-scroll {
    min-height: 0;
    max-height: none;
    flex: 1 1 auto;
  }

  .content:has(.page[data-content="clients"].active) > .footer {
    padding: 4px 3px 0;
  }
}
/* Formulário de novo cliente: modal amplo, com campos organizados. */
#client-dialog {
  width: min(760px, calc(100% - 48px));
  max-height: calc(100vh - 64px);
  overflow: auto;
}

.client-dialog-card {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 18px;
  padding: 34px;
}

.client-dialog-card > .eyebrow,
.client-dialog-card > h2,
.client-dialog-card > .subheading,
.client-dialog-card > label:nth-of-type(3),
.client-dialog-card > .primary-btn {
  grid-column: 1 / -1;
}

.client-dialog-card > .eyebrow {
  margin-bottom: -10px;
}

.client-dialog-card h2 {
  margin: 0;
  font-size: 26px;
}

.client-dialog-card > .subheading {
  margin: -10px 0 2px;
  font-size: 14px;
  line-height: 1.55;
}

.client-dialog-card > label {
  gap: 9px;
  color: #b7c8d9;
  font-size: 14px;
}

.client-dialog-card input,
.client-dialog-card select {
  height: 48px;
  padding: 0 13px;
  font-size: 15px;
}

.client-dialog-card > .primary-btn {
  min-height: 48px;
  margin-top: 4px;
  font-size: 14px;
}

@media (max-width: 570px) {
  #client-dialog {
    width: calc(100% - 24px);
    max-height: calc(100vh - 28px);
  }

  .client-dialog-card {
    grid-template-columns: minmax(0, 1fr);
    gap: 13px;
    padding: 26px 20px 20px;
  }

  .client-dialog-card > .eyebrow,
  .client-dialog-card > h2,
  .client-dialog-card > .subheading,
  .client-dialog-card > label,
  .client-dialog-card > .primary-btn {
    grid-column: 1;
  }

  .client-dialog-card h2 {
    font-size: 23px;
  }
}
/* Diálogo de gerenciamento com mais espaço para status e ações. */
#access-dialog {
  width: min(840px, calc(100% - 48px));
  max-height: calc(100vh - 64px);
  overflow: auto;
}

.access-dialog-card {
  gap: 17px;
  padding: 34px;
}

.access-dialog-card h2 {
  font-size: 26px;
}

.access-dialog-card > .subheading {
  margin: -8px 0 0;
  font-size: 15px;
}

.access-summary {
  gap: 14px;
}

.access-summary > div {
  min-height: 76px;
  padding: 16px;
}

.access-summary small {
  font-size: 13px;
}

.access-summary b {
  font-size: 16px;
}

.access-policy {
  padding: 15px;
  font-size: 14px;
}

.access-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px;
}

.access-actions .primary-btn,
.access-actions .secondary-btn,
.access-actions .danger-btn {
  min-height: 48px;
  padding: 10px;
  font-size: 14px;
}

.access-actions .danger-btn {
  grid-column: auto;
}

#access-action-form {
  padding-top: 17px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: 14px;
}

#access-action-form label {
  font-size: 14px;
}

#access-action-form label:not(#ban-duration-label),
#access-action-form .demo-warning,
#access-action-form .dialog-actions {
  grid-column: 1 / -1;
}

#access-action-form textarea,
#access-action-form select {
  padding: 11px 12px;
  font-size: 14px;
}

#access-action-form select {
  height: 46px;
}

#access-action-form textarea {
  min-height: 100px;
}

.demo-warning {
  font-size: 13px;
}

.dialog-actions .primary-btn,
.dialog-actions .secondary-btn {
  min-height: 46px;
  font-size: 14px;
}

.simulate-payment {
  min-height: 46px;
  font-size: 14px;
}

.access-audit-title {
  font-size: 14px;
}

.client-access-history {
  max-height: 200px;
}

@media (max-width: 570px) {
  #access-dialog {
    width: calc(100% - 24px);
    max-height: calc(100vh - 24px);
  }

  .access-dialog-card {
    gap: 14px;
    padding: 25px 18px 20px;
  }

  .access-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .access-actions .danger-btn {
    grid-column: 1 / -1;
  }

  #access-action-form {
    grid-template-columns: minmax(0, 1fr);
  }

  #access-action-form label,
  #access-action-form label:not(#ban-duration-label),
  #access-action-form .demo-warning,
  #access-action-form .dialog-actions {
    grid-column: 1;
  }
}
.access-audit-title,
.client-access-history b,
.client-access-history span,
.client-access-history .empty-history {
  font-size: 14px;
}
/* Assinaturas: painel ocupa a janela e rola somente a lista de eventos. */
.page[data-content="subscriptions"] .list-panel {
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.page[data-content="subscriptions"] .activity-list {
  min-height: 0;
  max-height: 60vh;
  overflow: auto;
  overscroll-behavior: contain;
}

.page[data-content="subscriptions"] .activity-row {
  min-height: 66px;
  align-content: center;
}

.page[data-content="subscriptions"] .table-bottom {
  flex: 0 0 auto;
}

@media (min-width: 1200px) {
  .page[data-content="subscriptions"] .activity-row b,
  .page[data-content="subscriptions"] .activity-row p,
  .page[data-content="subscriptions"] .activity-row time,
  .page[data-content="subscriptions"] .table-bottom,
  .page[data-content="subscriptions"] .scroll-hint {
    font-size: 14px;
  }
}

@media (min-width: 1500px) and (min-height: 900px) {
  .content:has(.page[data-content="subscriptions"].active) {
    width: 100%;
    height: calc(100vh - 68px);
    padding: 16px 30px 10px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .content:has(.page[data-content="subscriptions"].active) > .page[data-content="subscriptions"].active {
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .content:has(.page[data-content="subscriptions"].active) > .page[data-content="subscriptions"].active > .welcome-row {
    flex: 0 0 auto;
    margin: 0;
  }

  .content:has(.page[data-content="subscriptions"].active) .compact-metrics {
    flex: 0 0 auto;
    margin: 0;
  }

  .content:has(.page[data-content="subscriptions"].active) .compact-metrics .metric-card {
    min-height: 100px;
  }

  .content:has(.page[data-content="subscriptions"].active) .list-panel {
    min-height: 0;
    flex: 1 1 auto;
    padding: 12px 0 8px;
    overflow: hidden;
  }

  .content:has(.page[data-content="subscriptions"].active) .list-panel > .section-head {
    flex: 0 0 auto;
    padding-bottom: 12px;
  }

  .content:has(.page[data-content="subscriptions"].active) .activity-list {
    min-height: 0;
    max-height: none;
    flex: 1 1 auto;
  }

  .content:has(.page[data-content="subscriptions"].active) .table-bottom {
    padding-top: 8px;
  }

  .content:has(.page[data-content="subscriptions"].active) > .footer {
    padding: 4px 3px 0;
  }
}
/* Deixa claro que a barra pertence à subcaixa de movimentações. */
.page[data-content="subscriptions"] .activity-list {
  margin: 0 14px;
  padding: 4px 12px;
  border: 1px solid var(--line2);
  border-radius: 10px;
  background: #091725;
  scrollbar-gutter: stable;
}

@media (max-width: 570px) {
  .page[data-content="subscriptions"] .activity-list {
    margin-right: 8px;
    margin-left: 8px;
    padding-right: 9px;
    padding-left: 9px;
  }
}
.page[data-content="subscriptions"] .activity-list {
  scrollbar-width: thin;
  scrollbar-color: #456987 #0a1929;
}

.page[data-content="subscriptions"] .activity-list::-webkit-scrollbar {
  width: 12px;
}

.page[data-content="subscriptions"] .activity-list::-webkit-scrollbar-track {
  border-radius: 8px;
  background: #0a1929;
}

.page[data-content="subscriptions"] .activity-list::-webkit-scrollbar-thumb {
  border: 3px solid #0a1929;
  border-radius: 8px;
  background: #456987;
}

.page[data-content="subscriptions"] .activity-list::-webkit-scrollbar-thumb:hover {
  background: #61d9ff;
}
/* Cartões de planos com acabamento de gift card LUNA. */
.plan-card:not(.add-plan) {
  --plan-accent: #61d9ff;
  position: relative;
  min-height: 340px;
  overflow: hidden;
  isolation: isolate;
  border-color: color-mix(in srgb, var(--plan-accent) 30%, var(--line));
  background: linear-gradient(150deg, #10243a, #0b1827 76%);
  box-shadow: 0 18px 36px #0003, inset 0 1px #ffffff08;
}

.plan-card:not(.add-plan)::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  background: radial-gradient(ellipse at 88% 12%, color-mix(in srgb, var(--plan-accent) 24%, transparent), transparent 38%), linear-gradient(135deg, color-mix(in srgb, var(--plan-accent) 9%, transparent), transparent 56%);
  content: "";
  pointer-events: none;
}

.plan-card:not(.add-plan)::after {
  position: absolute;
  z-index: 0;
  top: 77px;
  right: 18px;
  width: 122px;
  height: 76px;
  display: grid;
  place-items: center;
  border: 1px solid #ffffff25;
  border-radius: 12px;
  color: #ffffff46;
  background: linear-gradient(145deg, #ffffff17, #ffffff04);
  box-shadow: 0 10px 24px #0002, inset 0 1px #ffffff12;
  content: "LUNA  ✦";
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  transform: rotate(8deg);
  pointer-events: none;
}

.plan-card:not(.add-plan) > * {
  position: relative;
  z-index: 1;
}

.plan-card:not(.add-plan):nth-child(1) { --plan-accent: #61d9ff; }
.plan-card:not(.add-plan):nth-child(2) { --plan-accent: #9e89ff; }
.plan-card:not(.add-plan):nth-child(3) { --plan-accent: #63ddc4; }
.plan-card:not(.add-plan):nth-child(4) { --plan-accent: #b294ff; }
.plan-card:not(.add-plan):nth-child(5) { --plan-accent: #f1bd68; }

.plan-card:not(.add-plan) .plan-card-head .metric-icon {
  color: var(--plan-accent);
  border-color: color-mix(in srgb, var(--plan-accent) 34%, transparent);
  background: color-mix(in srgb, var(--plan-accent) 13%, transparent);
}

.plan-card:not(.add-plan) .plan-price {
  color: #f5f8ff;
  font-size: 24px;
}

.plan-card:not(.add-plan) .plan-price small {
  color: #a7b9cc;
  font-size: 13px;
}

.plan-card:not(.add-plan) ul {
  min-height: 106px;
  color: #d0dceb;
  font-size: 14px;
  line-height: 1.7;
}

.plan-card:not(.add-plan) > .secondary-btn {
  min-height: 44px;
  border-color: color-mix(in srgb, var(--plan-accent) 38%, transparent);
  color: #e3f4ff;
  background: color-mix(in srgb, var(--plan-accent) 11%, #ffffff05);
  font-size: 14px;
}

.plan-card:not(.add-plan) > .secondary-btn:hover {
  background: color-mix(in srgb, var(--plan-accent) 19%, #ffffff05);
}

@media (max-width: 570px) {
  .plan-card:not(.add-plan) {
    min-height: 330px;
  }

  .plan-card:not(.add-plan)::after {
    top: 82px;
    right: 12px;
    width: 92px;
    height: 58px;
    opacity: .72;
  }
}
/* Atividade: ocupa a janela e mantém a lista rolável dentro da caixa. */
.page[data-content="activity"] .list-panel {
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.page[data-content="activity"] .activity-list {
  position: relative;
  min-height: 0;
  max-height: 60vh;
  margin: 0 14px;
  padding: 4px 12px;
  overflow: auto;
  overscroll-behavior: contain;
  border: 1px solid var(--line2);
  border-radius: 10px;
  background: #091725;
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #456987 #0a1929;
}

.page[data-content="activity"] .activity-row {
  min-height: 66px;
  align-content: center;
}

.page[data-content="activity"] .table-bottom {
  flex: 0 0 auto;
}

.page[data-content="activity"] .activity-list::-webkit-scrollbar {
  width: 12px;
}

.page[data-content="activity"] .activity-list::-webkit-scrollbar-track {
  border-radius: 8px;
  background: #0a1929;
}

.page[data-content="activity"] .activity-list::-webkit-scrollbar-thumb {
  border: 3px solid #0a1929;
  border-radius: 8px;
  background: #456987;
}

.page[data-content="activity"] .activity-list::-webkit-scrollbar-thumb:hover {
  background: #61d9ff;
}

@media (min-width: 1200px) {
  .page[data-content="activity"] .activity-row b,
  .page[data-content="activity"] .activity-row p,
  .page[data-content="activity"] .activity-row time,
  .page[data-content="activity"] .table-bottom,
  .page[data-content="activity"] .scroll-hint {
    font-size: 14px;
  }
}

@media (min-width: 1500px) and (min-height: 900px) {
  .content:has(.page[data-content="activity"].active) {
    width: 100%;
    height: calc(100vh - 68px);
    padding: 16px 30px 10px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  .content:has(.page[data-content="activity"].active) > .page[data-content="activity"].active {
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .content:has(.page[data-content="activity"].active) > .page[data-content="activity"].active > .welcome-row,
  .content:has(.page[data-content="activity"].active) > .page[data-content="activity"].active > .notice-banner {
    flex: 0 0 auto;
    margin: 0;
  }

  .content:has(.page[data-content="activity"].active) .list-panel {
    min-height: 0;
    flex: 1 1 auto;
    padding: 12px 0 8px;
    overflow: hidden;
  }

  .content:has(.page[data-content="activity"].active) .list-panel > .section-head {
    flex: 0 0 auto;
    padding: 0 17px 12px;
  }

  .content:has(.page[data-content="activity"].active) .activity-list {
    min-height: 0;
    max-height: none;
    flex: 1 1 auto;
  }

  .content:has(.page[data-content="activity"].active) .table-bottom {
    padding-top: 8px;
  }

  .content:has(.page[data-content="activity"].active) > .footer {
    padding: 4px 3px 0;
  }
}

@media (max-width: 570px) {
  .page[data-content="activity"] .activity-list {
    margin-right: 8px;
    margin-left: 8px;
    padding-right: 9px;
    padding-left: 9px;
  }
}
/* Visão geral: gráficos maiores e proporcionais aos painéis Full HD. */
@media (min-width: 1500px) and (min-height: 900px) {
  .content:has(.page[data-content="overview"].active) .client-state-pair {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }

  .content:has(.page[data-content="overview"].active) .chart-panel,
  .content:has(.page[data-content="overview"].active) .plan-panel {
    padding: 12px;
  }

  .content:has(.page[data-content="overview"].active) .chart {
    height: 230px;
  }

  .content:has(.page[data-content="overview"].active) .chart-legend {
    margin: 7px 0 2px;
  }

  .content:has(.page[data-content="overview"].active) .chart-body svg {
    transform: none;
  }

  .content:has(.page[data-content="overview"].active) .donut-wrap {
    min-height: 220px;
    gap: 18px;
  }

  .content:has(.page[data-content="overview"].active) .donut {
    width: 190px;
    height: 190px;
  }

  .content:has(.page[data-content="overview"].active) .donut:before {
    width: 138px;
    height: 138px;
  }

  .content:has(.page[data-content="overview"].active) .donut-labels {
    min-width: 145px;
    gap: 10px;
  }

  .content:has(.page[data-content="overview"].active) .plan-callout {
    padding: 6px;
  }
}