:root{
  color-scheme:dark;
  --bg:#070707;--bg2:#0b0b0b;--panel:#101010;--panel2:#131313;--line:#232323;
  --text:#f5f2f8;--muted:#9d93aa;--soft:#6f6f6f;
  --purple:#676767;--purple2:#464646;--purpleSoft:rgba(70,70,70,.13);
  --green:#3edc91;--yellow:#ffc85c;--orange:#ff9d55;--red:#ff6b78;--blue:#9c9c9c;
  --shadow:0 22px 60px rgba(0,0,0,.35);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);font-family:"Inter","Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--text)}
button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 0%,rgba(70,70,70,.16),transparent 34%),radial-gradient(circle at 90% 100%,rgba(70,70,70,.12),transparent 30%),var(--bg)}
.login-card{width:min(430px,100%);padding:32px;border:1px solid var(--line);border-radius:24px;background:rgba(18,14,25,.96);box-shadow:var(--shadow)}
.login-logo{display:flex;justify-content:center;margin-bottom:18px}.login-logo img{width:210px;max-height:86px;object-fit:contain}
.login-card h1{font-size:26px;margin:0 0 8px;text-align:center}.login-card p{text-align:center;color:var(--muted);margin:0 0 24px;line-height:1.5}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.field label{font-size:12px;font-weight:800;color:#cbc3d4;text-transform:uppercase;letter-spacing:.06em}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#0b0b0b;color:var(--text);border-radius:11px;padding:12px 13px;outline:0}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(70,70,70,.7);box-shadow:0 0 0 3px rgba(70,70,70,.08)}
.btn{border:0;border-radius:11px;padding:11px 14px;font-weight:800;color:white;background:#1e1e1e}.btn:hover{filter:brightness(1.08)}.btn.primary{background:linear-gradient(135deg,var(--purple),var(--purple2))}.btn.danger{background:rgba(255,107,120,.12);color:#ff929c;border:1px solid rgba(255,107,120,.24)}.btn.ghost{background:transparent;border:1px solid var(--line);color:#d9d2e0}.btn.success{background:rgba(62,220,145,.14);border:1px solid rgba(62,220,145,.22);color:#76eab0}.btn.sm{padding:7px 9px;border-radius:8px;font-size:12px}.login-card .btn{width:100%;margin-top:5px;padding:13px}
.login-error{color:#ff929c;font-size:13px;min-height:20px;text-align:center;margin-top:12px}
.shell{min-height:100vh;display:grid;grid-template-columns:246px 1fr;background:var(--bg)}
.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#080808;padding:20px 14px;display:flex;flex-direction:column}.brand{padding:4px 8px 22px}.brand img{width:170px;max-height:66px;object-fit:contain;object-position:left center}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-top:3px}
.nav-label{font-size:10px;color:#665e70;text-transform:uppercase;letter-spacing:.12em;padding:18px 12px 7px}.nav{display:flex;flex-direction:column;gap:5px}.nav button{border:0;text-align:left;background:transparent;color:#b9afc3;border-radius:10px;padding:11px 12px;font-weight:700;display:flex;gap:10px;align-items:center}.nav button:hover{background:#101010;color:white}.nav button.active{background:linear-gradient(90deg,rgba(70,70,70,.25),rgba(70,70,70,.08));color:white;border:1px solid rgba(70,70,70,.22)}.nav .ico{width:20px;text-align:center;color:#858585}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:13px}.user-mini{padding:10px 10px 14px}.user-mini b{display:block;font-size:13px}.user-mini small{color:var(--muted)}
.main{min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(8,6,13,.86);backdrop-filter:blur(15px);position:sticky;top:0;z-index:20}.top-title b{display:block;font-size:16px}.top-title span{color:var(--muted);font-size:12px}.top-right{display:flex;align-items:center;gap:10px}.online{font-size:12px;color:#95a09a;border:1px solid var(--line);background:#0e0e0e;border-radius:999px;padding:8px 11px}.online:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px}
.content{padding:26px 28px 50px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:22px}.page-head h1{font-size:25px;margin:0 0 5px}.page-head p{margin:0;color:var(--muted);font-size:13px}.actions{display:flex;gap:8px;flex-wrap:wrap}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.card{border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#101010,#0d0d0d);padding:17px;box-shadow:0 9px 30px rgba(0,0,0,.16)}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-title{font-size:12px;color:var(--muted);font-weight:800}.stat-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--purpleSoft);color:#8e8e8e;font-weight:900}.stat-number{font-size:28px;font-weight:900;margin:12px 0 3px}.stat-sub{font-size:11px;color:var(--soft)}
.grid-2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:14px}.panel{border:1px solid var(--line);border-radius:15px;background:var(--panel);overflow:hidden}.panel-head{padding:15px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head h3{margin:0;font-size:14px}.panel-body{padding:16px 17px}.empty{padding:38px 18px;color:var(--muted);text-align:center}
.usage-list{display:flex;flex-direction:column;gap:13px}.usage-item{border:1px solid var(--line);background:#0c0c0c;border-radius:12px;padding:13px}.usage-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.usage-top b{font-size:13px}.usage-top span{font-size:12px;font-weight:900}.progress{height:8px;border-radius:999px;background:#1b1b1b;overflow:hidden;margin-top:10px}.progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--purple),#858585)}.usage-item.warn .progress i{background:linear-gradient(90deg,var(--yellow),var(--orange))}.usage-item.danger .progress i{background:linear-gradient(90deg,var(--red),#ff925f)}.usage-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:7px}
.alert-box{border-radius:13px;padding:14px;border:1px solid rgba(255,200,92,.25);background:rgba(255,200,92,.08);color:#ffe19a;margin-bottom:14px}.alert-box.danger{border-color:rgba(255,107,120,.28);background:rgba(255,107,120,.09);color:#ffb1b8}.alert-box b{display:block;margin-bottom:4px}.alert-box small{color:inherit;opacity:.82}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:820px}.table th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#756c80;text-align:left;padding:11px 12px;border-bottom:1px solid var(--line)}.table td{padding:12px;border-bottom:1px solid rgba(41,32,51,.7);font-size:12px;color:#d9d3df;vertical-align:middle}.table tbody tr:hover{background:rgba(255,255,255,.018)}.cell-main b{display:block;color:white;font-size:12px}.cell-main small{display:block;color:var(--muted);margin-top:3px}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.status:before{content:'';width:6px;height:6px;border-radius:50%}.status.active{background:rgba(62,220,145,.10);color:#71eaaa}.status.active:before{background:var(--green)}.status.disabled,.status.blocked,.status.expired{background:rgba(255,107,120,.10);color:#ff969f}.status.disabled:before,.status.blocked:before,.status.expired:before{background:var(--red)}.status.trial,.status.pending{background:rgba(255,200,92,.10);color:#ffdc8d}.status.trial:before,.status.pending:before{background:var(--yellow)}
.search-row{display:flex;gap:10px;align-items:center;padding:12px 15px;border-bottom:1px solid var(--line)}.search{flex:1;border:1px solid var(--line);background:#0a0a0a;color:white;border-radius:9px;padding:10px 12px;outline:0}.search:focus{border-color:#4e4e4e}.select{border:1px solid var(--line);background:#0a0a0a;color:white;border-radius:9px;padding:10px 12px;outline:0}
.tag{display:inline-flex;border:1px solid var(--line);border-radius:8px;padding:5px 7px;font-size:10px;color:#afa5b8;background:#0c0c0c}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.modal-back{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:80;display:grid;place-items:center;padding:20px}.modal{width:min(680px,100%);max-height:90vh;overflow:auto;border:1px solid #303030;border-radius:18px;background:#0e0e0e;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:16px}.modal-close{border:0;background:transparent;color:#968aa3;font-size:23px}.modal-body{padding:18px 19px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal-footer{padding:14px 19px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.check-row{display:flex;gap:10px;align-items:center;padding:10px 0;color:#c8bfce;font-size:13px}.check-row input{width:18px;height:18px}.hint{font-size:10px;color:#726879;line-height:1.45;margin-top:4px}
.toast{position:fixed;right:22px;bottom:22px;z-index:120;padding:12px 14px;border-radius:10px;background:#161616;border:1px solid #323232;color:white;box-shadow:var(--shadow);font-size:12px;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{border-color:rgba(255,107,120,.4);color:#ffb1b8}
.mobile-menu{display:none}
@media(max-width:1100px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}.shell{grid-template-columns:210px 1fr}.content{padding:22px 20px}.topbar{padding:0 20px}}
@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;left:-270px;width:246px;z-index:70;transition:.2s}.sidebar.open{left:0}.mobile-menu{display:inline-flex}.topbar{height:66px}.top-title span{display:none}.content{padding:18px 14px 40px}.page-head{align-items:flex-start;flex-direction:column}.cards{grid-template-columns:1fr 1fr}.modal-grid{grid-template-columns:1fr}.top-right .online{display:none}}
@media(max-width:480px){.cards{grid-template-columns:1fr}.login-card{padding:25px 19px}.table{min-width:700px}}


/* Revendas, limites simultâneos e gráficos */
.cell-note{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.table-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:250px}
.icon-btn{width:32px;height:32px;border-radius:9px;border:1px solid rgba(70,70,70,.30);background:rgba(70,70,70,.12);color:#9f9f9f;font-size:17px;font-weight:900;display:inline-grid;place-items:center}
.icon-btn:hover{background:rgba(70,70,70,.22);border-color:rgba(70,70,70,.55)}
.reseller-table{min-width:980px}
.strong-hint{border:1px solid rgba(70,70,70,.18);background:rgba(70,70,70,.07);padding:10px 12px;border-radius:10px;color:#aa9db7;font-size:11px}

.limit-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.limit-summary>div{border:1px solid var(--line);background:#0a0a0a;border-radius:12px;padding:12px}
.limit-summary span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.limit-summary b{display:block;font-size:22px;margin-top:6px}
.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:-2px 0 14px}
.seg{border:1px solid var(--line);background:#0a0a0a;color:#bdb4c6;border-radius:10px;padding:10px;font-weight:850}
.seg.active{border-color:rgba(70,70,70,.5);background:rgba(70,70,70,.13);color:white}
.quick-limit-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.quick-chip{border:1px solid rgba(62,220,145,.22);background:rgba(62,220,145,.08);color:#83edb9;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}
.quick-chip.negative{border-color:rgba(255,107,120,.22);background:rgba(255,107,120,.08);color:#ff9ca5}
.quick-chip:hover{filter:brightness(1.16)}
.limit-preview{border:1px solid rgba(70,70,70,.24);background:linear-gradient(135deg,rgba(70,70,70,.11),rgba(70,70,70,.05));border-radius:13px;padding:13px 15px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 15px}
.limit-preview span{color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:800}
.limit-preview b{font-size:24px;grid-row:1/3;grid-column:2}
.limit-preview small{color:#a99eb2}
.limit-warning{margin-top:10px;padding:11px 12px;border-radius:11px;background:rgba(255,200,92,.08);border:1px solid rgba(255,200,92,.24);color:#ffe09a;font-size:11px;line-height:1.5}
.dns-limit-rule{display:flex;flex-direction:column;gap:4px;padding:11px 12px;border-radius:11px;border:1px solid rgba(70,70,70,.16);background:rgba(70,70,70,.06)}
.dns-limit-rule b{font-size:11px;color:#cdcdcd;text-transform:uppercase}
.dns-limit-rule span{font-size:11px;color:var(--muted);line-height:1.5}

.usage-health{margin:0 0 14px;border:1px solid var(--line);background:#0c0c0c;border-radius:13px;padding:13px 15px;display:flex;justify-content:space-between;align-items:center}
.usage-health div{display:flex;flex-direction:column;gap:3px}.usage-health b{font-size:13px}.usage-health small{font-size:10px;color:var(--muted)}.usage-health strong{font-size:20px}
.usage-health.ok strong{color:var(--green)}
.usage-health.attention{border-color:rgba(255,200,92,.20)}.usage-health.attention strong{color:var(--yellow)}
.usage-health.warn{border-color:rgba(255,157,85,.25)}.usage-health.warn strong{color:var(--orange)}
.usage-health.danger{border-color:rgba(255,107,120,.26);background:rgba(255,107,120,.05)}.usage-health.danger strong{color:var(--red)}
.alert-box.attention{border-color:rgba(255,200,92,.25);background:rgba(255,200,92,.08);color:#ffe19a}

.chart-grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.chart-panel .panel-head{align-items:flex-start}.chart-panel .panel-head small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}
.chart-wrap{width:100%;overflow:hidden}.chart-svg{display:block;width:100%;height:auto;min-height:230px}
.chart-grid{stroke:#252525;stroke-width:1;vector-effect:non-scaling-stroke}
.chart-axis{fill:#776d82;font-size:10px;font-weight:700}
.chart-area{fill:rgba(70,70,70,.08)}
.chart-line{fill:none;stroke:#757575;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.chart-dot{fill:#ababab;stroke:#0e0e0e;stroke-width:2;vector-effect:non-scaling-stroke}
.chart-limit{stroke:#ff8f99;stroke-width:1.5;stroke-dasharray:6 5;vector-effect:non-scaling-stroke}
.chart-limit-label{fill:#ff9aa4;font-size:10px;font-weight:900}
.chart-bar{fill:#676767;opacity:.78}
.chart-bar:hover{opacity:1}
.chart-empty{min-height:230px;display:grid;place-items:center}
.peak-highlight{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.peak-highlight>div{border:1px solid var(--line);border-radius:10px;padding:10px;background:#0a0a0a}
.peak-highlight span{display:block;font-size:9px;color:var(--muted);text-transform:uppercase}
.peak-highlight b{display:block;margin-top:4px;font-size:13px}
.peak-history-panel{margin-bottom:14px}
.peak-history{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.peak-mini{border:1px solid var(--line);background:#0a0a0a;border-radius:11px;padding:12px}
.peak-mini span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;font-weight:800}
.peak-mini b{display:block;font-size:22px;margin:6px 0 1px}
.peak-mini small{color:#8b8195;font-size:10px}

@media(max-width:1100px){
  .chart-grid-layout{grid-template-columns:1fr}
}
@media(max-width:760px){
  .limit-summary{grid-template-columns:1fr}
  .peak-history{grid-template-columns:1fr 1fr}
  .peak-highlight{grid-template-columns:1fr}
}
@media(max-width:480px){
  .peak-history{grid-template-columns:1fr}
}

/* v7.0.0 — premium admin navigation and dashboard */
:root{--sidebar-w:272px;--sidebar-mini:88px;--purpleGlow:0 0 28px rgba(70,70,70,.18)}
.shell{grid-template-columns:var(--sidebar-w) 1fr;transition:grid-template-columns .2s ease}
.sidebar{padding:14px 12px 12px;background:linear-gradient(180deg,#080808 0%,#070707 100%);overflow:hidden;box-shadow:18px 0 45px rgba(0,0,0,.14)}
.sidebar-head{position:relative;display:flex;align-items:flex-start;min-height:118px}
.brand{width:100%;padding:8px 8px 18px;text-align:center}.brand img{width:176px;max-height:72px;object-position:center}.brand small{font-size:9px;letter-spacing:.16em;color:#a59ab2;margin-top:5px}
.sidebar-toggle{position:absolute;right:0;top:0;width:30px;height:30px;border-radius:999px;border:1px solid rgba(70,70,70,.34);background:#0f0f0f;color:#b2b2b2;font-size:22px;line-height:1;display:grid;place-items:center;transition:.2s}
.sidebar-toggle:hover{background:rgba(70,70,70,.14);box-shadow:var(--purpleGlow)}
.nav{gap:2px;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:2px}.nav::-webkit-scrollbar{width:4px}.nav::-webkit-scrollbar-thumb{background:#1c1c1c;border-radius:99px}
.nav-label{padding:14px 12px 7px;color:#82768e;font-size:9px;letter-spacing:.15em;font-weight:800}
.nav-item{position:relative;width:100%;min-height:42px;border:1px solid transparent!important;background:transparent!important;color:#c7bed0!important;border-radius:11px!important;padding:10px 11px!important;font-weight:720!important;display:flex!important;align-items:center!important;gap:11px!important;white-space:nowrap;transition:.16s ease}
.nav-item:hover{background:rgba(70,70,70,.07)!important;color:white!important;border-color:rgba(70,70,70,.08)!important}
.nav-item.active{background:linear-gradient(90deg,rgba(105,38,196,.32),rgba(70,70,70,.14))!important;color:white!important;border-color:rgba(70,70,70,.35)!important;box-shadow:inset 0 0 18px rgba(70,70,70,.05),var(--purpleGlow)}
.nav-item.active:before{content:'';position:absolute;left:-12px;top:7px;bottom:7px;width:3px;border-radius:5px;background:linear-gradient(#7e7e7e,#676767);box-shadow:0 0 14px rgba(184,79,255,.7)}
.nav-parent.active-parent{color:white!important;background:rgba(70,70,70,.055)!important}
.nav .ico{width:22px;min-width:22px;height:22px;display:grid;place-items:center;color:#777777}.nav .ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.nav-chevron{margin-left:auto;color:#8e8199;transition:.2s}.nav-parent[aria-expanded="false"] .nav-chevron{transform:rotate(-90deg)}
.client-subnav{position:relative;margin:1px 0 4px 31px;padding-left:9px;display:grid;gap:2px;border-left:1px solid #282828;max-height:110px;opacity:1;transition:.2s ease}.client-subnav.collapsed{max-height:0;opacity:0;overflow:hidden;margin-bottom:0}
.nav-subitem{min-height:34px!important;padding:7px 8px!important;font-size:11px!important;border-radius:8px!important}.nav-subitem .ico{width:15px;min-width:15px;height:15px}.nav-subitem .ico svg{width:14px;height:14px}.nav-subitem.active:before{left:-10px;top:5px;bottom:5px;width:2px}
.sidebar-bottom{padding-top:10px}.user-card{border:1px solid #202020;background:linear-gradient(180deg,#0d0d0d,#0b0b0b);border-radius:14px;padding:10px;display:flex;align-items:center;gap:10px;margin-bottom:8px}.user-avatar{position:relative;width:38px;height:38px;min-width:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#393939,#5d5d5d);font-weight:900;font-size:15px;box-shadow:0 0 18px rgba(70,70,70,.22)}.user-avatar i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--green);right:-1px;bottom:2px;border:2px solid #0b0b0b}.user-copy{min-width:0}.user-copy b{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis}.user-copy small{font-size:9px;color:#a89cac}.logout-btn{width:100%;padding:9px 12px!important;border-color:#272727!important;background:#0a0a0a!important}.logout-btn:hover{border-color:#444444!important}
.shell.sidebar-is-collapsed{grid-template-columns:var(--sidebar-mini) 1fr}.sidebar-is-collapsed .brand img{width:62px}.sidebar-is-collapsed .brand small,.sidebar-is-collapsed .nav-label,.sidebar-is-collapsed .nav-text,.sidebar-is-collapsed .nav-chevron,.sidebar-is-collapsed .user-copy,.sidebar-is-collapsed .logout-btn span{display:none}.sidebar-is-collapsed .sidebar-head{min-height:94px}.sidebar-is-collapsed .sidebar-toggle{right:2px;transform:rotate(180deg)}.sidebar-is-collapsed .nav-item{justify-content:center;padding:10px!important}.sidebar-is-collapsed .client-subnav{margin-left:0;padding-left:0;border-left:0;display:grid!important;max-height:100px!important;opacity:1!important}.sidebar-is-collapsed .nav-subitem{justify-content:center!important}.sidebar-is-collapsed .user-card{justify-content:center;padding:8px}.sidebar-is-collapsed .logout-btn{display:grid;place-items:center}
.topbar{height:68px;padding:0 26px;background:rgba(8,6,13,.9);border-bottom-color:#1d1d1d}.top-title{display:flex;flex-direction:column;gap:3px}.top-title>span{font-size:10px}.breadcrumb{display:flex;align-items:center;gap:9px}.breadcrumb .ico{width:16px;height:16px;color:#838383;display:grid;place-items:center}.breadcrumb .ico svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.breadcrumb span{color:#5f5f5f}.breadcrumb b{font-size:13px}.refresh-top{padding:8px 13px!important}.online{background:#0d0d0d;border-color:#232323;color:#b9b0bf}
.content{max-width:1700px;padding:28px 34px 52px}.premium-page-head{align-items:center}.premium-page-head h1{font-size:32px;letter-spacing:-.03em}.premium-page-head p{font-size:13px;color:#b1a5bc}.page-brand-mark{display:flex;align-items:center;gap:12px;opacity:.8}.page-brand-mark span{font-size:8px;letter-spacing:.42em;color:#c7b6da;white-space:nowrap}.page-brand-mark i{display:block;width:66px;height:1px;background:linear-gradient(90deg,#676767,transparent)}.page-brand-mark img{width:112px;height:40px;object-fit:contain}
.premium-cards{gap:16px}.stat-card{position:relative;min-height:132px;padding:16px 18px;border-color:#242424;background:radial-gradient(circle at 0 0,rgba(70,70,70,.055),transparent 50%),linear-gradient(180deg,#111111,#0d0d0d);overflow:hidden}.stat-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(#676767,#4e4e4e)}.stat-card:nth-child(2):before{background:linear-gradient(#8b8b8b,#696969)}.stat-card .stat-top{align-items:flex-start}.stat-icon.svg-icon{width:42px;height:42px;border-radius:11px}.stat-icon.svg-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.stat-icon.alt-blue{background:rgba(74,111,255,.12);color:#8e8e8e}.stat-menu{color:#7e718a;font-weight:900}.stat-copy{margin-top:7px}.stat-card .stat-number{font-size:31px;margin:5px 0 3px}.stat-card .stat-sub{color:#9c90a7}
.premium-main-grid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);margin-bottom:16px}.icon-panel-head>div:first-child{display:flex;align-items:center;gap:10px}.icon-panel-head h3{font-size:13px}.icon-panel-head small{display:block;color:#8f839b;font-size:9px;margin-top:3px}.panel-head-icon{width:34px;height:34px;border-radius:10px;background:rgba(70,70,70,.11);color:#898989;display:grid;place-items:center;font-weight:900}.dashboard-bottom-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,.8fr);gap:14px;margin-top:14px}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:12px}.quick-action{min-height:78px;border:1px solid #242424;background:#0c0c0c;color:#eee8f4;border-radius:11px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.quick-action:hover{border-color:rgba(70,70,70,.4);background:rgba(70,70,70,.065);transform:translateY(-1px)}.quick-action span{width:30px;height:30px;border-radius:9px;background:rgba(70,70,70,.13);display:grid;place-items:center;color:#818181}.quick-action svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.quick-action b{font-size:10px;text-align:center}.system-ok{border:1px solid rgba(62,220,145,.22);background:rgba(62,220,145,.07);color:#76eab0;border-radius:999px;padding:5px 8px;font-size:9px}.system-list{padding:3px 16px 10px}.system-list>div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #1e1e1e;font-size:10px}.system-list>div:last-child{border-bottom:0}.system-list span{color:#9d92a8}.system-list b{text-align:right}.ok-dot{color:#77eab0}.ok-dot:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}.management-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.management-cards .card{min-height:112px}.compact-value{font-size:20px!important;word-break:break-word}.usage-actions{margin-top:10px;display:flex;justify-content:flex-end}.app-platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.app-platform-grid>div{border:1px solid var(--line);background:#0a0a0a;border-radius:11px;padding:13px;display:flex;justify-content:space-between;gap:12px}.app-platform-grid span{color:var(--muted);font-size:11px}.app-platform-grid b{font-size:12px}.settings-readonly{max-width:920px}.settings-readonly .system-list{padding:8px 18px 14px}
@media(max-width:1200px){.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom-grid{grid-template-columns:1fr}.premium-main-grid{grid-template-columns:1fr}.page-brand-mark{display:none}}
@media(max-width:1100px){.shell{grid-template-columns:230px 1fr}.shell.sidebar-is-collapsed{grid-template-columns:82px 1fr}.content{padding:24px 22px}.management-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.shell,.shell.sidebar-is-collapsed{display:block}.sidebar{width:272px;left:-290px;padding-top:12px}.sidebar.open{left:0}.sidebar-is-collapsed .brand small,.sidebar-is-collapsed .nav-label,.sidebar-is-collapsed .nav-text,.sidebar-is-collapsed .nav-chevron,.sidebar-is-collapsed .user-copy,.sidebar-is-collapsed .logout-btn span{display:initial}.sidebar-is-collapsed .nav-item{justify-content:flex-start}.sidebar-is-collapsed .client-subnav{margin-left:31px;padding-left:9px;border-left:1px solid #282828}.sidebar-is-collapsed .user-card{justify-content:flex-start}.sidebar-toggle{display:none}.topbar{padding:0 14px}.top-right .refresh-top{padding:7px 9px!important}.premium-page-head h1{font-size:26px}.premium-cards,.management-cards{grid-template-columns:1fr 1fr}.dashboard-bottom-grid{grid-template-columns:1fr}.app-platform-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.premium-cards,.management-cards{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:1fr 1fr}.content{padding:18px 12px 36px}.top-title>span{display:none}.breadcrumb span{display:inline}.system-list>div{align-items:flex-start}.app-platform-grid{grid-template-columns:1fr}}

/* ==========================================================
   PlayServs v7.1 — SISTEMA DE TEMAS (SOMENTE CORES)
   Mantém layout, componentes e funcionalidades do painel.
   ========================================================== */
:root,
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#111111;
  --bg2:#171717;
  --panel:#181818;
  --panel2:#282828;
  --line:#333333;
  --text:#f8fafc;
  --muted:#a1a1a1;
  --soft:#727272;
  --purple:#606060;
  --purple2:#4d4d4d;
  --purpleSoft:rgba(59,130,246,.13);
  --green:#22c55e;
  --yellow:#f59e0b;
  --orange:#f97316;
  --red:#ef4444;
  --blue:#9c9c9c;
  --shadow:0 22px 60px rgba(2,6,23,.34);
  --surface:#181818;
  --surface-2:#171717;
  --surface-3:#1f1f1f;
  --surface-hover:#222222;
  --input:#171717;
  --sidebar:#151515;
  --topbar:rgba(11,17,32,.92);
  --text-strong:#ffffff;
  --accent:#606060;
  --accent-2:#7b7b7b;
  --accent-soft:rgba(37,99,235,.13);
  --accent-border:rgba(59,130,246,.30);
}

html[data-theme="light"]{
  color-scheme:light;
  --bg:#f5f7fa;
  --bg2:#eef2f7;
  --panel:#ffffff;
  --panel2:#f8fafc;
  --line:#dbe3ee;
  --text:#282828;
  --muted:#727272;
  --soft:#a1a1a1;
  --purple:#606060;
  --purple2:#4d4d4d;
  --purpleSoft:rgba(37,99,235,.09);
  --green:#16a34a;
  --yellow:#d97706;
  --orange:#ea580c;
  --red:#dc2626;
  --blue:#606060;
  --shadow:0 18px 50px rgba(15,23,42,.10);
  --surface:#ffffff;
  --surface-2:#f8fafc;
  --surface-3:#f1f5f9;
  --surface-hover:#eef4fb;
  --input:#ffffff;
  --sidebar:#ffffff;
  --topbar:rgba(255,255,255,.94);
  --text-strong:#181818;
  --accent:#606060;
  --accent-2:#7b7b7b;
  --accent-soft:rgba(37,99,235,.09);
  --accent-border:rgba(37,99,235,.22);
}

html,body,.shell{background:var(--bg);color:var(--text)}
.login-shell{background:radial-gradient(circle at 20% 0%,rgba(37,99,235,.09),transparent 34%),radial-gradient(circle at 90% 100%,rgba(59,130,246,.07),transparent 30%),var(--bg)}
.login-card{background:var(--surface);border-color:var(--line);color:var(--text)}
.field label{color:var(--muted)}
.field input,.field select,.field textarea,.search,.select{background:var(--input);color:var(--text);border-color:var(--line)}
.field input:focus,.field select:focus,.field textarea:focus,.search:focus,.select:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px rgba(37,99,235,.10)}

.sidebar{background:var(--sidebar);border-right-color:var(--line)}
.brand small,.user-mini small,.user-copy small{color:var(--muted)}
.nav-label{color:var(--soft)}
.nav button,.nav-item{color:var(--muted)!important}
.nav button:hover,.nav-item:hover{background:var(--surface-hover)!important;color:var(--text-strong)!important;border-color:var(--accent-border)!important}
.nav button.active,.nav-item.active{background:linear-gradient(90deg,rgba(37,99,235,.16),rgba(59,130,246,.07))!important;color:var(--text-strong)!important;border-color:var(--accent-border)!important;box-shadow:inset 0 0 18px rgba(37,99,235,.035),0 0 18px rgba(37,99,235,.06)}
.nav-item.active:before{background:linear-gradient(var(--accent-2),var(--accent));box-shadow:0 0 12px rgba(37,99,235,.36)}
.nav-parent.active-parent{color:var(--text-strong)!important;background:rgba(37,99,235,.055)!important}
.nav .ico,.breadcrumb .ico{color:var(--accent-2)}
.nav-chevron{color:var(--muted)}
.client-subnav{border-left-color:var(--line)}
.sidebar-bottom{border-top-color:var(--line)}
.user-card{border-color:var(--line);background:var(--surface-2)}
.user-avatar{background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 18px rgba(37,99,235,.16)}
.user-avatar i{border-color:var(--surface-2)}
.logout-btn{border-color:var(--line)!important;background:var(--surface-2)!important;color:var(--muted)!important}
.logout-btn:hover{border-color:var(--accent-border)!important;color:var(--text)!important}
.sidebar-toggle{border-color:var(--line)!important;background:var(--surface-2)!important;color:var(--muted)!important}

.topbar{background:var(--topbar);border-bottom-color:var(--line)}
.top-title span,.breadcrumb span{color:var(--muted)}
.online{background:var(--surface-2);border-color:var(--line);color:var(--muted)}
.theme-toggle{background:var(--surface-2)!important;border-color:var(--line)!important;color:var(--text)!important;white-space:nowrap}
.theme-toggle:hover{border-color:var(--accent-border)!important;background:var(--surface-hover)!important}

.btn{background:var(--surface-3);color:var(--text)}
.btn.primary{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff}
.btn.ghost{background:transparent;border-color:var(--line);color:var(--muted)}
.btn.ghost:hover{color:var(--text);border-color:var(--accent-border)}

.card,.stat-card{border-color:var(--line);background:var(--surface);box-shadow:0 9px 30px rgba(15,23,42,.08)}
.stat-card{background:linear-gradient(180deg,var(--surface),var(--surface-2))}
.stat-card:before{background:linear-gradient(var(--accent-2),var(--accent))}
.stat-card:nth-child(2):before{background:linear-gradient(#9c9c9c,#606060)}
.stat-title,.stat-sub,.stat-card .stat-sub{color:var(--muted)}
.stat-icon,.stat-icon.svg-icon,.panel-head-icon,.quick-action span{background:var(--accent-soft);color:var(--accent-2)}
.stat-icon.alt-blue{background:rgba(37,99,235,.10);color:#606060}
.stat-menu{color:var(--soft)}

.panel{background:var(--surface);border-color:var(--line)}
.panel-head{border-bottom-color:var(--line)}
.panel-head small,.empty{color:var(--muted)}
.usage-item,.tag,.quick-action,.app-platform-grid>div{background:var(--surface-2);border-color:var(--line);color:var(--text)}
.quick-action{color:var(--text)}
.quick-action:hover{border-color:var(--accent-border);background:var(--surface-hover)}
.progress{background:var(--surface-3)}
.progress i{background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.usage-caption,.app-platform-grid span{color:var(--muted)}

.table th{color:var(--soft);border-bottom-color:var(--line)}
.table td{color:var(--text);border-bottom-color:var(--line)}
.table tbody tr:hover{background:var(--surface-hover)}
.cell-main b{color:var(--text-strong)}
.cell-main small{color:var(--muted)}
.tag{color:var(--muted)}

.modal{background:var(--surface);border-color:var(--line);color:var(--text)}
.modal-head,.modal-footer{border-color:var(--line)}
.modal-close{color:var(--muted)}
.check-row{color:var(--text)}
.hint{color:var(--muted)}
.toast{background:var(--surface);border-color:var(--line);color:var(--text)}

.system-list>div{border-bottom-color:var(--line)}
.system-list span{color:var(--muted)}
.page-brand-mark span{color:var(--muted)}
.page-brand-mark i{background:linear-gradient(90deg,var(--accent),transparent)}
.premium-page-head p{color:var(--muted)}
.icon-panel-head small{color:var(--muted)}
.peak-mini,.usage-health,.dns-limit-rule,.connection-limit-summary,.connection-metric{border-color:var(--line)!important;background:var(--surface-2)!important;color:var(--text)!important}

html[data-theme="light"] .login-card,
html[data-theme="light"] .card,
html[data-theme="light"] .panel,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .modal{box-shadow:0 10px 30px rgba(15,23,42,.07)}
html[data-theme="light"] .table tbody tr:hover{background:#f7faff}
html[data-theme="light"] .modal-back{background:rgba(15,23,42,.38)}
html[data-theme="light"] .alert-box{color:#92400e;background:#fffbeb;border-color:#fde68a}
html[data-theme="light"] .alert-box.danger{color:#991b1b;background:#fef2f2;border-color:#fecaca}
html[data-theme="light"] .status.active{color:#166534;background:#dcfce7}
html[data-theme="light"] .status.disabled,
html[data-theme="light"] .status.blocked,
html[data-theme="light"] .status.expired{color:#991b1b;background:#fee2e2}
html[data-theme="light"] .status.trial,
html[data-theme="light"] .status.pending{color:#92400e;background:#fef3c7}
html[data-theme="light"] .system-ok{color:#166534;background:#dcfce7;border-color:#bbf7d0}
html[data-theme="light"] .online{color:#535353}
html[data-theme="light"] .online:before{background:#22c55e}

@media(max-width:760px){
  .theme-toggle{padding:7px 9px!important;font-size:11px}
}


/* v7.2 — Ative seu dispositivo */
.activate-device-card{max-width:980px}.activate-section{position:relative;padding:24px 26px;border-bottom:1px solid var(--line)}
.activate-section h2{margin:0 0 5px;padding-left:38px;font-size:18px}.activate-section>p{margin:0 0 18px;padding-left:38px;color:var(--muted);font-size:12px;line-height:1.5}
.activate-step{position:absolute;top:22px;left:25px;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff;border:1px solid var(--accent-border);box-shadow:0 0 20px rgba(37,99,235,.16);font-size:12px;font-weight:900}
.activate-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 2px}.activate-choice,.activate-period{font:inherit;color:var(--text);border:1px solid var(--line);background:var(--surface-2);border-radius:15px;transition:.18s ease}
.activate-choice{min-height:82px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:5px;text-align:left;padding:15px 16px}.activate-choice:hover,.activate-period:hover{border-color:var(--accent-border);transform:translateY(-1px)}
.activate-choice.on,.activate-period.on{border-color:var(--accent-2);background:var(--accent-soft);box-shadow:0 0 0 3px rgba(37,99,235,.06),0 12px 30px rgba(15,23,42,.06)}
.activate-choice b{font-size:13px}.activate-choice small,.activate-period small{color:var(--muted);font-size:11px;line-height:1.4}.activate-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}.activate-fields .full{grid-column:1/-1}.activate-fields .field{margin:10px 0}.activate-label{margin:12px 0 8px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.04em}
.activate-period-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.activate-period{min-height:68px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2px}.activate-period b{font-size:14px}
.activate-code-hint{padding:10px 12px!important;margin:0 0 10px!important;border:1px solid rgba(22,163,74,.16);border-radius:12px;background:rgba(22,163,74,.06);color:var(--muted)!important}
.activate-submit{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;background:var(--surface-2)}.activate-submit b{display:block;font-size:12px}.activate-submit small{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.4}.activate-submit .btn{min-width:205px;justify-content:center}
.activate-success{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;padding:14px 16px;border:1px solid rgba(22,163,74,.24);border-radius:15px;background:rgba(22,163,74,.08);color:#86efac}.activate-success b{font-size:13px}.activate-success span{color:var(--muted);font-size:11px}
html[data-theme="light"] .activate-success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}html[data-theme="light"] .activate-choice.on,html[data-theme="light"] .activate-period.on{background:#eff6ff}
@media(max-width:720px){.activate-choice-grid,.activate-fields,.activate-period-grid{grid-template-columns:1fr}.activate-fields .full{grid-column:auto}.activate-submit{flex-direction:column;align-items:stretch}.activate-submit .btn{width:100%}.activate-section{padding:21px 17px}.activate-section h2,.activate-section>p{padding-left:36px}.activate-step{left:17px}}

/* ==========================================================
   PlayServs v8.0 — Control Center
   Extensões mantendo o tema claro/escuro do v7.1
   ========================================================== */
.action-cluster{display:flex;flex-wrap:wrap;gap:6px;min-width:430px}
.table-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.top-gap{margin-top:16px}
.full{grid-column:1/-1}
.create-shell{max-width:980px;padding:22px}
.create-shell form{display:grid;gap:16px}
.form-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap;padding-top:6px}
.role-note,.soft-warning{border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:12px;padding:12px 14px;color:var(--muted);font-size:11px;line-height:1.55}
.role-note b,.soft-warning b{color:var(--text)}
.soft-warning{border-color:rgba(245,158,11,.27);background:rgba(245,158,11,.075)}
.management-detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:15px}
.management-detail>div{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:4px;min-width:0}
.management-detail span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.management-detail b{font-size:11px;overflow-wrap:anywhere}
.renew-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.renew-card{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:12px;padding:14px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:5px;transition:.15s ease}
.renew-card:hover{border-color:var(--accent-border);background:var(--surface-hover);transform:translateY(-1px)}
.renew-card b{font-size:13px}.renew-card small{font-size:10px;color:var(--muted)}
.renew-card.lifetime{grid-column:1/-1;border-color:var(--accent-border);background:var(--accent-soft)}
.maintenance-toggle{border:1px solid rgba(239,68,68,.22);background:rgba(239,68,68,.055);padding:12px;border-radius:11px}
.reseller-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
.status+.status{margin-left:5px}
.table td .tag+.tag{margin-left:4px;margin-bottom:3px}
.field textarea{width:100%;resize:vertical;min-height:78px;background:var(--input);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 11px;outline:none;font:inherit}
.field textarea:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px rgba(37,99,235,.10)}
.activate-device-card .field select{width:100%}
.nav-parent+.client-subnav{transition:max-height .18s ease,opacity .18s ease}
.client-subnav.collapsed{max-height:0!important;opacity:0;overflow:hidden;padding-top:0;padding-bottom:0}
.client-subnav{max-height:180px;opacity:1}
.danger-zone-compact{border:1px solid rgba(239,68,68,.23);background:rgba(239,68,68,.05);border-radius:12px;padding:12px}
@media(max-width:1280px){.action-cluster{min-width:300px}.management-detail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.action-cluster{min-width:0}.management-detail{grid-template-columns:1fr}.renew-grid{grid-template-columns:1fr}.renew-card.lifetime{grid-column:auto}.reseller-quick{grid-template-columns:1fr 1fr}.create-shell{padding:14px}}

/* ===== Central de Backup v8.1 ===== */
.backup-cards .card{min-height:126px}
.backup-state-ok{font-size:26px!important;letter-spacing:.04em;color:var(--green,#16a34a)}
.backup-time{font-size:20px;font-weight:850;line-height:1.2;margin-top:9px;color:var(--text)}
.backup-policy{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin:0 0 16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.backup-policy>div{display:flex;flex-direction:column;gap:5px}.backup-policy small{color:var(--muted);line-height:1.45;max-width:900px}
.backup-detail-list{display:grid;gap:8px;max-height:430px;overflow:auto;margin-top:14px;padding-right:3px}
.backup-detail-list>div{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:14px;align-items:center;border:1px solid var(--line);background:var(--soft);padding:10px 12px;border-radius:12px}
.backup-detail-list span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.backup-detail-list b{font-size:12px}.backup-detail-list small{color:var(--muted);font-size:11px}
.restore-warning{border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.09);border-radius:14px;padding:14px 15px;margin-bottom:12px}.restore-warning b{display:block;margin-bottom:7px}.restore-warning p{margin:0;color:var(--muted);line-height:1.5}
.safe-restore{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid rgba(34,197,94,.28);background:rgba(34,197,94,.07);border-radius:14px;padding:12px 14px;margin-bottom:12px}.safe-restore span{color:var(--muted);font-size:12px;text-align:right}
@media(max-width:760px){.backup-policy,.safe-restore{align-items:flex-start;flex-direction:column}.safe-restore span{text-align:left}.backup-detail-list>div{grid-template-columns:1fr auto}.backup-detail-list small{grid-column:1/-1}}


/* v8.2 — Central de Pagamentos PIX */
.stat-money{font-size:26px;font-weight:800;letter-spacing:-.04em;margin-top:8px;color:var(--text)}
.payment-provider{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;margin-top:14px}
.payment-provider div{display:flex;flex-direction:column;gap:3px}.payment-provider small{color:var(--muted)}
.payment-result{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(260px,1.2fr);gap:24px;align-items:start}
.payment-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px;border:1px solid var(--line);background:var(--surface-2);border-radius:16px;text-align:center}.payment-qr-wrap small{color:var(--muted)}
.payment-qr{width:min(300px,100%);aspect-ratio:1;object-fit:contain;background:#fff;border-radius:12px;padding:8px;border:1px solid #e4e7ec}
.payment-result-info{display:grid;gap:6px}.payment-result-info>span{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:8px}.payment-result-info>b,.payment-result-info>strong{font-size:16px}.payment-result-info>strong{font-size:28px;letter-spacing:-.04em}.payment-result-info code{word-break:break-all;color:var(--muted)}
.payment-result-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.hidden{display:none!important}
@media(max-width:760px){.payment-result{grid-template-columns:1fr}.stat-money{font-size:22px}}

/* v8.3 — Checkout PIX 100% dentro do painel */
.payment-checkout-modal{width:min(1120px,96vw)!important;max-height:94vh!important;overflow:hidden!important;display:flex;flex-direction:column}
.payment-checkout-modal .modal-body{padding:14px 16px 16px;overflow:auto;min-height:0;flex:1}
.payment-checkout-modal .modal-footer{flex:0 0 auto}
.embedded-payment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.embedded-payment-summary>div{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.embedded-payment-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.embedded-payment-summary b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.embedded-payment-summary strong{font-size:20px}
.embedded-payment-frame{height:min(680px,68vh);min-height:520px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;position:relative}
.embedded-payment-frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.embedded-payment-note{margin-top:10px;padding:10px 12px;border:1px solid rgba(37,99,235,.18);background:rgba(37,99,235,.06);border-radius:12px;color:var(--muted);font-size:12px;line-height:1.45}
.embedded-payment-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.embedded-payment-head>div{display:flex;flex-direction:column;gap:3px}.embedded-payment-head small{color:var(--muted)}
@media(max-width:760px){.payment-checkout-modal{width:100%!important;max-height:96vh!important}.embedded-payment-summary{grid-template-columns:1fr 1fr}.embedded-payment-frame{min-height:560px;height:72vh}.embedded-payment-head{align-items:flex-start;flex-direction:column}}

/* v8.4 — PIX Asaas nativo */
.pix-payment-modal{width:min(980px,96vw)!important;max-height:94vh!important;overflow:hidden!important;display:flex;flex-direction:column}
.pix-payment-modal .modal-body{padding:14px 16px 18px;overflow:auto;min-height:0;flex:1}
.pix-payment-modal .modal-footer{flex:0 0 auto}
.pix-native-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.pix-native-summary>div{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;min-width:0}
.pix-native-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.pix-native-summary b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pix-native-summary strong{font-size:20px}
.pix-native-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:stretch}
.pix-qr-card,.pix-copy-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:18px}
.pix-qr-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.pix-qr-card>b{font-size:14px}.pix-qr-card>span{font-size:12px;color:var(--muted)}
.pix-qr-wrap{width:260px;max-width:100%;aspect-ratio:1;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;align-items:center;justify-content:center}
.pix-qr-wrap img{width:100%;height:100%;object-fit:contain;image-rendering:auto}
.pix-copy-card{display:flex;flex-direction:column;gap:14px;justify-content:center}
.pix-copy-card h3{margin:4px 0 6px;font-size:21px}.pix-copy-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.pix-kicker{font-size:10px;letter-spacing:.1em;color:var(--primary);font-weight:800}
.pix-copy-card textarea{width:100%;min-height:128px;resize:none;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.45;word-break:break-all}
.pix-copy-btn{width:100%;justify-content:center;min-height:44px;font-size:14px}
.pix-auto-check{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.18)}
.pix-auto-check>div{display:flex;flex-direction:column;gap:2px}.pix-auto-check b{font-size:12px}.pix-auto-check small{font-size:11px;color:var(--muted)}
.pulse-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.45);animation:pixPulse 1.8s infinite;flex:none}
@keyframes pixPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.45)}70%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.table-sub{display:block;color:var(--muted);font-size:10px;margin-top:2px}
@media(max-width:760px){.pix-payment-modal{width:100%!important;max-height:96vh!important}.pix-native-summary{grid-template-columns:1fr 1fr}.pix-native-grid{grid-template-columns:1fr}.pix-qr-wrap{width:min(250px,80vw)}}

.field-help{display:block;margin-top:6px;font-size:11px;color:var(--muted)}
#payAmount[readonly]{background:var(--bg-soft,rgba(0,0,0,.03));font-weight:800;cursor:not-allowed}

/* v9.0.0 — perfis Admin / Revenda APP / Revenda DNS */
.credit-balance{min-width:220px;padding:18px 22px;border:1px solid var(--border);border-radius:18px;background:var(--panel);display:flex;flex-direction:column;align-items:flex-end;box-shadow:var(--shadow)}
.credit-balance span{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--muted)}
.credit-balance b{font-size:38px;line-height:1.05;margin:5px 0}
.credit-balance small{color:var(--muted)}
.credit-balance.compact{min-width:160px;padding:12px 18px}.credit-balance.compact b{font-size:30px}
.credit-cell{font-size:20px}.top-gap{margin-top:18px}
@media(max-width:760px){.credit-balance{width:100%;align-items:flex-start}.page-head{gap:14px;flex-wrap:wrap}}

/* v9.0.4 - fluxo seguro de ativacao */
.activate-review-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.activate-review-box>div{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft,rgba(255,255,255,.025));display:flex;flex-direction:column;gap:5px}.activate-review-box>div.full{grid-column:1/-1}.activate-review-box span{font-size:11px;text-transform:uppercase;opacity:.65}.activate-review-box b{font-size:13px}.field-help.ok{color:#31c48d}.field-help.warn{color:#d7a82f}.field-help.error{color:#ef6b73}.break{overflow-wrap:anywhere;word-break:break-word}@media(max-width:700px){.activate-review-box{grid-template-columns:1fr}.activate-review-box>div.full{grid-column:auto}}

/* v9.0.6 — ativação separada por método */
.activation-two-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.activation-method-card{overflow:hidden;margin:0}
.activation-method-head{display:flex;gap:14px;align-items:center;padding:22px 22px 18px;border-bottom:1px solid var(--border)}
.activation-method-head h2{margin:0 0 5px;font-size:20px}.activation-method-head p{margin:0;color:var(--muted);font-size:13px}
.activation-method-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(47,124,255,.15);border:1px solid rgba(47,124,255,.35);color:#959595;font-weight:800;font-size:14px;flex:none}
.activation-method-card>.activate-fields{padding:20px 22px}.activation-method-card>.activate-label{padding:0 22px 10px}.activation-method-card>.activate-period-grid{margin:0 22px 22px}
.activation-method-footer{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 22px;border-top:1px solid var(--border);background:rgba(255,255,255,.012)}
.activation-method-footer>div{display:flex;flex-direction:column;gap:3px}.activation-method-footer small{color:var(--muted)}
@media(max-width:1050px){.activation-two-blocks{grid-template-columns:1fr}}

/* PlayServs v9.3.7 — tipografia nítida e consistente */
html,body,button,input,select,textarea,table {
  font-family:"Inter","Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
body { font-weight:400; line-height:1.5; }
.nav-item,.btn,button { font-weight:600; }
.nav-text { font-size:14px; letter-spacing:.005em; }
h1,h2,h3,.stat-number,.card strong { font-weight:700; letter-spacing:-.015em; }
p,.stat-sub,small,.field-help,.panel-head small { font-weight:400; line-height:1.45; }
table,th,td { font-size:14px; }
th { font-weight:600; letter-spacing:.015em; }
td { font-weight:400; line-height:1.45; }
input,select,textarea { font-size:15px; font-weight:400; }
label { font-weight:600; }
.stat-title { font-weight:600; letter-spacing:.035em; }

/* v9.4.0 — filtros combináveis de dispositivos */
.device-filter-bar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:12px 15px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 86%,transparent)}
.device-filter{display:flex;flex-direction:column;gap:6px;min-width:180px}.device-filter label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.device-filter .select{min-width:180px}.device-filter-summary{margin-left:auto;display:flex;align-items:center;gap:10px;min-height:39px;color:var(--muted);font-size:12px;font-weight:700}.tag-muted{opacity:.7}.cell-note{display:block;margin-top:4px;color:var(--muted);font-size:11px}
@media(max-width:900px){.device-filter-bar{align-items:stretch}.device-filter{min-width:calc(50% - 6px);flex:1}.device-filter .select{min-width:0;width:100%}.device-filter-summary{width:100%;margin-left:0;justify-content:space-between}}
@media(max-width:560px){.device-filter{min-width:100%}}

/* v9.4.5 — menu administrativo agrupado e compacto */
.sidebar.admin-nav-compact{padding-top:10px;padding-bottom:9px}
.sidebar.admin-nav-compact .sidebar-head{min-height:78px}
.sidebar.admin-nav-compact .brand{padding:2px 8px 8px}
.sidebar.admin-nav-compact .brand img{width:132px;max-height:48px}
.sidebar.admin-nav-compact .brand small{font-size:8px;margin-top:1px}
.sidebar.admin-nav-compact .nav{gap:1px;min-height:0;overflow-y:auto;scrollbar-width:thin}
.sidebar.admin-nav-compact .nav-label{padding:7px 11px 3px;font-size:8px;line-height:1.15}
.sidebar.admin-nav-compact .nav-item{min-height:33px;padding:6px 10px!important;gap:10px!important;border-radius:9px!important;font-size:13px}
.sidebar.admin-nav-compact .nav-item .ico{width:18px}
.sidebar.admin-nav-compact .sidebar-bottom{padding-top:7px}
.sidebar.admin-nav-compact .user-card{padding:7px 9px;margin-bottom:5px;border-radius:11px}
.sidebar.admin-nav-compact .user-avatar{width:32px;height:32px;min-width:32px;font-size:13px}
.sidebar.admin-nav-compact .logout-btn{padding:7px 10px!important}
.sidebar.admin-nav-compact .nav-item.active:before{top:5px;bottom:5px}
@media(max-width:760px){.sidebar.admin-nav-compact .sidebar-head{min-height:92px}.sidebar.admin-nav-compact .brand img{width:150px;max-height:58px}.sidebar.admin-nav-compact .nav-item{min-height:38px;padding:8px 10px!important;font-size:14px}.sidebar.admin-nav-compact .nav-label{padding:10px 11px 4px}}


/* v9.4.6 — Central integrada de Aplicativos / Downloads */
.table-sub{display:block;margin-top:4px;color:var(--muted);font-size:9px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.order-actions{display:flex;gap:4px}.order-actions .btn{min-width:34px;padding:6px 8px}.download-app-actions{min-width:250px}
.download-manager-modal{width:min(1180px,96vw);max-height:94vh;display:flex;flex-direction:column}
.download-manager-modal .modal-head{flex:0 0 auto}.download-manager-modal .modal-head small{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.download-manager-modal .modal-body{overflow:auto;min-height:0;flex:1;padding:16px 18px 24px}
.download-manager-modal .modal-footer{flex:0 0 auto}
.dm-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}
.dm-summary>div{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:11px;display:flex;flex-direction:column;gap:4px;min-width:0}
.dm-summary span{font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.dm-summary b{font-size:11px;overflow-wrap:anywhere}.dm-summary small{font-size:9px;color:var(--muted)}
.dm-section{border:1px solid var(--line);background:var(--surface-2);border-radius:13px;padding:14px;margin-top:12px}
.dm-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.dm-section-head h4{margin:0;font-size:13px}.dm-section-head small{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.dm-checks{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:12px;padding-top:4px}
.dm-file-current{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-bottom:10px}
.dm-file-current>div:first-child{min-width:0;display:flex;flex-direction:column;gap:3px}.dm-file-current span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.dm-file-current b{font-size:11px;overflow-wrap:anywhere}.dm-file-current small{font-size:8px;color:var(--muted);overflow-wrap:anywhere}
.dm-upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.dm-upload-row input[type=file]{width:100%;border:1px dashed var(--line);background:var(--surface);padding:10px;border-radius:9px;color:var(--text)}
.dm-progress{margin-top:8px;padding:8px 10px;border-radius:8px;border:1px solid rgba(59,130,246,.25);background:rgba(59,130,246,.07);font-size:9px;color:var(--text)}
.dm-url{margin-top:8px;padding:8px 10px;border:1px solid var(--line);background:var(--surface);border-radius:8px;font-size:8px;overflow-wrap:anywhere;color:var(--muted)}
.dm-cover-row{display:grid;grid-template-columns:170px minmax(0,1fr);gap:15px;align-items:center}.dm-cover-row img,.dm-cover-empty{width:170px;height:110px;object-fit:cover;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.dm-cover-empty{display:grid;place-items:center;color:var(--muted);font-size:10px}.dm-cover-row>div:last-child{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.dm-cover-row input{width:100%}
.dm-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px}.dm-gallery-item{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.dm-gallery-item img{width:100%;height:120px;object-fit:cover;display:block}.dm-gallery-item>div{padding:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.dm-gallery-item small{font-size:8px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}
@media(max-width:900px){.dm-summary{grid-template-columns:1fr 1fr}.dm-gallery{grid-template-columns:1fr 1fr}.dm-cover-row{grid-template-columns:1fr}.dm-cover-row img,.dm-cover-empty{width:100%;height:160px}.dm-upload-row{grid-template-columns:1fr}.dm-file-current{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.dm-summary,.dm-gallery{grid-template-columns:1fr}.download-manager-modal{width:100%;max-height:96vh}.dm-section-head{align-items:flex-start;flex-direction:column}}


/* ==========================================================
   PlayServs v9.4.7 — OTIMIZAÇÃO MOBILE GLOBAL
   ========================================================== */
.mobile-nav-backdrop{display:none}
body.mobile-nav-open{overflow:hidden}

@media(max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .shell,.main,.content{min-width:0;max-width:100%}

  /* Topo compacto e sempre utilizável */
  .topbar{
    height:60px;
    min-height:60px;
    padding:0 max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));
    gap:8px;
  }
  .mobile-menu{
    display:inline-grid!important;
    place-items:center;
    width:42px;
    height:42px;
    min-width:42px;
    padding:0!important;
    font-size:19px;
    border-radius:11px;
  }
  .top-title{min-width:0;flex:1}
  .breadcrumb{gap:6px;min-width:0}
  .breadcrumb b{
    min-width:0;
    max-width:42vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
  }
  .top-title>span{display:none!important}
  .top-right{gap:5px;flex:none}
  .top-right .online,.top-right>.tag{display:none!important}
  .theme-toggle,.refresh-top{
    width:40px;
    height:40px;
    min-width:40px;
    padding:0!important;
    display:grid!important;
    place-items:center;
    font-size:0!important;
    border-radius:10px!important;
  }
  .theme-toggle:before{content:'◐';font-size:17px;line-height:1}
  .refresh-top:before{content:'↻';font-size:19px;line-height:1}

  /* Menu lateral como drawer, com fundo e fechamento fácil */
  .sidebar,
  .sidebar.admin-nav-compact{
    position:fixed!important;
    top:0;
    bottom:0;
    left:-100vw!important;
    width:min(86vw,320px)!important;
    height:100dvh!important;
    z-index:92!important;
    padding:12px 12px max(10px,env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    transition:left .22s ease,box-shadow .22s ease!important;
    box-shadow:none!important;
  }
  .sidebar.open{
    left:0!important;
    box-shadow:24px 0 60px rgba(0,0,0,.42)!important;
  }
  .mobile-nav-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:91;
    background:rgba(2,6,23,.58);
    backdrop-filter:blur(2px);
    opacity:0;
    pointer-events:none;
    transition:opacity .2s ease;
  }
  .mobile-nav-backdrop.show{opacity:1;pointer-events:auto}
  .sidebar .sidebar-head,.sidebar.admin-nav-compact .sidebar-head{min-height:82px!important;flex:none}
  .sidebar .brand,.sidebar.admin-nav-compact .brand{padding:0 8px 8px!important}
  .sidebar .brand img,.sidebar.admin-nav-compact .brand img{width:145px!important;max-height:54px!important}
  .sidebar .nav,.sidebar.admin-nav-compact .nav{
    flex:1;
    min-height:0;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:0 2px 8px 0;
    scrollbar-width:thin;
  }
  .sidebar .nav-label,.sidebar.admin-nav-compact .nav-label{padding:9px 10px 4px!important;font-size:9px!important}
  .sidebar .nav-item,.sidebar.admin-nav-compact .nav-item{
    min-height:44px!important;
    padding:10px 11px!important;
    font-size:14px!important;
  }
  .sidebar-bottom{flex:none;padding-top:8px!important}
  .sidebar .user-card,.sidebar.admin-nav-compact .user-card{padding:8px 9px!important;margin-bottom:6px!important}
  .sidebar .logout-btn,.sidebar.admin-nav-compact .logout-btn{min-height:42px!important}

  /* Conteúdo */
  .content{
    width:100%;
    padding:16px 12px calc(34px + env(safe-area-inset-bottom))!important;
  }
  .page-head,.premium-page-head{
    margin-bottom:14px;
    gap:10px!important;
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .page-head h1,.premium-page-head h1{font-size:23px!important;line-height:1.15}
  .page-head p,.premium-page-head p{font-size:12px!important;line-height:1.45}
  .page-head>.actions{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .page-head>.actions .btn,.page-head>.actions a.btn{
    min-width:0;
    width:100%;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
  }
  .page-brand-mark{display:none!important}

  /* Cards mais densos no celular */
  .cards,.premium-cards,.management-cards{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    margin-bottom:12px!important;
  }
  .card,.stat-card,.management-cards .card{
    min-height:94px!important;
    padding:12px!important;
    border-radius:12px!important;
  }
  .stat-card .stat-icon,.stat-icon.svg-icon{width:34px!important;height:34px!important}
  .stat-number,.stat-card .stat-number{font-size:23px!important;margin:8px 0 2px!important}
  .stat-title{font-size:9px!important}
  .stat-sub{font-size:9px!important;line-height:1.3}

  /* Painéis */
  .grid-2,.premium-main-grid,.dashboard-bottom-grid{grid-template-columns:1fr!important;gap:10px!important}
  .panel{border-radius:12px}
  .panel-head{
    padding:12px;
    gap:10px;
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .panel-head>div{min-width:0}
  .panel-head h3{font-size:13px}
  .panel-head .btn{min-height:38px}
  .panel-body{padding:12px}
  .empty{padding:24px 12px}
  .role-note,.soft-warning,.alert-box{font-size:10px;padding:10px 11px}
  .usage-item{padding:11px}
  .usage-top{align-items:flex-start}
  .usage-caption{gap:10px;align-items:flex-start}
  .system-list{padding:4px 12px 10px}
  .system-list>div{gap:12px;font-size:10px}
  .quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px;gap:8px}
  .quick-action{min-height:72px;padding:9px}
  .app-platform-grid{grid-template-columns:1fr!important}

  /* Busca, filtros e chips */
  .search-row{
    flex-direction:column;
    align-items:stretch;
    padding:10px;
    gap:8px;
  }
  .search-row .search{width:100%;min-height:44px;font-size:16px}
  .search-row>.actions{
    width:100%;
    flex-wrap:nowrap!important;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 0 3px;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
  }
  .search-row>.actions .btn{flex:0 0 auto;min-height:38px;scroll-snap-align:start}
  .device-filter-bar{padding:10px;gap:9px}
  .device-filter{min-width:100%!important;width:100%}
  .device-filter .select{width:100%;min-height:44px;font-size:16px}
  .device-filter-summary{width:100%;gap:8px;flex-wrap:wrap}
  .device-filter-summary .btn{margin-left:auto}
  .select{min-height:44px;font-size:16px}

  /* Tabelas viram cartões legíveis em vez de exigir zoom */
  .table-wrap{
    overflow:visible!important;
    width:100%;
  }
  table.table{
    display:block;
    width:100%;
    min-width:0!important;
    border-collapse:separate;
  }
  .table thead{display:none}
  .table tbody{display:grid;gap:9px;padding:10px}
  .table tbody tr{
    display:block;
    width:100%;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--surface-2);
    overflow:hidden;
  }
  .table tbody tr:hover{background:var(--surface-2)}
  .table tbody td{
    width:100%!important;
    display:grid;
    grid-template-columns:minmax(92px,34%) minmax(0,1fr);
    align-items:start;
    gap:10px;
    padding:9px 11px!important;
    border-bottom:1px solid var(--line)!important;
    font-size:12px!important;
    min-width:0;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
  .table tbody td:last-child{border-bottom:0!important}
  .table tbody td:before{
    content:attr(data-label);
    color:var(--muted);
    font-size:9px;
    line-height:1.35;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
  }
  .table tbody td[colspan]{
    display:block;
    padding:0!important;
    border-bottom:0!important;
  }
  .table tbody td[colspan]:before{display:none}
  .table .cell-main b,.table .cell-main small{overflow-wrap:anywhere;word-break:break-word}
  .table-actions,.action-cluster{
    min-width:0!important;
    width:100%;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px!important;
  }
  .table-actions .btn,.action-cluster .btn{
    width:100%;
    min-width:0;
    min-height:38px;
    padding:7px 8px!important;
    white-space:normal;
    line-height:1.2;
  }
  .download-app-actions{min-width:0!important}
  .order-actions{justify-content:flex-start}
  .mono{overflow-wrap:anywhere;word-break:break-word}

  /* Formulários sem zoom automático do iPhone */
  input,select,textarea,.field input,.field select,.field textarea{
    font-size:16px!important;
  }
  .field{margin-bottom:12px}
  .field input,.field select{min-height:46px}
  .field textarea{min-height:110px}
  .btn{min-height:42px}
  .btn.sm{min-height:36px}
  .modal-grid,.activate-choice-grid,.activate-fields,.activate-period-grid,.management-detail,.renew-grid,.reseller-quick{
    grid-template-columns:1fr!important;
  }
  .full,.activate-fields .full,.renew-card.lifetime{grid-column:auto!important}
  .form-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  .form-actions .btn{width:100%}

  /* Modais como bottom-sheet */
  .modal-back{
    padding:0!important;
    place-items:end center!important;
    align-items:end!important;
  }
  .modal{
    width:100%!important;
    max-width:none!important;
    max-height:94dvh!important;
    border-radius:18px 18px 0 0!important;
    border-bottom:0!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }
  .modal-head{
    flex:0 0 auto;
    padding:14px 14px 12px!important;
    gap:10px;
  }
  .modal-head h3{font-size:16px!important}
  .modal-close{
    width:40px;
    height:40px;
    min-width:40px;
    display:grid;
    place-items:center;
  }
  .modal-body{
    flex:1;
    min-height:0;
    overflow:auto!important;
    padding:14px!important;
    -webkit-overflow-scrolling:touch;
  }
  .modal-footer{
    flex:0 0 auto;
    position:relative;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;
    background:var(--surface);
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px!important;
  }
  .modal-footer .btn{width:100%;min-width:0}
  .download-manager-modal{width:100%!important;max-height:96dvh!important}
  .download-manager-modal .modal-body{padding:12px!important}
  .dm-section{padding:11px;margin-top:9px;border-radius:11px}
  .dm-section-head{gap:8px;margin-bottom:10px}
  .dm-section-head .btn{width:100%}
  .dm-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px}
  .dm-summary>div{padding:9px}
  .dm-upload-row{grid-template-columns:1fr!important}
  .dm-upload-row .btn{width:100%}
  .dm-file-current{align-items:flex-start;flex-direction:column}
  .dm-file-current .actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .dm-file-current .actions .btn{width:100%}
  .dm-cover-row{grid-template-columns:1fr!important}
  .dm-cover-row img,.dm-cover-empty{width:100%!important;height:170px!important}
  .dm-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Ativação e pagamentos */
  .activate-section{padding:18px 13px!important}
  .activate-section h2,.activate-section>p{padding-left:34px!important}
  .activate-step{left:13px!important}
  .activate-submit,.activation-method-footer{
    flex-direction:column;
    align-items:stretch;
    padding:14px!important;
  }
  .activate-submit .btn,.activation-method-footer .btn{width:100%}
  .activation-method-card>.activate-fields{padding:14px}
  .activation-method-card>.activate-label{padding:0 14px 9px}
  .activation-method-card>.activate-period-grid{margin:0 14px 14px}
  .embedded-payment-summary,.pix-native-summary{grid-template-columns:1fr!important}
  .embedded-payment-frame{min-height:500px;height:72dvh}
  .pix-qr-wrap{width:min(240px,78vw)!important}

  /* Backup / tickets / detalhes */
  .backup-policy,.safe-restore{align-items:flex-start;flex-direction:column}
  .backup-detail-list>div{grid-template-columns:1fr!important}
  .backup-detail-list small{grid-column:auto!important}

  /* Toast */
  .toast{
    left:12px!important;
    right:12px!important;
    bottom:calc(12px + env(safe-area-inset-bottom))!important;
    width:auto;
    text-align:center;
  }
}

@media(max-width:420px){
  .content{padding-left:10px!important;padding-right:10px!important}
  .cards,.premium-cards,.management-cards{gap:7px!important}
  .card,.stat-card,.management-cards .card{padding:10px!important}
  .stat-number,.stat-card .stat-number{font-size:21px!important}
  .page-head>.actions{grid-template-columns:1fr}
  .dm-summary{grid-template-columns:1fr!important}
  .dm-gallery{grid-template-columns:1fr!important}
  .table tbody{padding:8px}
  .table tbody td{grid-template-columns:84px minmax(0,1fr);gap:8px;padding:8px 9px!important}
}

@media(max-width:350px){
  .cards,.premium-cards,.management-cards{grid-template-columns:1fr!important}
  .quick-actions-grid{grid-template-columns:1fr!important}
  .breadcrumb b{max-width:34vw}
}


/* v9.4.8 — Upload conjunto APK + JSON */
.dm-bundle-current{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dm-bundle-current .dm-file-current{margin-bottom:0;height:100%}
.dm-bundle-picker{margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.8fr) auto;gap:10px;align-items:stretch}
.dm-bundle-picker>input[type=file]{width:100%;border:1px dashed var(--line);background:var(--surface);padding:12px;border-radius:10px;color:var(--text)}
.dm-bundle-selection{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}
.dm-bundle-selection b{font-size:10px;overflow-wrap:anywhere}
.dm-bundle-selection small{font-size:9px;color:var(--muted);overflow-wrap:anywhere}
.dm-bundle-picker .btn{min-width:170px}
@media(max-width:900px){
  .dm-bundle-current{grid-template-columns:1fr}
  .dm-bundle-picker{grid-template-columns:1fr}
  .dm-bundle-picker .btn{width:100%;min-width:0}
}


/* v9.4.9 — Status de teste com dias restantes (usa os badges existentes) */

/* v9.5.1 — Ativação de aplicativos: consulta + cadastro manual */
/* v9.5.2 — auto-refresh não interrompe campos, formulários ou modais em edição */
.activation-admin-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:16px;align-items:start}
.activation-admin-card{overflow:visible}
.activation-search-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.activation-search-box .search{width:100%;min-width:0}
.activation-search-results{margin-top:10px;display:grid;gap:7px;max-height:310px;overflow:auto;padding-right:2px}
.activation-search-results .empty.compact{padding:16px 10px}
.activation-search-result{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:11px 12px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(120px,.8fr);gap:12px;text-align:left;cursor:pointer;transition:.18s ease;box-shadow:none}
.activation-search-result:hover{border-color:var(--accent);transform:translateY(-1px)}
.activation-search-result.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
.activation-search-result>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.activation-search-result>span:last-child{text-align:right;align-items:flex-end}
.activation-search-result b{font-size:12px;overflow-wrap:anywhere}
.activation-search-result small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.activation-selected-card{margin-top:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:14px}
.activation-selected-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.activation-selected-head>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.activation-selected-head span:first-child{font-size:9px;letter-spacing:.12em;color:var(--muted);font-weight:800}
.activation-selected-head b{font-size:16px;overflow-wrap:anywhere}
.activation-selected-head small{font-size:11px;color:var(--muted)}
.activation-selected-data{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.activation-selected-data>div{border:1px solid var(--line);border-radius:10px;padding:9px 10px;min-width:0}
.activation-selected-data span{display:block;font-size:9px;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.06em}
.activation-selected-data b{display:block;font-size:11px;overflow-wrap:anywhere}
.activation-selected-actions,.manual-activation-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.activation-selected-actions .btn,.manual-activation-actions .btn{flex:1 1 150px}
.manual-activation-actions{margin-bottom:8px}

@media(max-width:1050px){
  .activation-admin-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .activation-search-box{grid-template-columns:1fr}
  .activation-search-box .btn{width:100%}
  .activation-search-result{grid-template-columns:1fr}
  .activation-search-result>span:last-child{text-align:left;align-items:flex-start}
  .activation-selected-head{flex-direction:column}
  .activation-selected-data{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
  .activation-selected-data{grid-template-columns:1fr}
  .activation-selected-actions,.manual-activation-actions{flex-direction:column}
  .activation-selected-actions .btn,.manual-activation-actions .btn{width:100%;flex-basis:auto}
}

/* v9.5.5 — organização do menu lateral para revendas somente DNS */
.sidebar.reseller-organized-nav .nav{gap:3px}
.sidebar.reseller-organized-nav .nav-label{padding:14px 12px 5px;font-size:9px;letter-spacing:.14em;font-weight:800}
.sidebar.reseller-organized-nav .nav-item{min-height:42px;padding:9px 11px!important;border-radius:11px}
.sidebar.reseller-organized-nav .nav-item .ico{width:21px}
.sidebar.reseller-organized-nav .nav-item.active{box-shadow:inset 0 0 0 1px rgba(49,128,255,.18)}
.sidebar.reseller-organized-nav .sidebar-bottom{padding-top:9px}
@media(max-width:760px){
  .sidebar.reseller-organized-nav .nav-label{padding:11px 10px 4px!important}
  .sidebar.reseller-organized-nav .nav-item{min-height:40px!important;padding:8px 10px!important}
}

/* v9.5.8 — vencimento mensal das revendas DNS */
.status.dns_expired{background:rgba(255,107,120,.10);color:#ff969f}.status.dns_expired:before{background:var(--red)}
.danger-text{color:#ff969f!important;font-weight:800}
.disabled-input{opacity:.55;cursor:not-allowed}
html[data-theme="light"] .status.dns_expired{color:#991b1b;background:#fee2e2}
html[data-theme="light"] .danger-text{color:#b91c1c!important}

/* Revendas unificadas — ações alinhadas ao canto direito */
.reseller-unified-table{min-width:1240px}
.reseller-unified-table th:last-child{
  min-width:520px;
  text-align:right;
  padding-right:18px;
}
.reseller-unified-table td:last-child{
  min-width:520px;
  padding-left:30px;
  padding-right:18px;
}
.reseller-unified-table td:last-child .action-cluster{
  min-width:490px;
  justify-content:flex-end;
  margin-left:auto;
}

/* ==========================================================
   PlayServs Painel v9.6.0 — REFRESH VISUAL ADM (TESTE)
   Somente layout/estilo. Nenhuma regra de negócio alterada.
   ========================================================== */

:root{
  --layout-radius:14px;
  --layout-radius-sm:10px;
  --layout-gap:16px;
  --layout-shadow:0 8px 28px rgba(2,6,23,.18);
}

/* Estrutura geral mais limpa */
.shell{grid-template-columns:236px minmax(0,1fr)}
.shell.sidebar-is-collapsed{grid-template-columns:76px minmax(0,1fr)}
.sidebar{padding:12px 11px 10px;background:linear-gradient(180deg,var(--sidebar) 0%,color-mix(in srgb,var(--sidebar) 92%,var(--bg)) 100%)}
.sidebar-head{min-height:86px}
.sidebar .brand{padding:4px 10px 12px}
.sidebar .brand img{width:142px;max-height:50px}
.sidebar .brand small{font-size:8.5px;letter-spacing:.11em;margin-top:2px}
.sidebar-bottom{padding-top:9px}
.user-card{border-radius:12px;padding:8px 9px;margin-bottom:7px;box-shadow:none}
.logout-btn{border-radius:10px!important}

/* Menu: menos peso visual e seleção mais clara */
.nav{gap:2px}
.nav-label{padding:10px 11px 4px;font-size:8.5px;letter-spacing:.12em;font-weight:700}
.nav button,.nav-item{min-height:36px;padding:8px 10px!important;border-radius:9px!important;font-size:13px;font-weight:600!important;border:1px solid transparent!important}
.nav button:hover,.nav-item:hover{transform:none}
.nav button.active,.nav-item.active{
  background:var(--accent-soft)!important;
  border-color:var(--accent-border)!important;
  box-shadow:none!important;
}
.nav-item.active:before{top:6px!important;bottom:6px!important;width:3px!important;border-radius:4px!important;box-shadow:none!important}

/* Topo mais compacto */
.topbar{height:62px;min-height:62px;padding:0 22px;box-shadow:0 1px 0 rgba(255,255,255,.01)}
.breadcrumb{gap:7px}
.breadcrumb b{font-size:13px;font-weight:700}
.top-title>span{font-size:9.5px}
.top-right{gap:7px}
.top-right .btn,.online,.top-right>.tag{min-height:34px}
.online{padding:7px 10px}
.refresh-top,.theme-toggle{border-radius:9px!important}

/* Conteúdo e títulos */
.content{padding:24px 24px 52px;max-width:1740px}
.page-head{align-items:center;margin-bottom:18px;min-height:48px}
.page-head h1,.premium-page-head h1{font-size:23px!important;line-height:1.15;margin-bottom:5px!important;letter-spacing:-.02em}
.page-head p,.premium-page-head p{font-size:12.5px;max-width:760px}
.page-head>.btn,.page-head .actions .btn{min-height:38px}

/* Cards de indicadores mais consistentes */
.cards{grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;margin-bottom:16px}
.cards>.card,.stat-card{
  position:relative;
  min-height:116px;
  border-radius:var(--layout-radius);
  padding:15px 16px;
  box-shadow:0 5px 18px rgba(2,6,23,.10);
  overflow:hidden;
}
.cards>.card:before,.stat-card:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:3px;
  background:var(--accent);
  opacity:.85;
}
.stat-title{font-size:10.5px;letter-spacing:.055em}
.stat-number{font-size:26px;line-height:1;margin:12px 0 6px;letter-spacing:-.03em}
.stat-sub{font-size:10.5px}

/* Painéis e ferramentas */
.panel{border-radius:var(--layout-radius);box-shadow:0 5px 18px rgba(2,6,23,.08)}
.panel-head{padding:14px 16px;background:color-mix(in srgb,var(--surface-2) 65%,transparent)}
.panel-head h3{font-size:13px}
.panel-body{padding:16px}
.top-gap{margin-top:14px!important}
.grid-2{gap:12px}

/* Busca / filtros */
.search-row,.device-filter-bar{
  padding:11px 13px;
  gap:9px;
  background:color-mix(in srgb,var(--surface-2) 72%,transparent)!important;
}
.search,.select,.field input,.field select,.field textarea{
  border-radius:9px;
  min-height:40px;
}
.search{padding:9px 12px}
.actions{gap:6px}

/* Tabelas: leitura mais fácil */
.table-wrap{scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.table{min-width:860px}
.table th{
  padding:10px 13px;
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.07em;
  background:color-mix(in srgb,var(--surface-2) 76%,transparent);
  white-space:nowrap;
}
.table td{padding:11px 13px;font-size:12px;line-height:1.35}
.table tbody tr:last-child td{border-bottom:0}
.cell-main b{font-size:12.5px;font-weight:700}
.cell-main small{font-size:10.5px}
.table-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.table-actions .btn{white-space:nowrap}
.reseller-unified-table td:last-child .action-cluster{row-gap:6px}

/* Botões */
.btn{border-radius:9px;padding:9px 12px;font-weight:700;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.btn:hover{filter:none;transform:translateY(-1px)}
.btn:active{transform:translateY(0)}
.btn.primary{box-shadow:0 4px 12px rgba(37,99,235,.16)}
.btn.sm{padding:6px 9px;border-radius:8px;font-size:11px;min-height:30px}
.btn.danger{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.24)}
.btn.success{background:rgba(34,197,94,.09);border-color:rgba(34,197,94,.24)}

/* Status e etiquetas */
.status{padding:5px 8px;font-size:9.5px;letter-spacing:.035em;border:1px solid transparent}
.status.active{border-color:rgba(34,197,94,.18)}
.status.blocked,.status.disabled,.status.expired,.status.dns_expired{border-color:rgba(239,68,68,.18)}
.status.trial,.status.pending{border-color:rgba(245,158,11,.18)}
.tag{border-radius:7px;padding:5px 8px;font-size:9.5px}

/* Modais */
.modal{border-radius:16px;box-shadow:0 24px 70px rgba(2,6,23,.42)}
.modal-head{padding:15px 17px}
.modal-body{padding:17px}
.modal-footer{padding:12px 17px}
.modal-grid{gap:11px}
.field{gap:6px;margin-bottom:12px}
.field label{font-size:10.5px;letter-spacing:.045em}

/* Ajustes específicos do ADM */
.sidebar.admin-nav-compact{padding:9px 10px 8px}
.sidebar.admin-nav-compact .sidebar-head{min-height:72px}
.sidebar.admin-nav-compact .brand{padding:2px 9px 8px}
.sidebar.admin-nav-compact .brand img{width:128px;max-height:44px}
.sidebar.admin-nav-compact .nav-label{padding:6px 10px 3px;font-size:8px}
.sidebar.admin-nav-compact .nav-item{min-height:32px;padding:5px 9px!important;border-radius:8px!important;font-size:12.5px}
.sidebar.admin-nav-compact .sidebar-bottom{padding-top:6px}

/* Desktop intermediário */
@media(max-width:1180px){
  .shell{grid-template-columns:220px minmax(0,1fr)}
  .shell.sidebar-is-collapsed{grid-template-columns:76px minmax(0,1fr)}
  .content{padding:22px 18px 46px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reseller-unified-table{min-width:1180px}
}

/* Mobile: mantém drawer existente, só melhora espaçamento */
@media(max-width:760px){
  .topbar{height:58px;min-height:58px;padding-left:max(9px,env(safe-area-inset-left));padding-right:max(9px,env(safe-area-inset-right))}
  .content{padding:16px 11px 34px}
  .page-head{align-items:flex-start;gap:12px;margin-bottom:14px}
  .page-head h1,.premium-page-head h1{font-size:21px!important}
  .cards{grid-template-columns:1fr 1fr;gap:9px}
  .cards>.card,.stat-card{min-height:104px;padding:13px}
  .stat-number{font-size:23px}
  .panel{border-radius:12px}
  .search-row{padding:10px}
  .table td{padding:10px 11px}
  .modal{border-radius:15px 15px 0 0}
}

@media(max-width:480px){
  .cards{grid-template-columns:1fr}
  .cards>.card,.stat-card{min-height:96px}
  .page-head>.btn,.page-head .actions{width:100%}
  .page-head>.btn{justify-content:center}
}

html[data-theme="light"] .cards>.card,
html[data-theme="light"] .stat-card,
html[data-theme="light"] .panel{box-shadow:0 5px 18px rgba(15,23,42,.055)}

/* ==========================================================
   PlayServs v9.6.1 — VISÃO GERAL PROFISSIONAL (TESTE)
   Somente layout da home administrativa.
   ========================================================== */
.overview-page-head{margin-bottom:14px!important}
.overview-eyebrow{font-size:8.5px;font-weight:800;letter-spacing:.14em;color:var(--accent-2);margin-bottom:5px}
.overview-update{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:8px 11px;min-width:145px}
.overview-update>span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(34,197,94,.10);flex:0 0 auto}
.overview-update div{display:flex;flex-direction:column;gap:1px}.overview-update b{font-size:10.5px}.overview-update small{font-size:9px;color:var(--muted)}
.overview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:12px}
.overview-kpi{min-height:118px;border:1px solid var(--line);background:linear-gradient(180deg,var(--surface),var(--surface-2));border-radius:14px;padding:15px;display:flex;gap:12px;align-items:flex-start;box-shadow:0 5px 18px rgba(2,6,23,.08)}
.overview-kpi-icon{width:38px;height:38px;border-radius:10px;background:var(--accent-soft);color:var(--accent-2);display:grid;place-items:center;flex:0 0 auto}.overview-kpi-icon.blue{background:rgba(96,165,250,.10);color:#9c9c9c}.overview-kpi-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.overview-kpi-copy{min-width:0;flex:1}.overview-kpi-copy>span{display:block;font-size:9px;letter-spacing:.085em;font-weight:800;color:var(--muted);margin:1px 0 8px}.overview-kpi-copy strong{display:block;font-size:27px;line-height:1;font-weight:800;letter-spacing:-.04em;color:var(--text-strong)}.overview-kpi-copy strong i{font-style:normal;font-size:14px;font-weight:700;color:var(--muted);letter-spacing:-.02em}.overview-kpi-copy small{display:block;margin-top:7px;font-size:9.8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overview-kpi-bar{height:4px;background:var(--line);border-radius:99px;overflow:hidden;margin-top:8px}.overview-kpi-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),#9c9c9c)}
.overview-attention{border:1px solid rgba(245,158,11,.24);background:rgba(245,158,11,.055);border-radius:12px;padding:11px 13px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:14px}.overview-attention.has-critical{border-color:rgba(239,68,68,.28);background:rgba(239,68,68,.055)}.overview-attention-ok{border-color:rgba(34,197,94,.18);background:rgba(34,197,94,.035)}
.overview-attention-title{display:flex;align-items:center;gap:10px;min-width:220px}.overview-attention-title>span{width:28px;height:28px;border-radius:8px;background:rgba(245,158,11,.12);color:var(--yellow);display:grid;place-items:center;font-weight:900}.has-critical .overview-attention-title>span{background:rgba(239,68,68,.12);color:var(--red)}.overview-attention-ok .overview-attention-title>span{background:rgba(34,197,94,.11);color:var(--green)}.overview-attention-title div{display:flex;flex-direction:column;gap:2px}.overview-attention-title b{font-size:11px}.overview-attention-title small{font-size:9.5px;color:var(--muted)}
.overview-attention-items{display:flex;align-items:stretch;gap:7px;flex-wrap:wrap;justify-content:flex-end}.overview-attention-items button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:7px 10px;display:flex;align-items:center;gap:7px;cursor:pointer}.overview-attention-items button:hover{border-color:var(--accent-border);background:var(--surface-hover)}.overview-attention-items b{font-size:14px;color:var(--text-strong)}.overview-attention-items span{font-size:9.5px;color:var(--muted)}
.overview-primary-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.75fr);gap:12px;margin-bottom:12px}.overview-panel-head{min-height:58px}.overview-panel-head>div h3{margin:0;font-size:12.5px}.overview-panel-head>div small{display:block;margin-top:3px;font-size:9.5px;color:var(--muted)}
.overview-usage-head{display:grid;grid-template-columns:minmax(170px,1.5fr) 78px 78px minmax(150px,1fr);gap:12px;padding:8px 15px;border-bottom:1px solid var(--line);font-size:8.5px;font-weight:800;letter-spacing:.07em;color:var(--muted);text-transform:uppercase}.overview-usage-list{padding:3px 15px 8px}.overview-usage-row{display:grid;grid-template-columns:minmax(170px,1.5fr) 78px 78px minmax(150px,1fr);gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}.overview-usage-row:last-child{border-bottom:0}.overview-usage-reseller{min-width:0;display:flex;flex-direction:column;gap:3px}.overview-usage-reseller b{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-usage-reseller small{font-size:9px;color:var(--muted)}.overview-usage-number{display:flex;flex-direction:column;gap:2px}.overview-usage-number span{display:none}.overview-usage-number b{font-size:11px}.overview-progress-line{height:5px;background:var(--line);border-radius:99px;overflow:hidden;margin-bottom:5px}.overview-progress-line i{display:block;height:100%;border-radius:99px;background:var(--green)}.overview-progress-line i.attention{background:var(--yellow)}.overview-progress-line i.warn{background:var(--orange)}.overview-progress-line i.danger{background:var(--red)}.overview-usage-progress>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.overview-usage-progress span{font-size:9px;color:var(--muted)}.overview-health{font-style:normal;font-size:8.5px;font-weight:800;padding:3px 6px;border-radius:99px;background:rgba(34,197,94,.08);color:var(--green)}.overview-health.attention{background:rgba(245,158,11,.08);color:var(--yellow)}.overview-health.warn{background:rgba(249,115,22,.09);color:var(--orange)}.overview-health.danger{background:rgba(239,68,68,.09);color:var(--red)}
.overview-alert-list{padding:7px}.overview-alert-item{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);padding:10px 8px;display:grid;grid-template-columns:30px minmax(0,1fr) 14px;gap:9px;text-align:left;align-items:center;cursor:pointer;border-radius:8px}.overview-alert-item:last-child{border-bottom:0}.overview-alert-item:hover{background:var(--surface-hover)}.overview-alert-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:rgba(245,158,11,.09);color:var(--yellow);font-weight:900}.overview-alert-item.danger .overview-alert-icon{background:rgba(239,68,68,.09);color:var(--red)}.overview-alert-item.info .overview-alert-icon{background:var(--accent-soft);color:var(--accent-2)}.overview-alert-item>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.overview-alert-item b{font-size:10.5px}.overview-alert-item small{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-alert-item>i{font-style:normal;color:var(--soft);font-size:17px}.overview-empty-ok{padding:26px 18px;display:flex;align-items:center;gap:11px}.overview-empty-ok>span{width:32px;height:32px;border-radius:9px;background:rgba(34,197,94,.08);color:var(--green);display:grid;place-items:center;font-weight:900}.overview-empty-ok>div{display:flex;flex-direction:column;gap:3px}.overview-empty-ok b{font-size:11px}.overview-empty-ok small{font-size:9.5px;color:var(--muted)}
.overview-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.overview-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:13px 14px;gap:8px}.overview-mini-stats>div{position:relative;border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:10px 10px 9px;min-width:0}.overview-mini-stats span{display:block;font-size:8.8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-mini-stats b{display:block;margin-top:7px;font-size:19px;letter-spacing:-.03em}.overview-mini-stats i{position:absolute;right:9px;top:10px;width:6px;height:6px;border-radius:50%;background:var(--soft)}.overview-mini-stats i.good{background:var(--green)}.overview-mini-stats i.warn{background:var(--yellow)}.overview-mini-stats i.bad{background:var(--red)}.overview-panel-foot{display:flex;gap:8px;flex-wrap:wrap;padding:0 14px 13px}.overview-panel-foot span{font-size:9px;color:var(--muted);border:1px solid var(--line);background:var(--surface-2);border-radius:99px;padding:5px 8px}.overview-panel-foot b{color:var(--text);margin-left:3px}
.overview-bottom-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:12px}.overview-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px}.overview-quick-actions button{min-height:68px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:10px;padding:9px 10px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.overview-quick-actions button:hover{border-color:var(--accent-border);background:var(--surface-hover)}.overview-quick-actions button>span{width:30px;height:30px;border-radius:8px;background:var(--accent-soft);color:var(--accent-2);display:grid;place-items:center;flex:0 0 auto}.overview-quick-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9}.overview-quick-actions button>div{min-width:0;display:flex;flex-direction:column;gap:2px}.overview-quick-actions b{font-size:9.8px}.overview-quick-actions small{font-size:8.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overview-system-badge{font-size:8.5px;font-weight:800;color:var(--green);background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.16);border-radius:99px;padding:5px 8px}.overview-system-badge.warn{color:var(--yellow);background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.18)}.overview-health-list{padding:5px 14px 10px}.overview-health-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid var(--line);font-size:9.8px}.overview-health-list>div:last-child{border-bottom:0}.overview-health-list span{color:var(--muted);display:flex;align-items:center;gap:6px}.overview-health-list span i{width:6px;height:6px;border-radius:50%;background:var(--soft)}.overview-health-list span i.good{background:var(--green)}.overview-health-list span i.warn{background:var(--yellow)}.overview-health-list b{font-size:9.8px;text-align:right}
@media(max-width:1250px){.overview-kpis{grid-template-columns:repeat(2,1fr)}.overview-primary-grid,.overview-bottom-grid{grid-template-columns:1fr}.overview-quick-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.overview-attention{align-items:flex-start;flex-direction:column}.overview-attention-items{justify-content:flex-start}.overview-status-grid{grid-template-columns:1fr}.overview-usage-head{display:none}.overview-usage-row{grid-template-columns:minmax(130px,1.3fr) 65px 65px minmax(120px,1fr)}}
@media(max-width:640px){.overview-page-head{align-items:flex-start!important}.overview-update{width:100%;box-sizing:border-box}.overview-kpis{grid-template-columns:1fr 1fr}.overview-kpi{min-height:108px;padding:12px}.overview-kpi-icon{width:34px;height:34px}.overview-kpi-copy strong{font-size:23px}.overview-kpi-copy small{font-size:8.8px}.overview-usage-list{padding:4px 11px 8px}.overview-usage-row{grid-template-columns:1fr auto;gap:8px}.overview-usage-number{display:none}.overview-usage-progress{grid-column:1/-1}.overview-mini-stats{grid-template-columns:1fr 1fr}.overview-quick-actions{grid-template-columns:1fr 1fr}.overview-alert-item small{white-space:normal}}
@media(max-width:420px){.overview-kpis{grid-template-columns:1fr}.overview-kpi{min-height:96px}.overview-quick-actions{grid-template-columns:1fr}.overview-attention-items{display:grid;width:100%;grid-template-columns:1fr}.overview-attention-items button{width:100%}}

/* v9.6.2 — Dispositivos PRO */
.devices-page-head{margin-bottom:12px}.devices-page-head .actions{align-items:center}
.device-summary-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:10px}.device-summary-strip>div{position:relative;min-height:64px;border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;gap:5px;overflow:hidden}.device-summary-strip>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--soft)}.device-summary-strip>div.good:before{background:var(--green)}.device-summary-strip>div.online:before{background:var(--accent)}.device-summary-strip>div.warn:before{background:var(--yellow)}.device-summary-strip>div.bad:before{background:var(--red)}.device-summary-strip span{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800}.device-summary-strip b{font-size:21px;letter-spacing:-.03em;color:var(--text-strong)}
.device-attention{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(245,158,11,.22);background:rgba(245,158,11,.045);border-radius:11px;padding:9px 11px;margin-bottom:10px}.device-attention>div:first-child{display:flex;align-items:center;gap:9px}.device-attention>div:first-child>span{width:28px;height:28px;border-radius:8px;background:rgba(245,158,11,.12);color:var(--yellow);display:grid;place-items:center;font-weight:900}.device-attention>div:first-child div{display:flex;flex-direction:column;gap:2px}.device-attention b{font-size:10.5px}.device-attention small{font-size:9px;color:var(--muted)}.device-attention-items{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.device-attention-items button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:6px 9px;display:flex;align-items:center;gap:6px;cursor:pointer}.device-attention-items button:hover{border-color:var(--accent-border);background:var(--surface-hover)}.device-attention-items button b{font-size:12px}.device-attention-items button span{font-size:9px;color:var(--muted)}
.devices-panel{overflow:visible}.device-status-tabs{display:flex;gap:6px;align-items:center;overflow-x:auto;padding:10px 12px;border-bottom:1px solid var(--line);scrollbar-width:thin}.device-status-chip{flex:none;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;padding:7px 9px;display:flex;align-items:center;gap:6px;font-size:9.5px;font-weight:750;cursor:pointer}.device-status-chip b{font-size:9px;min-width:20px;height:19px;padding:0 5px;border-radius:99px;background:var(--surface-2);color:var(--text);display:grid;place-items:center}.device-status-chip:hover{background:var(--surface-hover);color:var(--text)}.device-status-chip.active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-2)}.device-status-chip.active b{background:var(--accent);color:#fff}
.device-toolbar{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(620px,2.4fr) auto;gap:9px;align-items:end;padding:11px 12px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,transparent)}.device-search-wrap{position:relative}.device-search-wrap>span{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:16px;pointer-events:none}.device-search-wrap .search{width:100%;padding-left:32px}.device-toolbar-filters{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr 1fr;gap:7px}.device-toolbar-filters label{display:flex;flex-direction:column;gap:4px;min-width:0}.device-toolbar-filters label>span{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800}.device-toolbar-filters .select{width:100%;min-width:0}.device-toolbar-summary{display:flex;align-items:center;gap:5px;white-space:nowrap;min-height:38px}.device-toolbar-summary>b{font-size:11px}.device-toolbar-summary>span{font-size:9px;color:var(--muted)}.device-toolbar-summary .btn{margin-left:5px}
.devices-table tbody tr[data-device-row]{cursor:pointer}.devices-table tbody tr[data-device-row]:hover{background:var(--surface-hover)}.devices-table th{white-space:nowrap}.device-main-cell{min-width:180px}.device-main-cell>b{display:block;font-size:11px;color:var(--text-strong);margin-bottom:4px}.device-main-cell>small{display:block;font-size:9px;color:var(--muted);letter-spacing:.02em}.device-status-stack{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.device-presence{display:flex;align-items:center;gap:5px;font-size:8.5px;font-weight:750;color:var(--muted)}.device-presence i{width:6px;height:6px;border-radius:50%;background:var(--soft)}.device-presence.online{color:var(--green)}.device-presence.online i{background:var(--green);box-shadow:0 0 0 3px rgba(34,197,94,.08)}.device-expiry{display:flex;flex-direction:column;gap:2px}.device-expiry>b{font-size:10px}.device-expiry>small{font-size:8.5px;color:var(--muted)}.device-expiry.warn>small{color:var(--yellow)}.device-expiry.bad>small{color:var(--red)}.device-expiry.lifetime{font-size:9px;color:var(--green);font-weight:800}.device-expiry.muted{color:var(--muted)}
.device-actions-col{width:62px;text-align:right}.device-actions-menu{position:relative;display:inline-block}.device-actions-menu summary{list-style:none;width:32px;height:30px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);display:grid;place-items:center;color:var(--text);font-size:14px;font-weight:900;cursor:pointer}.device-actions-menu summary::-webkit-details-marker{display:none}.device-actions-menu[open] summary{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent-2)}.device-actions-menu>div{position:absolute;right:0;top:35px;z-index:30;width:175px;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:var(--shadow);display:flex;flex-direction:column}.device-actions-menu>div button{border:0;background:transparent;color:var(--text);text-align:left;padding:8px 9px;border-radius:7px;font:inherit;font-size:9.5px;cursor:pointer}.device-actions-menu>div button:hover{background:var(--surface-hover)}.device-actions-menu>div span{height:1px;background:var(--line);margin:4px 3px}.device-actions-menu>div button.danger{color:var(--red)}
.device-editor-identity{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);margin-bottom:12px}.input-action{display:flex;gap:6px}.input-action input{min-width:0;flex:1}.input-action .btn{flex:none}.device-editor-summary{margin-bottom:14px}
@media(max-width:1280px){.device-summary-strip{grid-template-columns:repeat(4,1fr)}.device-toolbar{grid-template-columns:1fr}.device-toolbar-filters{grid-template-columns:repeat(5,1fr)}.device-toolbar-summary{justify-content:flex-end}}
@media(max-width:900px){.device-summary-strip{grid-template-columns:repeat(3,1fr)}.device-attention{align-items:flex-start;flex-direction:column}.device-attention-items{justify-content:flex-start}.device-toolbar-filters{grid-template-columns:repeat(2,1fr)}.device-toolbar-summary{justify-content:flex-start}.device-editor-identity{grid-template-columns:1fr}}
@media(max-width:640px){.device-summary-strip{grid-template-columns:repeat(2,1fr)}.device-summary-strip>div{min-height:58px}.device-toolbar{padding:9px}.device-toolbar-filters{grid-template-columns:1fr 1fr}.device-toolbar-filters label:first-child,.device-toolbar-filters label:last-child{grid-column:1/-1}.device-attention-items{display:grid;grid-template-columns:1fr;width:100%}.device-attention-items button{width:100%}.devices-table .device-actions-menu>div{position:fixed;right:14px;left:14px;top:auto;bottom:16px;width:auto;z-index:100}.input-action{align-items:stretch}.input-action .btn{padding-left:10px;padding-right:10px}}


/* ==========================================================
   PlayServs Painel v9.6.4 — REVENDAS PRO (TESTE)
   Organização visual da gestão de revendas.
   ========================================================== */
.reseller-page-head .actions{display:flex;gap:8px;flex-wrap:wrap}
.reseller-pro-cards .card{min-height:108px}
.reseller-pro-cards .card:before{background:var(--accent)}
.reseller-pro-cards .reseller-kpi-active:before{background:var(--green)}
.reseller-pro-cards .reseller-kpi-blocked:before{background:var(--red)}
.reseller-pro-cards .reseller-kpi-expiring:before{background:var(--yellow)}
.reseller-pro-panel{overflow:visible}
.reseller-toolbar{display:flex;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-2) 72%,transparent)}
.reseller-toolbar .search{flex:1;min-width:260px}
.reseller-filter-group{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.reseller-filter{min-height:31px;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;padding:6px 9px;font-size:10.5px;font-weight:700;cursor:pointer;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.reseller-filter b{font-size:10px;color:var(--text);font-weight:800}
.reseller-filter:hover{border-color:var(--accent-border);color:var(--text)}
.reseller-filter.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--text)}
.reseller-pro-table{min-width:1040px!important}
.reseller-pro-table th:last-child,.reseller-pro-table td:last-child{min-width:150px!important;width:150px!important;padding-left:12px!important;padding-right:14px!important;text-align:right}
.reseller-pro-table td{vertical-align:middle}
.reseller-type-app{background:rgba(59,130,246,.09);border-color:rgba(59,130,246,.18);color:#b4b4b4}
.reseller-type-dns{background:rgba(14,165,233,.09);border-color:rgba(14,165,233,.18);color:#c4c4c4}
.reseller-type-hybrid{background:rgba(139,92,246,.10);border-color:rgba(139,92,246,.20);color:#b2b2b2}
.reseller-resources{min-width:185px;display:flex;flex-direction:column;gap:4px}
.reseller-resource-line{display:flex;gap:8px;align-items:center;justify-content:space-between}
.reseller-resource-line span{font-size:9.5px;color:var(--muted)}
.reseller-resource-line b{font-size:11.5px;white-space:nowrap}
.reseller-resources>small{font-size:9.5px;color:var(--muted)}
.reseller-mini-progress,.reseller-drawer-progress{height:5px;border-radius:999px;background:color-mix(in srgb,var(--line) 70%,transparent);overflow:hidden}
.reseller-mini-progress i,.reseller-drawer-progress i{display:block;height:100%;border-radius:inherit;background:var(--green)}
.reseller-mini-progress i.warn,.reseller-drawer-progress i.warn{background:var(--yellow)}
.reseller-mini-progress i.danger,.reseller-drawer-progress i.danger{background:var(--red)}
.reseller-expiry,.reseller-status-cell{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.reseller-expiry b{font-size:11.5px}
.reseller-expiry small,.reseller-status-cell small{font-size:9.5px;color:var(--muted);white-space:nowrap}
.reseller-expiry-ok b{color:var(--green)}
.reseller-expiry-warn b{color:#f4bf58}
.reseller-expiry-danger b{color:#ff8f99}
.reseller-expiry-muted b{color:var(--muted)}
.reseller-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.reseller-actions-menu{position:relative}
.reseller-actions-menu summary{list-style:none;width:34px;height:30px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:var(--muted);cursor:pointer;font-weight:900;user-select:none}
.reseller-actions-menu summary::-webkit-details-marker{display:none}
.reseller-actions-menu[open] summary{background:var(--accent-soft);border-color:var(--accent-border);color:var(--text)}
.reseller-actions-menu>div{position:absolute;right:0;top:36px;z-index:35;min-width:174px;padding:6px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 40px rgba(2,6,23,.30);text-align:left}
.reseller-actions-menu button{width:100%;border:0;background:transparent;color:var(--text);padding:9px 10px;border-radius:7px;text-align:left;font-size:11px;font-weight:650;cursor:pointer}
.reseller-actions-menu button:hover{background:var(--surface-2)}
.reseller-actions-menu button.success{color:var(--green)}
.reseller-actions-menu button.danger{color:#ff8f99}
.reseller-actions-menu span{display:block;height:1px;background:var(--line);margin:4px 2px}
body.reseller-drawer-open{overflow:hidden}
.reseller-manager-back{position:fixed;inset:0;z-index:120;background:rgba(2,6,23,.58);display:flex;justify-content:flex-end;backdrop-filter:blur(2px)}
.reseller-manager-drawer{height:100%;width:min(510px,94vw);background:var(--surface);border-left:1px solid var(--line);box-shadow:-20px 0 60px rgba(2,6,23,.36);display:flex;flex-direction:column;animation:resellerDrawerIn .18s ease-out}
@keyframes resellerDrawerIn{from{transform:translateX(24px);opacity:.65}to{transform:none;opacity:1}}
.reseller-manager-head{padding:20px 20px 16px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:color-mix(in srgb,var(--surface-2) 55%,transparent)}
.reseller-manager-eyebrow{display:block;font-size:9px;letter-spacing:.11em;color:var(--muted);font-weight:800;margin-bottom:6px}
.reseller-manager-head h2{font-size:21px;line-height:1.15;margin:0 0 5px}
.reseller-manager-head p{font-size:11px;color:var(--muted);margin:0}
.reseller-manager-close{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:22px;cursor:pointer;display:grid;place-items:center}
.reseller-manager-close:hover{background:var(--surface-2);color:var(--text)}
.reseller-manager-body{padding:16px 18px 28px;overflow:auto}
.reseller-manager-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.reseller-manager-status-row>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.reseller-manager-status-row small{font-size:9.5px;color:var(--muted)}
.reseller-manager-section{border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:10px;background:color-mix(in srgb,var(--surface-2) 38%,transparent)}
.reseller-manager-section h3{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 11px}
.reseller-manager-metrics,.reseller-manager-info{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.reseller-manager-metrics>div,.reseller-manager-info>div{border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:9px;padding:10px;background:color-mix(in srgb,var(--surface) 78%,transparent);display:flex;flex-direction:column;gap:4px}
.reseller-manager-metrics span,.reseller-manager-info span{font-size:9.5px;color:var(--muted)}
.reseller-manager-metrics b,.reseller-manager-info b{font-size:13px}
.reseller-manager-metrics small,.reseller-manager-info small{font-size:9px;color:var(--muted)}
.reseller-drawer-progress{margin-top:10px;height:6px}
.reseller-manager-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.reseller-manager-actions .btn{justify-content:center;min-height:38px}
.reseller-manager-note{margin-top:11px;padding:11px 12px;border:1px solid rgba(59,130,246,.14);background:rgba(59,130,246,.06);border-radius:10px;display:flex;flex-direction:column;gap:4px}
.reseller-manager-note b{font-size:10.5px}.reseller-manager-note span{font-size:9.5px;line-height:1.5;color:var(--muted)}
html[data-theme="light"] .reseller-type-app{color:#4d4d4d;background:#eff6ff;border-color:#d8d8d8}
html[data-theme="light"] .reseller-type-dns{color:#575757;background:#f0f9ff;border-color:#bae6fd}
html[data-theme="light"] .reseller-type-hybrid{color:#434343;background:#f5f3ff;border-color:#dadada}
html[data-theme="light"] .reseller-actions-menu>div{box-shadow:0 16px 38px rgba(15,23,42,.14)}
html[data-theme="light"] .reseller-manager-back{background:rgba(15,23,42,.32)}
@media(max-width:1180px){.reseller-toolbar{align-items:flex-start;flex-direction:column}.reseller-filter-group{justify-content:flex-start}.reseller-toolbar .search{width:100%}.reseller-pro-table{min-width:980px!important}}
@media(max-width:760px){.reseller-page-head .actions{width:100%}.reseller-page-head .actions .btn{flex:1}.reseller-filter-group{overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:2px}.reseller-filter{flex:0 0 auto}.reseller-manager-drawer{width:100vw;max-width:none}.reseller-manager-metrics,.reseller-manager-info,.reseller-manager-actions{grid-template-columns:1fr}.reseller-manager-head{padding:17px 15px 14px}.reseller-manager-body{padding:13px 14px 24px}}

/* v9.6.5 — padrão visual unificado dos painéis de revenda */
.reseller-summary-strip>div small{font-size:8.5px;color:var(--muted);line-height:1.35}.reseller-all-good{margin-bottom:10px;border:1px solid rgba(34,197,94,.18);background:rgba(34,197,94,.055);border-radius:11px;padding:10px 12px;display:flex;align-items:center;gap:10px}.reseller-all-good>span{width:28px;height:28px;border-radius:8px;background:rgba(34,197,94,.12);color:var(--green);display:grid;place-items:center;font-weight:900}.reseller-all-good div{display:flex;flex-direction:column;gap:2px}.reseller-all-good b{font-size:10.5px}.reseller-all-good small{font-size:9px;color:var(--muted)}
.reseller-overview-grid .usage-health{margin:0 0 14px}.reseller-license-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.reseller-license-summary>div{border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--surface-2);display:flex;flex-direction:column;gap:4px}.reseller-license-summary span{font-size:9px;text-transform:uppercase;color:var(--muted);font-weight:800;letter-spacing:.06em}.reseller-license-summary b{font-size:20px}
.quick-action small{display:block;margin-top:3px;font-size:8.5px;color:var(--muted);font-weight:500}.reseller-device-toolbar{grid-template-columns:minmax(245px,1.15fr) minmax(580px,2.35fr) auto}.device-primary{display:flex;align-items:center;gap:9px;min-width:190px}.device-primary>div:last-child{min-width:0}.device-primary b{display:block;font-size:11px;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-primary small{display:block;margin-top:3px;font-size:8.7px;color:var(--muted)}.device-avatar{flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent-2);display:grid;place-items:center;font-size:11px;font-weight:900}.device-online{display:flex;align-items:center;gap:5px;font-size:8.5px;color:var(--muted);font-weight:750}.device-online i{width:6px;height:6px;border-radius:50%;background:var(--soft)}.device-online.on{color:var(--green)}.device-online.on i{background:var(--green);box-shadow:0 0 0 3px rgba(34,197,94,.08)}.device-platform,.device-config-cell,.device-owner,.device-last{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.device-platform b,.device-owner b,.device-last b{font-size:10px}.device-platform small,.device-config-cell small,.device-owner small,.device-last small{font-size:8.5px;color:var(--muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-pro-row{cursor:pointer}.device-pro-row:hover{background:var(--surface-hover)}
.status.good{background:rgba(34,197,94,.10);color:#71eaaa;border-color:rgba(34,197,94,.18)}.status.good:before{background:var(--green)}.status.muted{background:var(--surface-2);color:var(--muted);border-color:var(--line)}.status.muted:before{background:var(--soft)}
.reseller-device-identity{display:grid;grid-template-columns:1fr 1fr;gap:9px}.reseller-device-identity>div{border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:9px;padding:10px;background:color-mix(in srgb,var(--surface) 78%,transparent);display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 8px}.reseller-device-identity span{grid-column:1/-1;font-size:9.5px;color:var(--muted)}.reseller-device-identity b{font-size:11px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reseller-device-key-help{display:block;margin-top:8px;font-size:8.8px;color:var(--muted);line-height:1.45}
.subreseller-balance-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.subreseller-balance-strip>div{border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;min-height:62px;justify-content:center}.subreseller-balance-strip span{font-size:8.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:800}.subreseller-balance-strip b{font-size:13px}.subreseller-balance-strip small{font-size:8.5px;color:var(--muted)}
html[data-theme="light"] .status.good{color:#166534;background:#dcfce7}html[data-theme="light"] .reseller-all-good{background:#f0fdf4;border-color:#bbf7d0}
@media(max-width:1280px){.reseller-device-toolbar{grid-template-columns:1fr}.subreseller-balance-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.reseller-license-summary{grid-template-columns:1fr}.reseller-device-identity{grid-template-columns:1fr}.subreseller-balance-strip{grid-template-columns:1fr}.device-primary{min-width:0}.reseller-summary-strip{grid-template-columns:repeat(2,1fr)}}
.reseller-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.reseller-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v9.6.6 — DNS e Acessos unificados */
.dns-area-tabs{display:flex;gap:7px;align-items:center;margin:0 0 12px;padding:5px;border:1px solid var(--line);background:var(--surface);border-radius:11px;width:max-content;max-width:100%}
.dns-area-tabs button{border:0;background:transparent;color:var(--muted);padding:8px 12px;border-radius:8px;font-size:11px;font-weight:750;cursor:pointer;display:flex;align-items:center;gap:7px;white-space:nowrap}
.dns-area-tabs button:hover{background:var(--surface-2);color:var(--text)}
.dns-area-tabs button.active{background:var(--accent-soft);color:var(--accent-2);box-shadow:inset 0 0 0 1px var(--accent-border)}
.dns-area-tabs button b{min-width:20px;height:19px;padding:0 5px;border-radius:99px;background:var(--surface-2);color:var(--text);display:grid;place-items:center;font-size:9px}
.dns-area-tabs button.active b{background:var(--accent);color:#fff}
.dns-summary-cards{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:12px}
.dns-summary-cards .card{min-height:90px;padding:13px 15px}
.dns-summary-cards .stat-number{font-size:24px}
.dns-capacity-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--line);background:var(--line);border-radius:10px;overflow:hidden;margin:0 0 12px}
.dns-capacity-strip>div{background:var(--surface);padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.dns-capacity-strip span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:750}.dns-capacity-strip b{font-size:13px}
.dns-main-panel{overflow:visible}.dns-code-number{font-size:12px}.dns-usage-cell{display:flex;align-items:center;gap:14px;min-width:210px}.dns-usage-cell>div:first-child{min-width:68px}.dns-usage-cell small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.dns-usage-progress{min-width:118px;flex:1}.dns-usage-progress span{display:flex;justify-content:space-between;gap:8px;align-items:center}.dns-usage-progress span b{font-size:10px}.dns-usage-progress span small{margin:0}.dns-usage-progress>i{display:block;height:4px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin-top:5px}.dns-usage-progress>i>em{display:block;height:100%;background:var(--accent);border-radius:99px}.dns-usage-progress>i>em.warn{background:var(--yellow)}.dns-usage-progress>i>em.danger{background:var(--red)}
@media(max-width:980px){.dns-summary-cards{grid-template-columns:1fr 1fr}.dns-capacity-strip{grid-template-columns:1fr 1fr}.dns-usage-cell{min-width:170px;gap:9px}}
@media(max-width:560px){.dns-area-tabs{width:100%;overflow-x:auto}.dns-area-tabs button{flex:1;justify-content:center}.dns-summary-cards,.dns-capacity-strip{grid-template-columns:1fr 1fr}.dns-usage-cell{display:block;min-width:140px}.dns-usage-progress{margin-top:7px}.dns-summary-cards .card{min-height:78px}}

/* v9.6.7 — Central de Conexões em tempo real */
.connection-page-head{align-items:center}
.connection-live-pill{display:flex;align-items:center;gap:9px;border:1px solid rgba(34,197,94,.18);background:rgba(34,197,94,.055);border-radius:11px;padding:9px 12px;min-width:235px}
.connection-live-pill>i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(34,197,94,.08);flex:0 0 auto}
.connection-live-pill>div{display:flex;flex-direction:column;gap:2px}.connection-live-pill b{font-size:10px}.connection-live-pill small{font-size:8.6px;color:var(--muted)}
.connection-summary-cards{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:11px}.connection-summary-cards .card{min-height:94px;padding:13px 15px}.connection-summary-cards .stat-number{font-size:24px}.connection-capacity-number{font-size:20px!important}
.connection-mini-progress{height:4px;background:var(--surface-2);border-radius:99px;overflow:hidden;margin:7px 0 4px}.connection-mini-progress i{display:block;height:100%;background:var(--accent);border-radius:99px}.connection-mini-progress i.warn{background:var(--yellow)}.connection-mini-progress i.danger{background:var(--red)}
.connection-attention,.connection-healthy{display:flex;align-items:center;gap:10px;border-radius:11px;padding:10px 12px;margin-bottom:11px}.connection-attention{border:1px solid rgba(245,158,11,.20);background:rgba(245,158,11,.055)}.connection-healthy{border:1px solid rgba(34,197,94,.18);background:rgba(34,197,94,.05)}.connection-attention>span,.connection-healthy>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:900}.connection-attention>span{background:rgba(245,158,11,.12);color:var(--yellow)}.connection-healthy>span{background:rgba(34,197,94,.12);color:var(--green)}.connection-attention>div,.connection-healthy>div{display:flex;flex-direction:column;gap:2px}.connection-attention b,.connection-healthy b{font-size:10.5px}.connection-attention small,.connection-healthy small{font-size:9px;color:var(--muted)}
.connection-panel{overflow:visible}.connection-toolbar{display:grid;grid-template-columns:minmax(290px,1.05fr) minmax(650px,2.4fr);gap:10px;padding:10px;border-bottom:1px solid var(--line);align-items:end}.connection-search-wrap{position:relative}.connection-search-wrap .search{width:100%;padding-right:78px}.connection-search-wrap>span{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:8.5px;color:var(--muted);font-weight:750;background:var(--surface-2);border:1px solid var(--line);border-radius:99px;padding:4px 7px;pointer-events:none}.connection-filters{display:grid;grid-template-columns:repeat(5,minmax(105px,1fr));gap:7px}.connection-filters label{display:flex;flex-direction:column;gap:4px}.connection-filters label>span{font-size:8.2px;text-transform:uppercase;letter-spacing:.055em;color:var(--muted);font-weight:800}.connection-filters .select{height:34px;padding:0 8px;font-size:9.5px}
.connection-table{min-width:1180px}.connection-row{cursor:pointer}.connection-row:hover{background:var(--surface-hover)}.connection-user,.connection-code-cell,.connection-time{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.connection-user b,.connection-code-cell b,.connection-time b{font-size:10.5px}.connection-user small,.connection-code-cell small,.connection-time small{font-size:8.6px;color:var(--muted);max-width:185px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-heartbeat{display:flex;align-items:center;gap:8px;min-width:118px}.connection-heartbeat>i{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.connection-heartbeat.good>i{background:var(--green);box-shadow:0 0 0 3px rgba(34,197,94,.07)}.connection-heartbeat.warn>i{background:var(--yellow);box-shadow:0 0 0 3px rgba(245,158,11,.07)}.connection-heartbeat.danger>i{background:var(--red);box-shadow:0 0 0 3px rgba(239,68,68,.07)}.connection-heartbeat>div{display:flex;flex-direction:column;gap:2px}.connection-heartbeat b{font-size:9.5px}.connection-heartbeat small{font-size:8px;color:var(--muted)}.connection-dns-text{font-size:10.5px!important;overflow-wrap:anywhere}
.connection-empty{min-height:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--muted);text-align:center}.connection-empty>span{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);display:grid;place-items:center;color:var(--accent-2)}.connection-empty>span svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.connection-empty b{font-size:12px;color:var(--text)}.connection-empty small{font-size:9.5px;max-width:460px;line-height:1.5}.connection-empty em{font-style:normal;font-size:8.8px;color:var(--green);display:flex;align-items:center;gap:6px;margin-top:3px}.connection-empty em i{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 0 3px rgba(34,197,94,.08)}
.connection-manager-drawer .reseller-manager-actions{grid-template-columns:1fr 1fr}.connection-manager-drawer .reseller-manager-actions .danger{grid-column:1/-1}
html[data-theme="light"] .connection-live-pill,html[data-theme="light"] .connection-healthy{background:#f0fdf4;border-color:#bbf7d0}html[data-theme="light"] .connection-attention{background:#fffbeb;border-color:#fde68a}
@media(max-width:1320px){.connection-toolbar{grid-template-columns:1fr}.connection-filters{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto;padding-bottom:2px}.connection-summary-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.connection-page-head{align-items:flex-start}.connection-live-pill{width:100%;min-width:0}.connection-summary-cards{grid-template-columns:repeat(2,1fr)}.connection-summary-cards .card{min-height:82px}.connection-toolbar{padding:9px}.connection-filters{grid-template-columns:repeat(5,minmax(145px,1fr))}.connection-manager-drawer .reseller-manager-actions{grid-template-columns:1fr}.connection-manager-drawer .reseller-manager-actions .danger{grid-column:auto}.connection-attention,.connection-healthy{align-items:flex-start}}
.status.warn{background:rgba(245,158,11,.10);color:#f6c663;border-color:rgba(245,158,11,.18)}.status.warn:before{background:var(--yellow)}
.status.danger{background:rgba(239,68,68,.10);color:#ff969f;border-color:rgba(239,68,68,.18)}.status.danger:before{background:var(--red)}
html[data-theme="light"] .status.warn{color:#92400e;background:#fef3c7;border-color:#fde68a}html[data-theme="light"] .status.danger{color:#991b1b;background:#fee2e2;border-color:#fecaca}

/* ===== v9.6.8 — Atividade / Auditoria PRO ===== */
.activity-page-head{align-items:flex-start;gap:18px}
.activity-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.activity-live{display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:9px 12px;min-width:225px}
.activity-live>i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 12%,transparent);flex:0 0 auto}
.activity-live div{display:flex;flex-direction:column;gap:2px}.activity-live b{font-size:12px}.activity-live small{font-size:10px;color:var(--muted)}
.activity-period-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--surface) 88%,transparent)}
.activity-period-buttons{display:flex;gap:6px;flex-wrap:wrap}.activity-period-btn,.activity-quick{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:8px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer;transition:.15s ease}.activity-period-btn:hover,.activity-quick:hover{border-color:color-mix(in srgb,var(--primary) 55%,var(--line));color:var(--text)}.activity-period-btn.active,.activity-quick.active{background:var(--primary);border-color:var(--primary);color:#fff}
.activity-period-caption{font-size:10px;color:var(--muted);margin-left:auto}.activity-custom-dates{display:flex;gap:8px;align-items:center}.activity-custom-dates label{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);font-weight:800}.activity-custom-dates input{height:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:0 8px}
.activity-summary-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.activity-summary-cards .card{min-height:96px;padding:16px}.activity-summary-cards .stat-number{font-size:28px}.activity-critical-card .stat-number{color:var(--red)}
.activity-pro-panel{overflow:visible}.activity-toolbar{padding:10px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.activity-search-row{display:flex;align-items:center;gap:8px}.activity-search-wrap{position:relative;flex:1}.activity-search-wrap .search{width:100%;padding-right:84px}.activity-search-wrap>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--muted);font-weight:800}.activity-quick-filters{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.activity-select-filters{display:grid;grid-template-columns:minmax(180px,260px) minmax(180px,260px);gap:8px}.activity-select-filters label{display:flex;flex-direction:column;gap:4px}.activity-select-filters label>span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:900}.activity-select-filters .select{height:34px}
.activity-table{min-width:1040px}.activity-table tbody tr{cursor:pointer;transition:.12s ease}.activity-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 5%,transparent)}.activity-table tbody tr.activity-row-critical{box-shadow:inset 3px 0 0 color-mix(in srgb,var(--red) 75%,transparent)}
.activity-type{display:inline-flex;align-items:center;justify-content:center;min-height:25px;border-radius:7px;padding:4px 8px;border:1px solid var(--line);font-size:9px;font-weight:900;white-space:nowrap}.activity-type-activation{color:var(--primary);background:color-mix(in srgb,var(--primary) 9%,transparent);border-color:color-mix(in srgb,var(--primary) 28%,var(--line))}.activity-type-reseller{color:#717171;background:color-mix(in srgb,#717171 9%,transparent);border-color:color-mix(in srgb,#717171 28%,var(--line))}.activity-type-credit{color:var(--green);background:color-mix(in srgb,var(--green) 9%,transparent);border-color:color-mix(in srgb,var(--green) 28%,var(--line))}.activity-type-dns{color:#909090;background:color-mix(in srgb,#909090 9%,transparent);border-color:color-mix(in srgb,#909090 28%,var(--line))}.activity-type-admin{color:var(--yellow);background:color-mix(in srgb,var(--yellow) 8%,transparent);border-color:color-mix(in srgb,var(--yellow) 28%,var(--line))}
.activity-action-cell,.activity-actor,.activity-target,.activity-date{display:flex;flex-direction:column;gap:2px}.activity-action-cell b,.activity-actor b,.activity-target b,.activity-date b{font-size:11px}.activity-action-cell small,.activity-actor small,.activity-target small,.activity-date small{font-size:9px;color:var(--muted)}.activity-action-cell small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.72}.activity-summary{font-size:10px;color:var(--text);line-height:1.35;display:block;max-width:360px}.activity-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:34px;color:var(--muted)}.activity-empty b{color:var(--text)}
.activity-manager-drawer{width:min(560px,95vw)}.activity-drawer-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 0 4px}.activity-audit-grid{grid-template-columns:1fr 1fr}.activity-detail-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;overflow:hidden}.activity-detail-list>div{display:grid;grid-template-columns:minmax(130px,.8fr) 1.2fr;gap:14px;padding:10px 12px;border-bottom:1px solid var(--line);align-items:start}.activity-detail-list>div:last-child{border-bottom:0}.activity-detail-list span{font-size:10px;color:var(--muted)}.activity-detail-list b{font-size:11px;overflow-wrap:anywhere}.activity-critical-note{display:flex;flex-direction:column;gap:4px;border:1px solid color-mix(in srgb,var(--red) 28%,var(--line));background:color-mix(in srgb,var(--red) 7%,transparent);border-radius:10px;padding:11px 12px}.activity-critical-note b{font-size:11px;color:var(--red)}.activity-critical-note span{font-size:10px;color:var(--muted);line-height:1.4}
@media(max-width:1000px){.activity-summary-cards{grid-template-columns:repeat(2,1fr)}.activity-search-row{flex-direction:column;align-items:stretch}.activity-quick-filters{justify-content:flex-start}.activity-select-filters{grid-template-columns:1fr 1fr}.activity-period-caption{margin-left:0}.activity-head-actions{width:100%;justify-content:flex-start}}
@media(max-width:620px){.activity-summary-cards{grid-template-columns:1fr 1fr}.activity-summary-cards .card{padding:12px;min-height:82px}.activity-summary-cards .stat-number{font-size:23px}.activity-period-bar{align-items:stretch}.activity-period-buttons{overflow-x:auto;flex-wrap:nowrap}.activity-period-btn{flex:0 0 auto}.activity-custom-dates{width:100%;display:grid;grid-template-columns:1fr 1fr}.activity-custom-dates label{display:flex;flex-direction:column;align-items:stretch}.activity-select-filters{grid-template-columns:1fr}.activity-head-actions{align-items:stretch}.activity-live{min-width:0;flex:1}.activity-head-actions .btn{flex:0 0 auto}.activity-audit-grid{grid-template-columns:1fr}.activity-detail-list>div{grid-template-columns:1fr;gap:3px}.activity-manager-drawer{width:100vw;max-width:none}}


/* v9.6.9 — Central profissional de Aplicativos / Releases */
.apps-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.apps-summary-strip .device-summary-item.attention{border-color:rgba(245,158,11,.35)}.apps-summary-strip .device-summary-item.attention b{color:#f6c35d}
.apps-control-panel{overflow:visible}.apps-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) repeat(3,minmax(150px,.22fr));gap:8px;padding:11px;border-bottom:1px solid var(--line)}.apps-toolbar select{min-width:0}
.apps-pro-table th:nth-child(1){min-width:240px}.apps-pro-table th:nth-child(8){width:150px}.app-main-cell{min-width:0}.app-row-title{display:flex;align-items:center;gap:10px}.app-row-title>div{display:flex;flex-direction:column;gap:3px;min-width:0}.app-row-title b{font-size:11px}.app-row-title small{font-size:9px;color:var(--muted);white-space:normal}.app-drag-handle{width:24px;height:32px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;color:var(--muted);cursor:grab;letter-spacing:-3px;padding-right:3px}.app-drag-handle.disabled{opacity:.35;cursor:not-allowed}.apps-pro-table tr.dragging{opacity:.45}.apps-pro-table tr.drag-over{outline:1px dashed var(--accent);outline-offset:-2px}.app-file-compact{display:flex;flex-direction:column;gap:3px}.app-file-compact b{font-size:10px}.app-file-compact small{font-size:9px;color:var(--muted)}.app-status-stack{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.app-health{font-size:8px;font-weight:800;border-radius:999px;padding:4px 6px;border:1px solid var(--line)}.app-health.ok{color:#64e0a2;background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.22)}.app-health.warn{color:#f7c65f;background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.24)}.app-health.draft{color:var(--muted);background:var(--surface-2)}.apps-actions-cell{display:flex;align-items:center;gap:6px}.app-more-menu{display:inline-block}
.apps-version-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:12px}.app-version-card{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:9px}.app-version-card>div:first-child{display:flex;flex-direction:column;gap:3px}.app-version-card b{font-size:10px}.app-version-card small{font-size:9px;color:var(--muted)}.app-version-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px}.app-version-metrics span{border:1px solid var(--line);border-radius:8px;padding:8px;font-size:8px;color:var(--muted)}.app-version-metrics span b{display:block;color:var(--text);font-size:13px;margin-bottom:2px}
.app-platform-list{padding:8px 12px 14px}.app-platform-row{display:grid;grid-template-columns:150px minmax(120px,1fr) 48px 44px;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.app-platform-row:last-child{border-bottom:0}.app-platform-row span{font-size:10px}.app-platform-row b,.app-platform-row small{text-align:right;font-size:9px}.app-platform-row small{color:var(--muted)}.app-platform-row.warn span{color:#f6c35d}.app-platform-bar{height:6px;background:var(--surface-3);border-radius:999px;overflow:hidden}.app-platform-bar i{display:block;height:100%;background:var(--accent);border-radius:999px}
.dm-tabs{display:flex;gap:6px;overflow:auto;padding:3px 0 8px;margin:0 0 8px}.dm-tabs button{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:9px;padding:8px 11px;white-space:nowrap;font-size:9px;font-weight:800}.dm-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.dm-pane.hidden{display:none!important}.dm-update-preview{border:1px solid rgba(63,131,248,.25);background:rgba(63,131,248,.06);border-radius:12px;padding:14px;margin-top:12px;display:flex;flex-direction:column;gap:4px;max-width:420px}.dm-update-preview>span{font-size:8px;letter-spacing:.08em;color:var(--muted)}.dm-update-preview strong{font-size:11px}.dm-update-preview b{font-size:18px;line-height:1.1;overflow-wrap:anywhere}.dm-update-preview small{font-size:9px;color:var(--muted)}.dm-update-health{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.dm-update-health>div{border:1px solid var(--line);border-radius:9px;padding:9px;display:grid;grid-template-columns:20px 1fr;gap:2px 6px;align-items:center}.dm-update-health>div>span{grid-row:1/3;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-weight:900}.dm-update-health>div>b{font-size:9px}.dm-update-health>div>small{font-size:8px;color:var(--muted)}.dm-update-health .ok>span{background:rgba(34,197,94,.12);color:#64e0a2}.dm-update-health .warn>span{background:rgba(245,158,11,.12);color:#f6c35d}
@media(max-width:1100px){.apps-toolbar{grid-template-columns:1fr 1fr}.apps-version-grid{grid-template-columns:1fr 1fr}.dm-update-health{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.apps-summary-strip{grid-template-columns:1fr 1fr}.apps-toolbar{grid-template-columns:1fr}.apps-version-grid{grid-template-columns:1fr}.app-platform-row{grid-template-columns:100px minmax(80px,1fr) 38px 36px}.dm-update-health{grid-template-columns:1fr}.apps-actions-cell{justify-content:flex-start}}
@media(max-width:480px){.apps-summary-strip{grid-template-columns:1fr}.app-platform-row{grid-template-columns:1fr 52px}.app-platform-bar{grid-column:1/3}.app-platform-row small{display:none}}

/* v9.7.0 — Sidebar premium e unificada */
.shell{grid-template-columns:228px minmax(0,1fr)}
.sidebar.sidebar-v970{padding:10px 10px 9px;background:linear-gradient(180deg,color-mix(in srgb,var(--sidebar) 96%,#101010) 0%,var(--sidebar) 100%)}
.sidebar-v970 .sidebar-head{min-height:70px;display:flex;align-items:flex-start;position:relative}
.sidebar-v970 .brand-v970{display:flex;align-items:center;gap:10px;padding:4px 8px 10px;min-width:0}
.sidebar-v970 .brand-mark{width:34px;height:34px;min-width:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--surface-2) 88%,transparent);border:1px solid var(--line)}
.sidebar-v970 .brand-mark img{width:27px!important;height:27px!important;max-height:27px!important;object-fit:contain;object-position:center}
.sidebar-v970 .brand-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.sidebar-v970 .brand-copy b{font-size:13px;line-height:1.1;color:var(--text-strong);letter-spacing:-.01em}
.sidebar-v970 .brand-copy small{display:block!important;margin:0!important;font-size:7.5px!important;line-height:1.2;color:var(--soft);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:128px}
.sidebar-v970 .sidebar-toggle{top:5px;right:2px;width:28px;height:28px;font-size:19px;box-shadow:none!important}
.sidebar-v970 .nav{gap:1px;overflow-y:auto;padding-right:1px;scrollbar-width:thin}
.sidebar-v970 .nav-label{position:relative;padding:12px 10px 4px!important;font-size:7.5px!important;line-height:1.2;letter-spacing:.13em!important;color:var(--soft)!important;font-weight:750!important}
.sidebar-v970 .nav-label:not(:first-child){margin-top:3px;padding-top:13px!important}
.sidebar-v970 .nav-label:not(:first-child):before{content:'';position:absolute;left:10px;right:10px;top:4px;height:1px;background:color-mix(in srgb,var(--line) 72%,transparent)}
.sidebar-v970 .nav-item{min-height:34px!important;padding:6px 9px!important;border-radius:8px!important;gap:9px!important;font-size:12.5px!important;line-height:1.15;transition:background .14s ease,border-color .14s ease,color .14s ease!important}
.sidebar-v970 .nav-item .ico{width:18px!important;min-width:18px;height:18px;display:grid;place-items:center}
.sidebar-v970 .nav-item .ico svg{width:18px;height:18px;stroke-width:1.8}
.sidebar-v970 .nav-item.active{background:linear-gradient(90deg,rgba(37,99,235,.17),rgba(59,130,246,.06))!important;border-color:rgba(59,130,246,.26)!important;box-shadow:none!important}
.sidebar-v970 .nav-item.active:before{left:-10px!important;top:6px!important;bottom:6px!important;width:3px!important;border-radius:0 4px 4px 0!important;background:var(--accent)!important;box-shadow:none!important}
.sidebar-v970 .sidebar-bottom{padding-top:8px;border-top:1px solid var(--line)}
.sidebar-v970 .user-card-v970{padding:7px 8px!important;margin-bottom:5px!important;border-radius:10px!important;gap:8px!important}
.sidebar-v970 .user-avatar{width:30px!important;height:30px!important;min-width:30px!important;font-size:12px!important}
.sidebar-v970 .user-copy b{font-size:11px!important;line-height:1.2}
.sidebar-v970 .user-copy small{font-size:8px!important;display:flex;align-items:center;gap:5px;margin-top:2px;color:var(--soft)}
.user-online-dot{width:5px;height:5px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 0 2px color-mix(in srgb,var(--green) 12%,transparent)}
.sidebar-v970 .logout-btn{min-height:34px!important;padding:6px 9px!important;border-radius:9px!important;font-size:11px}
.shell.sidebar-is-collapsed{grid-template-columns:72px minmax(0,1fr)}
.sidebar-is-collapsed .sidebar-v970 .brand-v970{justify-content:center;padding-left:0;padding-right:0}
.sidebar-is-collapsed .sidebar-v970 .brand-copy{display:none!important}
.sidebar-is-collapsed .sidebar-v970 .brand-mark{width:36px;height:36px;min-width:36px}
.sidebar-is-collapsed .sidebar-v970 .nav-label{display:none!important}
.sidebar-is-collapsed .sidebar-v970 .nav-item{justify-content:center!important;padding:7px!important;margin:1px 0}
.sidebar-is-collapsed .sidebar-v970 .nav-item.active:before{left:-10px!important}
.sidebar-is-collapsed .sidebar-v970 .user-card-v970{justify-content:center!important;padding:6px!important}
.sidebar-is-collapsed .sidebar-v970 .user-copy{display:none!important}
.sidebar-is-collapsed .sidebar-v970 .logout-btn{display:grid!important;place-items:center!important}
.sidebar-is-collapsed .sidebar-v970 .logout-btn span{display:none!important}
@media(max-width:1100px){.shell{grid-template-columns:216px minmax(0,1fr)}.shell.sidebar-is-collapsed{grid-template-columns:72px minmax(0,1fr)}}
@media(max-width:760px){
  .sidebar.sidebar-v970{width:260px;padding:11px 10px 9px}
  .sidebar-v970 .sidebar-head{min-height:76px!important}
  .sidebar-v970 .brand-v970{justify-content:flex-start!important;padding:5px 8px 11px!important}
  .sidebar-v970 .brand-copy{display:flex!important}
  .sidebar-v970 .brand-mark{width:38px;height:38px;min-width:38px}
  .sidebar-v970 .brand-mark img{width:30px!important;height:30px!important}
  .sidebar-v970 .nav-label{display:block!important;padding:12px 10px 4px!important}
  .sidebar-v970 .nav-item{min-height:40px!important;padding:8px 10px!important;font-size:13.5px!important;justify-content:flex-start!important}
  .sidebar-v970 .user-copy{display:block!important}
  .sidebar-v970 .logout-btn span{display:inline!important}
}


/* PlayServs Painel v1.0 FINAL — Configurações consolidadas */
.final-release-tag{border-color:rgba(52,211,153,.28)!important;background:rgba(52,211,153,.08)!important;color:#83efbe!important;font-weight:800}
.settings-final-head{align-items:flex-start}
.settings-final-form{display:grid;gap:16px}
.settings-final-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:16px;align-items:start}
.settings-final-panel{overflow:hidden}
.settings-final-panel .panel-head{padding:17px 18px;border-bottom:1px solid var(--line)}
.settings-final-panel .panel-head h3{font-size:14px;margin:0 0 4px}
.settings-final-panel .panel-head small{font-size:10px;color:var(--muted)}
.settings-final-body{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.settings-final-body .field.full{grid-column:1/-1}
.settings-final-body .field small{display:block;margin-top:6px;color:var(--muted);font-size:9px;line-height:1.45}
.settings-versions-note{grid-column:1/-1;border:1px solid rgba(59,130,246,.2);background:rgba(59,130,246,.055);border-radius:12px;padding:12px 13px;display:flex;gap:10px;align-items:flex-start}
.settings-versions-note>span{width:26px;height:26px;border-radius:8px;background:rgba(59,130,246,.12);display:grid;place-items:center;color:#a4a4a4;font-weight:800;flex:0 0 auto}
.settings-versions-note b{display:block;font-size:10px;margin-bottom:3px}
.settings-versions-note small{display:block;color:var(--muted);font-size:9px;line-height:1.55}
.maintenance-panel.is-active{border-color:rgba(239,68,68,.3)}
.maintenance-switch-row{grid-column:1/-1;border:1px solid rgba(239,68,68,.2);background:rgba(239,68,68,.045);border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}
.maintenance-switch-row b{display:block;font-size:11px;margin-bottom:4px}
.maintenance-switch-row small{display:block;color:var(--muted);font-size:9px;line-height:1.5;max-width:520px}
.switch{position:relative;width:42px;height:24px;flex:0 0 auto}
.switch input{position:absolute;opacity:0;pointer-events:none}
.switch i{position:absolute;inset:0;border-radius:999px;background:#313131;border:1px solid #404040;transition:.18s}
.switch i:after{content:'';position:absolute;width:16px;height:16px;left:3px;top:3px;border-radius:50%;background:#d8e1ef;transition:.18s}
.switch input:checked+i{background:rgba(239,68,68,.28);border-color:rgba(239,68,68,.55)}
.switch input:checked+i:after{transform:translateX(18px);background:#ff8585}
.settings-maint-warning{grid-column:1/-1;margin:0}
.settings-final-actions{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.settings-final-actions span{display:block;font-size:10px;font-weight:800}
.settings-final-actions small{display:block;color:var(--muted);font-size:9px;margin-top:3px}
@media(max-width:980px){.settings-final-grid{grid-template-columns:1fr}}
@media(max-width:640px){.settings-final-body{grid-template-columns:1fr}.settings-final-body .field.full,.settings-versions-note,.maintenance-switch-row,.settings-maint-warning{grid-column:auto}.settings-final-actions{align-items:stretch;flex-direction:column}.settings-final-actions .btn{width:100%}}

/* ==========================================================
   PlayServs Painel v1.0 FINAL — MOBILE POLISH
   SOMENTE CELULAR/TABLET PEQUENO. Desktop permanece inalterado.
   ========================================================== */
@media (max-width:760px){
  :root{
    --mobile-edge:10px;
    --mobile-radius:11px;
  }

  /* Base e toque */
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:58px}
  body{overscroll-behavior-y:none}
  button,.btn,.nav-item,.activity-period-btn,.reseller-filter,.dns-area-tabs button{touch-action:manipulation}
  .main{width:100%;min-width:0}
  .content{padding:12px var(--mobile-edge) calc(26px + env(safe-area-inset-bottom))!important}

  /* Topbar: menor, sem perder ações essenciais */
  .topbar{
    position:sticky;
    top:0;
    z-index:70;
    height:56px!important;
    min-height:56px!important;
    padding-left:max(8px,env(safe-area-inset-left))!important;
    padding-right:max(8px,env(safe-area-inset-right))!important;
    background:color-mix(in srgb,var(--bg) 94%,transparent);
    backdrop-filter:blur(14px);
  }
  .mobile-menu{width:38px!important;height:38px!important;min-width:38px!important;border-radius:9px!important}
  .breadcrumb{font-size:11px!important}
  .breadcrumb b{font-size:11.5px!important;max-width:46vw!important}
  .top-right{gap:4px!important}
  .theme-toggle,.refresh-top{width:36px!important;height:36px!important;min-width:36px!important;border-radius:9px!important}
  .theme-toggle:before{font-size:15px!important}.refresh-top:before{font-size:17px!important}

  /* Sidebar drawer mais enxuto no celular */
  .sidebar.sidebar-v970{
    width:min(84vw,292px)!important;
    padding:9px 9px max(9px,env(safe-area-inset-bottom))!important;
  }
  .sidebar-v970 .sidebar-head{min-height:66px!important}
  .sidebar-v970 .brand-v970{padding:3px 6px 8px!important;gap:8px!important}
  .sidebar-v970 .brand-mark{width:34px!important;height:34px!important;min-width:34px!important;border-radius:9px!important}
  .sidebar-v970 .brand-mark img{width:27px!important;height:27px!important}
  .sidebar-v970 .brand-copy b{font-size:12px!important}
  .sidebar-v970 .brand-copy small{font-size:7px!important;max-width:145px!important}
  .sidebar-v970 .sidebar-toggle{width:32px!important;height:32px!important;top:3px!important;right:1px!important}
  .sidebar-v970 .nav{gap:0!important;padding-bottom:5px!important}
  .sidebar-v970 .nav-label{padding:9px 8px 3px!important;font-size:7px!important;letter-spacing:.12em!important}
  .sidebar-v970 .nav-label:not(:first-child){padding-top:10px!important;margin-top:2px!important}
  .sidebar-v970 .nav-label:not(:first-child):before{left:8px!important;right:8px!important;top:3px!important}
  .sidebar-v970 .nav-item{min-height:42px!important;padding:8px 9px!important;font-size:13px!important;border-radius:9px!important;gap:9px!important}
  .sidebar-v970 .nav-item .ico,.sidebar-v970 .nav-item .ico svg{width:17px!important;height:17px!important;min-width:17px!important}
  .sidebar-v970 .user-card-v970{padding:7px!important;margin-bottom:4px!important}
  .sidebar-v970 .logout-btn{min-height:40px!important}

  /* Cabeçalhos de página: uma tela móvel não precisa de título gigante */
  .page-head,.premium-page-head,.settings-final-head,.reseller-page-head,.connection-page-head{
    margin-bottom:10px!important;
    gap:7px!important;
  }
  .page-head h1,.premium-page-head h1,.settings-final-head h1{font-size:20px!important;line-height:1.15!important;letter-spacing:-.025em}
  .page-head p,.premium-page-head p,.settings-final-head p{font-size:10.5px!important;line-height:1.4!important;margin-top:3px!important}
  .page-head>.actions{gap:6px!important}
  .page-head>.actions .btn,.page-head>.actions a.btn{min-height:40px!important;font-size:11px!important;padding:8px 9px!important}

  /* Cards/resumos: manter informação visível sem rolar um quilômetro */
  .cards,.premium-cards,.management-cards,
  .overview-kpis,.device-summary-strip,.reseller-summary-strip,
  .dns-summary-cards,.dns-capacity-strip,.connection-summary-cards,
  .activity-summary-cards,.apps-summary-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-bottom:9px!important;
  }
  .card,.stat-card,.management-cards .card,
  .overview-kpi,.device-summary-strip>div,.reseller-summary-strip>div,
  .dns-summary-cards .card,.connection-summary-cards .card,.activity-summary-cards .card,
  .apps-summary-strip>div{
    min-height:76px!important;
    padding:10px!important;
    border-radius:10px!important;
  }
  .stat-number,.stat-card .stat-number,.overview-kpi-copy strong{font-size:21px!important;line-height:1!important;margin:6px 0 2px!important}
  .stat-title,.overview-kpi-copy small{font-size:8px!important;line-height:1.25!important}
  .stat-sub{font-size:8px!important;line-height:1.25!important}

  /* Painéis mais compactos */
  .panel{border-radius:11px!important}
  .panel-head{padding:10px!important;min-height:auto!important}
  .panel-head h3{font-size:12px!important}
  .panel-head small{font-size:8.5px!important}
  .panel-body{padding:10px!important}
  .empty{padding:22px 10px!important;font-size:10px!important}

  /* Filtros: uma linha rolável onde faz sentido */
  .search-row,.device-toolbar,.reseller-toolbar,.connection-toolbar,.activity-toolbar,.apps-toolbar{
    padding:8px!important;
    gap:7px!important;
  }
  .search-row .search,.search,.device-toolbar input,.reseller-toolbar input,.connection-toolbar input,.activity-search-row input,.apps-toolbar input{
    min-height:42px!important;
  }
  .reseller-filter-group,.activity-quick-filters,.activity-period-buttons,.dns-area-tabs{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    flex-wrap:nowrap!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:2px;
  }
  .reseller-filter-group::-webkit-scrollbar,.activity-quick-filters::-webkit-scrollbar,.activity-period-buttons::-webkit-scrollbar,.dns-area-tabs::-webkit-scrollbar{display:none}
  .reseller-filter,.activity-quick-filters .btn,.activity-period-btn,.dns-area-tabs button{flex:0 0 auto!important;white-space:nowrap}

  /* Selects/filtros em duas colunas para reduzir altura */
  .device-toolbar-filters{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .connection-filters{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;overflow:visible!important}
  .activity-select-filters{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .connection-filters label,.device-toolbar-filters label,.activity-select-filters label{min-width:0!important}
  .connection-filters select,.device-toolbar-filters select,.activity-select-filters select{width:100%!important;min-width:0!important}

  /* Tabelas-card: visual mais limpo e leitura rápida */
  .table tbody{gap:7px!important;padding:7px!important}
  .table tbody tr{border-radius:10px!important;box-shadow:0 1px 0 rgba(255,255,255,.015)}
  .table tbody td{
    grid-template-columns:minmax(78px,30%) minmax(0,1fr)!important;
    gap:7px!important;
    padding:7px 9px!important;
    font-size:11px!important;
  }
  .table tbody td:before{font-size:7.5px!important;letter-spacing:.035em!important;align-self:center}
  .table .cell-main b{font-size:11px!important}
  .table .cell-main small{font-size:8px!important}
  .table-actions,.action-cluster,.apps-actions-cell{gap:5px!important}
  .table-actions .btn,.action-cluster .btn,.apps-actions-cell .btn{min-height:36px!important;font-size:10px!important;padding:6px 7px!important}

  /* Visão Geral */
  .overview-kpis{grid-template-columns:1fr 1fr!important}
  .overview-kpi{min-height:82px!important}
  .overview-kpi-icon{width:30px!important;height:30px!important}
  .overview-attention{padding:9px!important;margin-bottom:9px!important;gap:8px!important}
  .overview-attention-items{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;width:100%;scrollbar-width:none}
  .overview-attention-items::-webkit-scrollbar{display:none}
  .overview-attention-items button{flex:0 0 auto!important;width:auto!important;padding:6px 8px!important}
  .overview-mini-stats{grid-template-columns:1fr 1fr!important;padding:9px!important;gap:6px!important}
  .overview-mini-stats>div{padding:8px!important}
  .overview-mini-stats b{font-size:16px!important;margin-top:4px!important}
  .overview-quick-actions{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .overview-alert-list{padding:4px!important}
  .overview-alert-item{padding:8px 6px!important;grid-template-columns:27px minmax(0,1fr) 12px!important;gap:7px!important}

  /* Dispositivos */
  .device-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .device-toolbar-summary{gap:5px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none}
  .device-toolbar-summary::-webkit-scrollbar{display:none}
  .device-toolbar-summary>*{flex:0 0 auto!important}
  .device-attention{padding:9px!important;gap:7px!important}
  .device-attention-items{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;width:100%;scrollbar-width:none}
  .device-attention-items::-webkit-scrollbar{display:none}
  .device-attention-items button{width:auto!important;flex:0 0 auto!important}

  /* Revendas */
  .reseller-manager-drawer,.connection-manager-drawer,.activity-manager-drawer{
    width:100vw!important;
    max-width:none!important;
    border-left:0!important;
  }
  .reseller-manager-head{padding:13px 12px!important;position:sticky;top:0;z-index:2;background:var(--panel)}
  .reseller-manager-body{padding:10px 10px calc(22px + env(safe-area-inset-bottom))!important}
  .reseller-manager-metrics{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .reseller-manager-info,.reseller-manager-actions{gap:7px!important}

  /* DNS e conexões */
  .dns-summary-cards,.dns-capacity-strip,.connection-summary-cards{grid-template-columns:1fr 1fr!important}
  .dns-area-tabs{display:flex!important;width:100%!important}
  .dns-area-tabs button{min-width:max-content!important;flex:0 0 auto!important}
  .dns-usage-cell{min-width:0!important}
  .connection-live-pill{padding:9px 10px!important}
  .connection-attention,.connection-healthy{padding:9px!important;gap:8px!important}

  /* Atividade */
  .activity-head-actions{gap:6px!important}
  .activity-live{padding:8px 9px!important}
  .activity-period-bar{padding:8px!important;gap:7px!important}
  .activity-summary-cards{grid-template-columns:1fr 1fr!important}
  .activity-summary-cards .card{min-height:76px!important;padding:10px!important}
  .activity-summary-cards .stat-number{font-size:21px!important}
  .activity-search-row{gap:7px!important}
  .activity-select-filters{grid-template-columns:1fr 1fr!important}

  /* Aplicativos */
  .apps-summary-strip{grid-template-columns:1fr 1fr!important}
  .apps-toolbar{grid-template-columns:1fr 1fr!important}
  .apps-toolbar>:first-child{grid-column:1/-1}
  .app-platform-row{grid-template-columns:88px minmax(70px,1fr) 34px!important;gap:7px!important}
  .app-platform-row small{display:none!important}
  .apps-actions-cell{display:grid!important;grid-template-columns:1fr auto!important;width:100%}

  /* Configurações */
  .settings-final-form{gap:10px!important}
  .settings-final-grid{gap:10px!important}
  .settings-final-panel .panel-head{padding:12px!important}
  .settings-final-body{padding:12px!important;gap:10px!important}
  .settings-versions-note{padding:10px!important}
  .maintenance-switch-row{padding:11px!important;gap:10px!important}
  .settings-final-actions{padding:10px!important;gap:9px!important}

  /* Formulários e modais */
  .field{gap:5px!important;margin-bottom:10px!important}
  .field label{font-size:9px!important}
  .field input,.field select{min-height:43px!important;padding:10px 11px!important}
  .field textarea{min-height:92px!important;padding:10px 11px!important}
  .btn{min-height:40px!important}
  .btn.sm{min-height:34px!important}
  .modal{max-height:96dvh!important}
  .modal-head{padding:11px 12px 9px!important}
  .modal-body{padding:11px!important}
  .modal-footer{padding:8px 9px calc(8px + env(safe-area-inset-bottom))!important;gap:6px!important}
  .modal-footer .btn{min-height:40px!important}

  /* Login */
  .login-shell{padding:14px!important;align-items:center}
  .login-card{padding:22px 16px!important;border-radius:18px!important}
  .login-logo{margin-bottom:12px!important}.login-logo img{width:170px!important;max-height:66px!important}
  .login-card h1{font-size:22px!important}.login-card p{font-size:11px!important;margin-bottom:18px!important}

  /* Evita que elementos grandes estourem a largura */
  img,video,canvas,iframe{max-width:100%}
  pre,code,.mono{max-width:100%;overflow-wrap:anywhere;word-break:break-word}
}

@media (max-width:430px){
  .content{padding-left:8px!important;padding-right:8px!important}
  .breadcrumb b{max-width:42vw!important}
  .page-head h1,.premium-page-head h1,.settings-final-head h1{font-size:19px!important}

  /* Em telas muito estreitas ainda mantemos 2 colunas nos resumos principais */
  .cards,.premium-cards,.management-cards,
  .overview-kpis,.device-summary-strip,.reseller-summary-strip,
  .dns-summary-cards,.dns-capacity-strip,.connection-summary-cards,
  .activity-summary-cards,.apps-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  .card,.stat-card,.management-cards .card,.overview-kpi,
  .device-summary-strip>div,.reseller-summary-strip>div,.dns-summary-cards .card,
  .connection-summary-cards .card,.activity-summary-cards .card,.apps-summary-strip>div{
    min-height:72px!important;padding:9px!important
  }
  .stat-number,.stat-card .stat-number,.overview-kpi-copy strong{font-size:19px!important}

  .device-toolbar-filters,.connection-filters,.activity-select-filters{grid-template-columns:1fr!important}
  .apps-toolbar{grid-template-columns:1fr!important}
  .apps-toolbar>:first-child{grid-column:auto}

  .table tbody{padding:6px!important}
  .table tbody td{grid-template-columns:72px minmax(0,1fr)!important;padding:7px 8px!important}

  .reseller-manager-metrics{grid-template-columns:1fr!important}
  .overview-quick-actions{grid-template-columns:1fr 1fr!important}
  .overview-attention-items,.device-attention-items{margin-left:-1px}

  .modal-footer{grid-template-columns:1fr!important}
  .modal-footer .btn{width:100%!important}
}

/* v1.0 FINAL — Gerenciar dispositivo reorganizado */
.device-final-modal{width:min(960px,96vw)!important;max-height:94vh!important;overflow:hidden!important;display:flex;flex-direction:column}
.device-final-modal .modal-head{flex:0 0 auto}
.device-final-modal .modal-body{overflow:auto;min-height:0;flex:1;padding:16px 18px 18px}
.device-final-modal .modal-footer{flex:0 0 auto;justify-content:space-between;background:var(--surface);position:relative;z-index:2}
.device-final-modal .modal-footer .btn{min-width:160px}
.device-final-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:15px;margin-bottom:14px}
.device-final-hero>div:first-child>span{display:block;font-size:9px;letter-spacing:.10em;color:var(--muted);font-weight:900;margin-bottom:4px}
.device-final-hero h4{margin:0;font-size:19px;line-height:1.25;color:var(--text)}
.device-final-hero p{margin:6px 0 0;color:var(--muted);font-size:11px}
.device-final-hero-status{display:flex;align-items:center;justify-content:flex-end;min-width:120px}
.device-final-identity{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2);margin-bottom:12px}
.device-final-identity .field{margin-bottom:0}
.device-final-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}
.device-final-summary>div{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:10px 11px;display:flex;flex-direction:column;gap:4px;min-width:0}
.device-final-summary span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.device-final-summary b{font-size:11px;overflow-wrap:anywhere}
.device-final-tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);padding-bottom:11px;margin-bottom:14px}
.device-final-tab{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);border-radius:999px;padding:9px 14px;font-size:11px;font-weight:900}
.device-final-tab.active{border-color:var(--accent-border);background:var(--accent-soft);color:var(--text)}
.device-final-panel{min-height:250px}
.device-final-note{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:11px 13px;margin-bottom:13px;display:flex;flex-direction:column;gap:3px}
.device-final-note b{font-size:12px;color:var(--text)}
.device-final-note span{font-size:10px;line-height:1.5;color:var(--muted)}
.device-final-license-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}
.device-final-license-row .check-row{margin:0}
.device-final-playlists{display:flex;flex-direction:column;gap:12px}
.device-final-playlist-counts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.device-final-playlist-counts>div{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}
.device-final-playlist-counts span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.device-final-playlist-counts b{font-size:15px}
.device-final-playlist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.device-final-playlist-card{border:1px dashed var(--line);background:var(--surface-2);border-radius:12px;padding:12px;min-height:112px;display:flex;flex-direction:column;gap:5px}
.device-final-playlist-card.filled{border-style:solid}
.device-final-playlist-card>div{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.device-final-playlist-card b{font-size:12px}
.device-final-playlist-card small{font-size:9px;color:var(--muted)}
.device-final-playlist-card p{margin:0;font-size:10px;line-height:1.45;color:var(--text);overflow-wrap:anywhere}
@media(max-width:900px){.device-final-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.device-final-modal{width:100%!important;max-height:96dvh!important}.device-final-modal .modal-body{padding:11px!important}.device-final-modal .modal-footer{display:grid!important;grid-template-columns:1fr 1fr!important}.device-final-modal .modal-footer .btn{min-width:0!important;width:100%!important}.device-final-hero{padding:11px 12px;flex-direction:column}.device-final-hero-status{justify-content:flex-start;min-width:0}.device-final-identity{grid-template-columns:1fr;padding:10px}.device-final-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.device-final-tabs{overflow-x:auto;white-space:nowrap}.device-final-tab{flex:0 0 auto}.device-final-license-row{align-items:stretch;flex-direction:column}.device-final-license-row .btn{width:100%}.device-final-playlist-grid{grid-template-columns:1fr}.device-final-panel{min-height:0}}
@media(max-width:430px){.device-final-summary{grid-template-columns:1fr 1fr}.device-final-modal .modal-footer{grid-template-columns:1fr!important}.device-final-playlist-counts{grid-template-columns:1fr 1fr}}


/* v1.0 FINAL — editor DNS reorganizado */
.dns-editor-modal{width:min(960px,96vw)!important;max-height:94vh!important;overflow:hidden!important;display:flex;flex-direction:column}
.dns-editor-modal .modal-head{flex:0 0 auto;background:var(--surface)}
.dns-editor-modal .modal-body{overflow:auto;min-height:0;flex:1;padding:16px 18px 20px}
.dns-editor-modal .modal-footer{flex:0 0 auto;justify-content:space-between;background:var(--surface);position:relative;z-index:3;box-shadow:0 -8px 24px rgba(2,6,23,.12)}
.dns-editor-modal .modal-footer .btn{min-width:160px}
.dns-editor-summary{display:grid;grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.dns-editor-summary>div{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:11px 12px;display:flex;flex-direction:column;gap:4px;min-width:0}
.dns-editor-summary span,.dns-editor-access-summary span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}
.dns-editor-summary b{font-size:12px;overflow-wrap:anywhere}
.dns-editor-server{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:14px;margin-bottom:12px}
.dns-editor-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:12px}
.dns-editor-section-title>div{display:flex;flex-direction:column;gap:3px}
.dns-editor-section-title span,.dns-editor-danger>div>span{font-size:9px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}
.dns-editor-section-title b,.dns-editor-danger>div>b{font-size:14px;color:var(--text)}
.dns-editor-section-title small,.dns-editor-danger>div>small{max-width:430px;color:var(--muted);font-size:10px;line-height:1.45;text-align:right}
.dns-editor-access-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.dns-editor-access-summary>div{border:1px solid var(--accent-border);background:var(--accent-soft);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.dns-editor-access-summary b{font-size:15px;color:var(--text)}
.dns-editor-codes-title{margin-top:2px}
.dns-editor-code-list{display:flex;flex-direction:column;gap:12px}
.dns-editor-code-card{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:14px}
.dns-editor-code-head{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:11px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.dns-editor-code-head>div:first-child{display:flex;align-items:baseline;gap:9px;min-width:0}
.dns-editor-code-head>div:first-child span{font-size:9px;color:var(--muted);letter-spacing:.07em}
.dns-editor-code-head>div:first-child b{font-size:16px;overflow-wrap:anywhere}
.dns-editor-code-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.dns-editor-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dns-editor-code-grid .field.full{grid-column:1/-1}
.dns-editor-limit{border-top:1px dashed var(--line);padding-top:12px;margin-top:1px}
.dns-editor-limit-row{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:12px;align-items:stretch}
.dns-editor-limit-meter{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:9px 11px;display:flex;align-items:center}
.dns-editor-limit-meter span{font-size:10px;line-height:1.45;color:var(--muted)}
.dns-editor-rule{margin-top:12px;border:1px solid rgba(245,158,11,.34);background:rgba(245,158,11,.07);border-radius:12px;padding:11px 13px;display:flex;flex-direction:column;gap:4px}
.dns-editor-rule b{font-size:11px;color:var(--text)}
.dns-editor-rule span{font-size:10px;color:var(--muted);line-height:1.5}
.dns-editor-danger{margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface-2)}
.dns-editor-danger>div:first-child{display:flex;flex-direction:column;gap:3px}
.dns-editor-danger>div>small{text-align:left}
.dns-editor-danger-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){.dns-editor-modal{width:100%!important;max-height:96dvh!important}.dns-editor-modal .modal-body{padding:11px!important}.dns-editor-modal .modal-footer{display:grid!important;grid-template-columns:1fr 1fr!important;padding:8px 9px calc(8px + env(safe-area-inset-bottom))!important}.dns-editor-modal .modal-footer .btn{width:100%!important;min-width:0!important}.dns-editor-summary{grid-template-columns:1fr 1fr}.dns-editor-summary>div:first-child{grid-column:1/-1}.dns-editor-section-title{align-items:flex-start;flex-direction:column;gap:5px}.dns-editor-section-title small{max-width:none;text-align:left}.dns-editor-access-summary{grid-template-columns:1fr 1fr}.dns-editor-access-summary>div:first-child{grid-column:1/-1}.dns-editor-code-grid{grid-template-columns:1fr}.dns-editor-code-grid .field.full{grid-column:auto}.dns-editor-code-head{align-items:flex-start;flex-direction:column}.dns-editor-code-badges{justify-content:flex-start}.dns-editor-limit-row{grid-template-columns:1fr}.dns-editor-danger{align-items:flex-start;flex-direction:column}.dns-editor-danger-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.dns-editor-danger-actions .btn{width:100%}}
@media(max-width:430px){.dns-editor-summary{grid-template-columns:1fr}.dns-editor-summary>div:first-child{grid-column:auto}.dns-editor-access-summary{grid-template-columns:1fr}.dns-editor-access-summary>div:first-child{grid-column:auto}.dns-editor-modal .modal-footer{grid-template-columns:1fr!important}.dns-editor-danger-actions{grid-template-columns:1fr}}


/* DNS unificado: servidores + códigos em uma única visão */
.dns-unified-table .dns-unified-server-cell{vertical-align:top;min-width:250px;background:color-mix(in srgb,var(--surface-2) 72%, transparent);border-right:1px solid var(--line)}
.dns-unified-server{display:flex;flex-direction:column;gap:6px;padding:3px 0}
.dns-unified-server>b{font-size:11px;overflow-wrap:anywhere}
.dns-unified-server>small{font-size:9px;color:var(--muted)}
.dns-unified-server-actions{display:flex;align-items:center;gap:7px;margin-top:4px;flex-wrap:wrap}
.dns-unified-table tbody tr:hover .dns-unified-server-cell{background:color-mix(in srgb,var(--accent-soft) 45%,var(--surface-2))}
@media(max-width:760px){.dns-unified-table .dns-unified-server-cell{min-width:210px}.dns-unified-server-actions{align-items:flex-start}.dns-unified-server-actions .btn{width:auto!important}}

/* v1.0 FINAL — Dispositivos CLEAN + DNS em uso */
.devices-clean-head{margin-bottom:14px}.devices-clean-head h1{font-size:22px}.devices-clean-head p{font-size:11px;color:var(--muted)}
.device-summary-clean{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}.device-summary-clean>div{min-height:56px;padding:9px 12px;border-radius:10px;background:transparent}.device-summary-clean>div:before{display:none}.device-summary-clean span{font-size:8px}.device-summary-clean b{font-size:19px}
.devices-clean-panel{border-radius:12px}.device-status-tabs-clean{padding:8px 10px;gap:3px}.device-status-tabs-clean .device-status-chip{border-color:transparent;background:transparent;padding:6px 8px;border-radius:7px}.device-status-tabs-clean .device-status-chip b{background:transparent;min-width:auto;padding:0;height:auto}.device-status-tabs-clean .device-status-chip.active{background:var(--surface-2);border-color:var(--line);color:var(--text-strong)}.device-status-tabs-clean .device-status-chip.active b{background:transparent;color:var(--text-strong)}
.device-toolbar-clean{grid-template-columns:minmax(280px,1fr) auto auto;padding:9px 10px;align-items:center;background:transparent}.device-toolbar-clean .device-search-wrap .search{height:38px}.device-toolbar-primary-filters{display:flex;align-items:center;gap:7px}.device-toolbar-primary-filters>label{display:flex;flex-direction:column;gap:3px;min-width:145px}.device-toolbar-primary-filters label>span,.device-more-filters-pop label>span{font-size:7.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:800}.device-toolbar-primary-filters .select,.device-more-filters-pop .select{height:38px;padding:8px 10px}
.device-more-filters{position:relative}.device-more-filters>summary{list-style:none;height:38px;display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;padding:0 11px;color:var(--muted);font-size:9.5px;font-weight:800;cursor:pointer;background:transparent}.device-more-filters>summary::-webkit-details-marker{display:none}.device-more-filters[open]>summary{color:var(--text-strong);background:var(--surface-2)}.device-more-filters-pop{position:absolute;right:0;top:44px;z-index:35;width:235px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--panel);box-shadow:var(--shadow);display:grid;gap:8px}.device-more-filters-pop label{display:flex;flex-direction:column;gap:4px}
.device-toolbar-summary{min-height:38px;padding-left:4px}.device-toolbar-summary b{font-size:10px}.device-toolbar-summary span{font-size:8.5px}
.devices-table-clean{min-width:940px}.devices-table-clean th{padding:9px 11px;font-size:8px;letter-spacing:.07em}.devices-table-clean td{padding:11px;border-bottom-color:color-mix(in srgb,var(--line) 65%,transparent)}.devices-table-clean tbody tr:last-child td{border-bottom:0}.devices-table-clean .device-main-cell{min-width:190px}.devices-table-clean .device-main-cell>b{font-size:10.5px;margin-bottom:3px}.devices-table-clean .device-main-cell>small{font-size:8px}.device-status-clean{gap:3px}.device-status-clean>small{font-size:7.5px;color:var(--muted);text-transform:capitalize}.device-status-clean .device-presence{font-size:9px}.device-platform-clean b,.device-owner-clean b,.device-last-clean b{font-size:9.5px}.device-platform-clean small,.device-last-clean small{display:block;margin-top:2px;font-size:7.8px;color:var(--muted)}.device-config-clean{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.device-config-clean>b{font-size:9.8px;display:flex;align-items:center;gap:7px;white-space:nowrap}.device-config-clean>small{font-size:7.8px;color:var(--muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dns-slot-badge{display:inline-flex;align-items:center;height:18px;padding:0 6px;border:1px solid var(--line);border-radius:999px;font-size:7.5px;line-height:1;font-weight:900;letter-spacing:.03em;color:var(--muted);background:var(--surface-2)}.dns-slot-1{color:var(--green)}.dns-slot-2{color:var(--yellow)}.dns-slot-3{color:var(--accent-2)}.devices-table-clean .device-actions-col{width:42px;text-align:right}.devices-table-clean .device-actions-menu summary{opacity:.75}.devices-table-clean tbody tr:hover .device-actions-menu summary{opacity:1}
@media(max-width:1280px){.device-toolbar-clean{grid-template-columns:1fr}.device-toolbar-primary-filters{justify-content:flex-start}.device-toolbar-summary{justify-content:flex-start}.device-summary-clean{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.devices-clean-head{align-items:flex-start}.device-summary-clean{grid-template-columns:repeat(2,1fr)!important}.device-toolbar-primary-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.device-toolbar-primary-filters>label{min-width:0}.device-more-filters{grid-column:1/-1}.device-more-filters>summary{justify-content:center}.device-more-filters-pop{position:static;width:100%;margin-top:6px}.devices-table-clean{min-width:760px}}

/* v1.0 FINAL — métricas diárias de revendas */
.reseller-daily-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 16px}
.reseller-daily-overview>div{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;min-width:0}
.reseller-daily-overview span{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--muted)}
.reseller-daily-overview b{font-size:23px;line-height:1.05}
.reseller-daily-overview small{font-size:10px;color:var(--muted)}
.reseller-daily-overview>div.warn{border-color:color-mix(in srgb,var(--yellow) 46%,var(--line));background:color-mix(in srgb,var(--yellow) 5%,var(--surface))}
.reseller-daily-overview-empty{grid-template-columns:1fr}
.reseller-daily-overview-empty>div{min-height:70px;justify-content:center}
.reseller-daily-main span,.reseller-daily-main b{font-weight:800}
.reseller-daily-wait{opacity:.72}
.reseller-daily-section{background:color-mix(in srgb,var(--surface) 82%,var(--bg))}
.reseller-daily-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.reseller-daily-capacity{margin-top:9px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center}
.reseller-daily-capacity span{font-size:9.5px;color:var(--muted)}
.reseller-daily-capacity b{font-size:15px}
.reseller-daily-capacity small{grid-column:1/-1;font-size:9px;color:var(--muted)}
.reseller-daily-capacity.warn{border-color:color-mix(in srgb,var(--yellow) 50%,var(--line));background:color-mix(in srgb,var(--yellow) 5%,transparent)}
.reseller-daily-capacity.danger{border-color:color-mix(in srgb,var(--red) 50%,var(--line));background:color-mix(in srgb,var(--red) 5%,transparent)}
.reseller-daily-empty{border:1px dashed var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:4px}
.reseller-daily-empty b{font-size:12px}.reseller-daily-empty span{font-size:10px;color:var(--muted)}
@media(max-width:980px){.reseller-daily-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.reseller-daily-overview{grid-template-columns:1fr 1fr;gap:8px}.reseller-daily-overview>div{padding:11px 12px}.reseller-daily-overview b{font-size:19px}.reseller-daily-overview-empty{grid-template-columns:1fr}.reseller-daily-metrics{grid-template-columns:1fr!important}}

/* v1.0 excedente + ilimitado */
.tag.good{border-color:rgba(62,220,145,.28);background:rgba(62,220,145,.09);color:#76eab0}.tag.warn{border-color:rgba(255,200,92,.3);background:rgba(255,200,92,.09);color:#ffdc8d}.tag.danger{border-color:rgba(255,107,120,.3);background:rgba(255,107,120,.09);color:#ff969f}.unlimited-limit-row{margin:8px 0 14px;padding:12px 14px;border:1px solid rgba(70,70,70,.28);border-radius:12px;background:rgba(70,70,70,.08)}

/* ==========================================================
   PlayServs v1.0 — MOBILE SCROLL FIX
   Libera rolagem vertical nativa por toque sem alterar desktop.
   ========================================================== */
@media (max-width:760px){
  html{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  body,
  body.mobile-nav-open{
    width:100%!important;
    min-height:100dvh!important;
    height:auto!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y pinch-zoom!important;
  }
  #app,
  .shell,
  .shell.sidebar-is-collapsed,
  .main{
    width:100%!important;
    min-height:100dvh!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .content{
    min-height:calc(100dvh - 56px)!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    touch-action:pan-y!important;
  }
  .panel,
  .panel-body,
  .table-wrap{
    touch-action:pan-y!important;
  }
  .modal-back{
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
  }
  .modal-body,
  .download-manager-modal .modal-body,
  .device-final-modal .modal-body,
  .backup-detail-list{
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
  }
  .sidebar .nav,
  .sidebar.admin-nav-compact .nav{
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }
}


/* v1.0 — Revendas + DNS unificados */
.reseller-manager-drawer-wide{width:min(720px,96vw)}
.reseller-manager-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.reseller-manager-section-head h3{margin:0}.reseller-manager-section-head small{display:block;margin-top:3px;color:var(--muted)}
.reseller-dns-list{display:grid;gap:10px}.reseller-dns-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2)}
.reseller-dns-item>div{min-width:0}.reseller-dns-item b{display:block;overflow-wrap:anywhere}.reseller-dns-item small{display:block;color:var(--muted);margin-top:4px}.reseller-dns-code-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.dns-unified-table .dns-unified-server-cell{min-width:260px}.dns-unified-table td:last-child{white-space:nowrap}
.dns-editor-code-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dns-editor-code-grid .field.full{grid-column:1/-1}
@media(max-width:760px){.reseller-manager-drawer-wide{width:100vw}.reseller-dns-item{align-items:flex-start;flex-direction:column}.reseller-dns-item .btn{width:100%}.dns-editor-code-grid{grid-template-columns:1fr}.dns-editor-code-grid .field.full{grid-column:auto}.reseller-manager-section-head{align-items:flex-start;flex-direction:column}.reseller-manager-section-head .btn{width:100%}}

/* ==========================================================
   PlayServs v1.0 — Revendas e DNS CLEAN / MOBILE CARDS
   Lista resumida no desktop e cards próprios no mobile.
   ========================================================== */
.reseller-clean-head{margin-bottom:12px}
.reseller-clean-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:11px}
.reseller-clean-summary>div{position:relative;min-height:74px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:11px 13px;display:flex;flex-direction:column;justify-content:center;gap:4px;overflow:hidden}
.reseller-clean-summary>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}
.reseller-clean-summary>div.warn:before{background:var(--yellow)}
.reseller-clean-summary>div.danger:before{background:var(--red)}
.reseller-clean-summary span{font-size:8.7px;font-weight:850;letter-spacing:.08em;color:var(--muted)}
.reseller-clean-summary b{font-size:22px;line-height:1;color:var(--text-strong)}
.reseller-clean-summary small{font-size:8.6px;color:var(--muted)}
.reseller-clean-panel{overflow:visible}
.reseller-clean-toolbar{padding:10px 11px;border-bottom:1px solid var(--line);gap:9px}
.reseller-clean-table{min-width:900px!important}
.reseller-clean-table th{white-space:nowrap}
.reseller-clean-table td{vertical-align:middle;padding-top:11px!important;padding-bottom:11px!important}
.reseller-clean-main{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:190px}
.reseller-clean-main>div{min-width:0}.reseller-clean-main b{display:block;font-size:10.8px;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reseller-clean-main small{display:block;margin-top:3px;font-size:8.7px;color:var(--muted)}
.reseller-clean-structure{display:flex;flex-direction:column;gap:3px;min-width:150px}.reseller-clean-structure b{font-size:9.8px;font-weight:750}.reseller-clean-structure small{font-size:8.4px;color:var(--muted)}
.reseller-clean-number{display:flex;flex-direction:column;gap:3px;min-width:84px}.reseller-clean-number b{font-size:12px;color:var(--text-strong)}.reseller-clean-number small{font-size:8.2px;color:var(--muted)}
.reseller-clean-status{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:140px}.reseller-clean-status>small{flex-basis:100%;font-size:8.4px;color:var(--muted);margin-top:2px}
.reseller-clean-actions{text-align:right;width:92px;min-width:92px}
.reseller-clean-actions .btn{min-width:78px}
.reseller-mobile-list{display:none}

@media(max-width:980px){
  .reseller-clean-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .reseller-clean-head{gap:10px!important;margin-bottom:10px!important}
  .reseller-clean-head .actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .reseller-clean-head .actions .btn{width:100%!important;min-height:40px!important}
  .reseller-export-btn{display:none!important}
  .reseller-clean-summary{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px}
  .reseller-clean-summary>div{min-height:68px;padding:9px 10px;border-radius:10px}
  .reseller-clean-summary b{font-size:19px}
  .reseller-clean-summary span{font-size:7.8px}
  .reseller-clean-summary small{font-size:7.8px;line-height:1.25}
  .reseller-clean-panel{border:0!important;background:transparent!important;box-shadow:none!important}
  .reseller-clean-toolbar{padding:0 0 9px!important;border:0!important;background:transparent!important;display:block!important}
  .reseller-clean-toolbar .search{width:100%!important;min-height:42px!important;border-radius:10px!important;font-size:13px!important}
  .reseller-clean-toolbar .reseller-filter-group{display:flex!important;overflow-x:auto!important;gap:6px!important;margin-top:8px!important;padding:0 0 3px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important}
  .reseller-clean-toolbar .reseller-filter-group::-webkit-scrollbar{display:none!important}
  .reseller-clean-toolbar .reseller-filter{flex:0 0 auto!important;padding:7px 9px!important;font-size:9px!important;border-radius:8px!important}
  .reseller-desktop-list{display:none!important}
  .reseller-mobile-list{display:grid!important;gap:8px!important}
  .reseller-mobile-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:11px;display:flex;flex-direction:column;gap:9px;min-width:0;box-shadow:0 1px 0 rgba(255,255,255,.02)}
  .reseller-mobile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
  .reseller-mobile-head>div{min-width:0}.reseller-mobile-head b{display:block;font-size:13px;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reseller-mobile-head small{display:block;margin-top:3px;font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .reseller-mobile-head>.tag{flex:0 0 auto}
  .reseller-mobile-status{display:flex;gap:5px;align-items:center;flex-wrap:wrap;padding-bottom:1px}
  .reseller-mobile-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .reseller-mobile-metrics>div{min-width:0;border:1px solid var(--line);background:var(--surface-2);border-radius:9px;padding:8px 9px;display:flex;flex-direction:column;gap:4px}
  .reseller-mobile-metrics span{font-size:7.9px;text-transform:uppercase;letter-spacing:.055em;color:var(--muted);font-weight:800}
  .reseller-mobile-metrics b{font-size:11.5px;line-height:1.25;color:var(--text-strong);overflow-wrap:anywhere}
  .reseller-mobile-manage{width:100%!important;min-height:39px!important;margin-top:1px;font-size:10px!important}
}

@media(max-width:390px){
  .reseller-clean-summary{grid-template-columns:1fr 1fr}
  .reseller-mobile-metrics{grid-template-columns:1fr 1fr}
  .reseller-mobile-card{padding:10px}
}


/* ==========================================================
   v1.0 — PARIDADE DE INTERFACE: ADM + REVENDAS
   Os mesmos componentes têm desktop e mobile próprios.
   ========================================================== */
.devices-mobile-list,.dns-mobile-list{display:none}
.device-mobile-card,.dns-mobile-card{border:1px solid var(--line);background:var(--surface);border-radius:13px;padding:11px;min-width:0}
.device-mobile-head,.dns-mobile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0}
.device-mobile-head>div,.dns-mobile-head>div{min-width:0}
.device-mobile-head b,.dns-mobile-head b{display:block;font-size:13px;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.device-mobile-head small,.dns-mobile-head small{display:block;margin-top:3px;font-size:9px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.device-mobile-grid,.dns-mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}
.device-mobile-grid>div,.dns-mobile-grid>div,.dns-mobile-code-row{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;padding:8px 9px;min-width:0;display:flex;flex-direction:column;gap:3px}
.device-mobile-grid span,.dns-mobile-grid span,.dns-mobile-code-row span{font-size:7.8px;text-transform:uppercase;letter-spacing:.055em;color:var(--muted);font-weight:800}
.device-mobile-grid b,.dns-mobile-grid b,.dns-mobile-code-row b{font-size:10.8px;line-height:1.25;color:var(--text-strong);overflow-wrap:anywhere}
.device-mobile-manage,.dns-mobile-manage{width:100%;margin-top:9px;min-height:39px!important}
.dns-mobile-code-row{margin-top:9px}

@media(max-width:760px){
  /* Revendas não recebem uma versão inferior da interface. */
  .role-reseller .topbar{height:56px!important;padding:0 11px!important}
  .role-reseller .top-title>span{display:none!important}
  .role-reseller .top-right .online,.role-reseller .top-right .final-release-tag,.role-reseller .top-right .theme-toggle{display:none!important}
  .role-reseller .top-right{gap:6px!important}
  .role-reseller .refresh-top{min-width:38px!important;padding:8px 9px!important;font-size:0!important}
  .role-reseller .refresh-top:first-letter{font-size:15px!important}
  .role-reseller .content{padding:12px 10px calc(26px + env(safe-area-inset-bottom))!important}
  .role-reseller .page-head{gap:9px!important;margin-bottom:10px!important}
  .role-reseller .page-head h1{font-size:20px!important}
  .role-reseller .page-head p{font-size:10px!important;line-height:1.45!important}
  .role-reseller .page-head>.actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important}
  .role-reseller .page-head>.actions .btn{width:100%!important}
  .role-reseller .panel{border-radius:12px!important}

  /* Dispositivos: cartões próprios em todos os perfis. */
  .devices-desktop-list{display:none!important}
  .devices-mobile-list{display:grid!important;gap:8px!important;padding:8px 0 0!important}
  .devices-clean-panel{border:0!important;background:transparent!important;box-shadow:none!important}
  .devices-clean-panel .device-status-tabs-clean{border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:7px!important;margin-bottom:8px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}
  .devices-clean-panel .device-status-tabs-clean::-webkit-scrollbar{display:none!important}
  .devices-clean-panel .device-status-chip{flex:0 0 auto!important}
  .device-toolbar-clean{border:0!important;background:transparent!important;padding:0!important;gap:7px!important}
  .device-toolbar-clean .device-search-wrap{width:100%!important}
  .device-toolbar-clean .device-toolbar-primary-filters{grid-template-columns:1fr 1fr!important}
  .device-toolbar-clean .device-toolbar-summary{width:100%!important;justify-content:flex-end!important;padding:2px 1px 0!important}
  .role-reseller .device-summary-clean{grid-template-columns:1fr 1fr!important;gap:7px!important}

  /* DNS: a mesma área unificada do ADM, em cartões próprios. */
  .dns-desktop-list{display:none!important}
  .dns-mobile-list{display:grid!important;gap:8px!important;margin-top:8px!important}
  .dns-main-panel{border:0!important;background:transparent!important;box-shadow:none!important}
  .dns-main-panel>.search-row{padding:0!important;background:transparent!important}
  .dns-summary-cards{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .dns-summary-cards .card{min-height:76px!important;padding:10px!important}
  .dns-capacity-strip{grid-template-columns:1fr 1fr!important;gap:7px!important}

  /* Visão geral simples: menos densidade, mesma linguagem visual. */
  .role-reseller .reseller-summary-strip{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .role-reseller .reseller-overview-grid{grid-template-columns:1fr!important;gap:9px!important}
  .role-reseller .reseller-quick{grid-template-columns:1fr 1fr!important;padding:9px!important}
  .role-reseller .device-attention{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}
  .role-reseller .device-attention-items{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}
  .role-reseller .device-attention-items button{min-width:0!important;width:100%!important}

  /* Configurar dispositivo e gestão: mesma ergonomia no mobile. */
  .role-reseller .activate-device-grid{grid-template-columns:1fr!important}
  .role-reseller .activation-method-card{border-radius:12px!important}
  .role-reseller .activation-method-head{align-items:flex-start!important}
  .role-reseller .activation-method-footer{align-items:stretch!important;flex-direction:column!important}
  .role-reseller .activation-method-footer .btn{width:100%!important}
  .role-reseller .reseller-manager-drawer{width:100vw!important;max-width:100vw!important}
  .role-reseller .reseller-manager-body{padding:11px 10px calc(22px + env(safe-area-inset-bottom))!important}
  .role-reseller .reseller-manager-metrics,.role-reseller .reseller-manager-info{grid-template-columns:1fr 1fr!important}
  .role-reseller .reseller-manager-actions{grid-template-columns:1fr!important}

  /* Tickets, atividade e subrevendas continuam legíveis sem tabela espremida. */
  .role-reseller .activity-summary-cards{grid-template-columns:1fr 1fr!important}
  .role-reseller .activity-toolbar{padding:9px!important}
}
@media(max-width:390px){
  .device-mobile-grid,.dns-mobile-grid,.role-reseller .device-attention-items{grid-template-columns:1fr 1fr!important}
}

/* ==========================================================
   v1.0 — REVENDAS E DNS SEPARADOS
   Revendas = painel/recursos. DNS = servidores e distribuição.
   Mesma arquitetura para ADM, Revenda e Subrevenda.
   ========================================================== */
.dns-separated-summary,.reseller-separated-summary{margin-bottom:12px}
.dns-separated-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(210px,280px);gap:10px;align-items:center;padding:12px}
.dns-separated-toolbar .search{width:100%;min-width:0}
.dns-owner-select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text-strong);padding:0 12px;font:inherit;outline:none}
.dns-owner-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}
.dns-owner-filter-note{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 12px 0;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);font-size:11px;color:var(--muted)}
.dns-owner-filter-note b{color:var(--text-strong)}
.dns-owner-cell b{display:block;color:var(--text-strong);font-size:12px}
.dns-owner-cell small{display:block;margin-top:2px;color:var(--muted);font-size:9px}
.dns-separated-table{min-width:1040px!important}
.reseller-separated-table{min-width:1120px!important}
.reseller-open-dns-btn{width:100%;justify-content:center;margin-top:8px}
.reseller-manager-dns-jump{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:12px;margin-top:10px}
.reseller-manager-dns-jump h4{margin:0 0 5px;color:var(--text-strong);font-size:12px}
.reseller-manager-dns-jump p{margin:0;color:var(--muted);font-size:10px;line-height:1.45}
.reseller-separated-summary{grid-template-columns:repeat(4,minmax(0,1fr))}

@media(max-width:980px){
  .reseller-separated-summary{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .dns-separated-toolbar{grid-template-columns:1fr;padding:0!important;background:transparent!important}
  .dns-owner-select{min-height:40px;background:var(--surface)}
  .dns-owner-filter-note{margin:8px 0 0;align-items:flex-start;flex-direction:column}
  .dns-owner-filter-note .btn{width:100%}
  .reseller-separated-summary{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .role-reseller .dns-separated-toolbar{grid-template-columns:1fr!important}
}
@media(max-width:420px){
  .reseller-separated-summary{grid-template-columns:1fr 1fr!important}
}
.reseller-dns-jump{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:12px;margin-top:10px}
.reseller-dns-jump .reseller-manager-note{margin-top:0}


/* ==========================================================
   PlayServs — Dispositivos desktop com leitura ampliada
   2026-10-02 — somente visual; sem alterar lógica/chamadas
   ========================================================== */
@media (min-width: 761px){
  .devices-table-clean{min-width:1060px}
  .devices-table-clean th{
    padding:13px 15px;
    font-size:10.5px;
    letter-spacing:.075em;
    font-weight:850;
  }
  .devices-table-clean td{
    padding:16px 15px;
    font-size:13.5px;
    line-height:1.45;
  }
  .devices-table-clean .device-main-cell{min-width:220px}
  .devices-table-clean .device-main-cell>b{
    font-size:14px;
    line-height:1.3;
    margin-bottom:5px;
  }
  .devices-table-clean .device-main-cell>small{
    font-size:10.5px;
    line-height:1.3;
  }
  .devices-table-clean .device-status-stack{gap:7px}
  .devices-table-clean .device-status-clean>small{
    font-size:10px;
  }
  .devices-table-clean .device-presence{
    gap:7px;
    font-size:11px;
    font-weight:800;
    padding:7px 10px;
    border:1px solid color-mix(in srgb,var(--green) 22%,var(--line));
    border-radius:999px;
    background:rgba(34,197,94,.045);
  }
  .devices-table-clean .device-presence i{
    width:8px;
    height:8px;
  }
  .devices-table-clean .device-platform-clean b,
  .devices-table-clean .device-owner-clean b,
  .devices-table-clean .device-last-clean b{
    font-size:13px;
    line-height:1.35;
  }
  .devices-table-clean .device-platform-clean small,
  .devices-table-clean .device-last-clean small,
  .devices-table-clean .device-owner-clean small{
    margin-top:4px;
    font-size:10.5px;
    line-height:1.35;
  }
  .devices-table-clean .device-config-clean{gap:5px}
  .devices-table-clean .device-config-clean>b{
    font-size:13px;
    line-height:1.35;
    gap:8px;
  }
  .devices-table-clean .device-config-clean>small{
    font-size:10.5px;
    line-height:1.35;
    max-width:220px;
  }
  .devices-table-clean .dns-slot-badge{
    height:22px;
    padding:0 8px;
    font-size:9px;
  }
  .devices-table-clean .device-actions-menu summary{
    width:38px;
    height:36px;
    font-size:16px;
  }
}


/* ===== Dispositivos: destaque visual maior (02/10/2026) ===== */
.device-summary-clean{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
.device-summary-clean>div{
  min-height:72px;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.005));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.device-summary-clean>div span{
  font-size:10px;
  letter-spacing:.08em;
  font-weight:800;
  color:#a9a9a9;
}
.device-summary-clean>div b{
  font-size:31px;
  line-height:1;
  margin-top:4px;
  font-weight:850;
}
.device-summary-clean>div:first-child{
  border-color:rgba(54,119,255,.28);
  background:linear-gradient(180deg,rgba(54,119,255,.11),rgba(54,119,255,.03));
}
.device-summary-clean>div:first-child b{color:#dfeaff;}
.device-summary-clean>div.online{
  border-color:rgba(36,201,123,.28);
  background:linear-gradient(180deg,rgba(36,201,123,.12),rgba(36,201,123,.03));
}
.device-summary-clean>div.online b{color:#d8ffe9;}
.device-summary-clean>div:nth-child(3){
  border-color:rgba(245,179,34,.28);
  background:linear-gradient(180deg,rgba(245,179,34,.12),rgba(245,179,34,.03));
}
.device-summary-clean>div:nth-child(3) b{color:#fff1cb;}
.device-summary-clean>div.bad{
  border-color:rgba(255,92,92,.28);
  background:linear-gradient(180deg,rgba(255,92,92,.12),rgba(255,92,92,.03));
}
.device-summary-clean>div.bad b{color:#ffdcdc;}

.device-status-tabs-clean{
  padding:12px 14px;
  gap:8px;
  border-bottom:1px solid var(--line);
}
.device-status-tabs-clean .device-status-chip{
  padding:9px 12px;
  min-height:38px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
  color:#c6c6c6;
  font-size:12px;
  font-weight:800;
  gap:8px;
}
.device-status-tabs-clean .device-status-chip span{
  font-size:12px;
  font-weight:800;
}
.device-status-tabs-clean .device-status-chip b{
  min-width:26px;
  height:22px;
  padding:0 7px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  color:#eef4ff;
  font-size:11px;
  font-weight:800;
}
.device-status-tabs-clean .device-status-chip:hover{
  background:rgba(255,255,255,.05);
  color:#eef4ff;
  border-color:rgba(255,255,255,.12);
}
.device-status-tabs-clean .device-status-chip.active{
  background:linear-gradient(180deg,rgba(54,119,255,.18),rgba(54,119,255,.08));
  border-color:rgba(54,119,255,.35);
  color:#eef5ff;
  box-shadow:0 0 0 1px rgba(54,119,255,.08) inset;
}
.device-status-tabs-clean .device-status-chip.active b{
  background:rgba(255,255,255,.14);
  color:#fff;
}
.device-status-tabs-clean .device-status-chip:nth-child(2).active{
  background:linear-gradient(180deg,rgba(36,201,123,.20),rgba(36,201,123,.08));
  border-color:rgba(36,201,123,.35);
}
.device-status-tabs-clean .device-status-chip:nth-child(3).active,
.device-status-tabs-clean .device-status-chip:nth-child(4).active{
  background:linear-gradient(180deg,rgba(155,92,255,.18),rgba(155,92,255,.07));
  border-color:rgba(155,92,255,.34);
}
.device-status-tabs-clean .device-status-chip:nth-child(5).active{
  background:linear-gradient(180deg,rgba(245,179,34,.22),rgba(245,179,34,.08));
  border-color:rgba(245,179,34,.38);
}
.device-status-tabs-clean .device-status-chip:nth-child(6).active,
.device-status-tabs-clean .device-status-chip:nth-child(7).active,
.device-status-tabs-clean .device-status-chip:nth-child(8).active{
  background:linear-gradient(180deg,rgba(255,92,92,.18),rgba(255,92,92,.07));
  border-color:rgba(255,92,92,.35);
}

@media (max-width: 1280px){
  .device-summary-clean>div b{font-size:27px;}
}
@media (max-width: 760px){
  .device-summary-clean{gap:10px;}
  .device-summary-clean>div{min-height:66px;padding:12px 13px;}
  .device-summary-clean>div b{font-size:24px;}
  .device-status-tabs-clean{padding:10px 10px;gap:6px;}
  .device-status-tabs-clean .device-status-chip{padding:8px 10px;min-height:36px;font-size:11px;}
  .device-status-tabs-clean .device-status-chip span{font-size:11px;}
  .device-status-tabs-clean .device-status-chip b{font-size:10px;min-width:24px;height:20px;}
}

/* ==========================================================
   2026-10-02 — filtros por clique + menu lateral ampliado
   ========================================================== */
.device-toolbar-click-filters{
  grid-template-columns:minmax(340px,1fr) auto auto!important;
  align-items:center;
  gap:14px!important;
  padding:12px 14px!important;
}
.device-click-filter-tip{
  color:var(--muted);
  font-size:11px;
  font-weight:650;
  white-space:nowrap;
}
.devices-clickable-head thead th{
  padding-top:9px!important;
  padding-bottom:9px!important;
  vertical-align:middle!important;
}
.device-th-filter{
  width:100%;
  border:0;
  background:transparent;
  color:var(--muted);
  padding:4px 2px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  grid-template-areas:"label badge icon";
  align-items:center;
  justify-content:start;
  gap:7px;
  text-align:left;
  cursor:pointer;
  border-radius:8px;
  transition:background .14s ease,color .14s ease;
}
.device-th-filter:hover{
  color:var(--text-strong);
  background:var(--surface-hover);
}
.device-th-filter>span{
  grid-area:label;
  font-size:11px;
  font-weight:850;
  letter-spacing:.065em;
  text-transform:uppercase;
  white-space:nowrap;
}
.device-th-filter>small{
  grid-area:badge;
  justify-self:start;
  max-width:145px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:3px 7px;
  border-radius:999px;
  background:color-mix(in srgb,var(--accent) 10%,var(--surface-2));
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));
  color:var(--accent-2);
  font-size:9px;
  font-weight:750;
  letter-spacing:0;
  text-transform:none;
}
.device-th-filter>i{
  grid-area:icon;
  font-style:normal;
  color:var(--soft);
  font-size:12px;
  opacity:.8;
}
.device-th-filter:hover>i{color:var(--accent);opacity:1}

/* Menu lateral: aproveitar a altura com itens maiores */
.sidebar.sidebar-v970{
  padding:14px 12px 12px!important;
}
.sidebar-v970 .sidebar-head{
  min-height:84px!important;
}
.sidebar-v970 .brand-v970{
  gap:12px!important;
  padding:6px 9px 14px!important;
}
.sidebar-v970 .brand-mark{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:11px!important;
}
.sidebar-v970 .brand-mark img{
  width:33px!important;
  height:33px!important;
  max-height:33px!important;
}
.sidebar-v970 .brand-copy b{
  font-size:16px!important;
}
.sidebar-v970 .brand-copy small{
  font-size:8.5px!important;
  max-width:150px!important;
}
.sidebar-v970 .nav{
  gap:4px!important;
}
.sidebar.admin-nav-compact.sidebar-v970 .nav-label,
.sidebar-v970 .nav-label{
  padding:13px 10px 5px!important;
  font-size:9px!important;
  letter-spacing:.14em!important;
}
.sidebar.admin-nav-compact.sidebar-v970 .nav-label:not(:first-child),
.sidebar-v970 .nav-label:not(:first-child){
  margin-top:5px!important;
  padding-top:15px!important;
}
.sidebar.admin-nav-compact.sidebar-v970 .nav-item,
.sidebar-v970 .nav-item{
  min-height:45px!important;
  padding:10px 11px!important;
  border-radius:10px!important;
  gap:11px!important;
  font-size:15px!important;
  font-weight:680!important;
  line-height:1.2!important;
}
.sidebar-v970 .nav-item .ico{
  width:21px!important;
  min-width:21px!important;
  height:21px!important;
}
.sidebar-v970 .nav-item .ico svg{
  width:21px!important;
  height:21px!important;
  stroke-width:1.9!important;
}
.sidebar-v970 .sidebar-bottom{
  padding-top:11px!important;
}
.sidebar-v970 .user-card-v970{
  padding:10px 10px!important;
  margin-bottom:7px!important;
  border-radius:12px!important;
  gap:10px!important;
}
.sidebar-v970 .user-avatar{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  font-size:14px!important;
}
.sidebar-v970 .user-copy b{font-size:13px!important}
.sidebar-v970 .user-copy small{font-size:9px!important}
.sidebar-v970 .logout-btn{
  min-height:40px!important;
  padding:8px 10px!important;
  font-size:12px!important;
}

@media(max-width:1100px) and (min-width:761px){
  .shell{grid-template-columns:238px minmax(0,1fr)!important}
  .sidebar.admin-nav-compact.sidebar-v970 .nav-item,.sidebar-v970 .nav-item{font-size:14px!important;min-height:42px!important}
}
@media(max-width:900px){
  .device-toolbar-click-filters{grid-template-columns:1fr!important}
  .device-click-filter-tip{display:none}
}
@media(max-width:760px){
  .sidebar.admin-nav-compact.sidebar-v970 .nav-item,.sidebar-v970 .nav-item{min-height:44px!important;font-size:14px!important}
  .device-th-filter>small{max-width:100px}
}

/* ==========================================================
   2026-10-02 — filtros simples + paginação local 10/50/100
   ========================================================== */
.device-toolbar-simple{
  grid-template-columns:minmax(320px,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 14px!important;
}
.device-archive-card{
  min-height:40px;
  padding:0 14px;
  border-radius:10px;
  border:1px solid var(--line);
  background:var(--surface-2);
  color:var(--text);
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.device-archive-card b{
  display:inline-grid;
  place-items:center;
  min-width:23px;
  height:21px;
  margin-left:7px;
  padding:0 6px;
  border-radius:999px;
  background:var(--surface);
  color:var(--text-strong);
}
.device-archive-card:hover,.device-archive-card.active{
  border-color:var(--accent-border);
  background:var(--accent-soft);
  color:var(--accent-2);
}

/* O título da coluna é o próprio controle: sem chips, badges ou ícone lateral. */
.devices-clickable-head .device-th-filter.device-th-plain{
  width:auto;
  display:inline-flex;
  align-items:center;
  padding:2px 0;
  border:0;
  border-radius:0;
  background:transparent!important;
  color:var(--muted);
  cursor:pointer;
}
.devices-clickable-head .device-th-filter.device-th-plain>span{
  font-size:11px;
  font-weight:850;
  letter-spacing:.065em;
  text-transform:uppercase;
}
.devices-clickable-head .device-th-filter.device-th-plain:hover{
  color:var(--text-strong);
  background:transparent!important;
}
.devices-clickable-head .device-th-filter.device-th-plain>small,
.devices-clickable-head .device-th-filter.device-th-plain>i{display:none!important;}

.list-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  border-top:1px solid var(--line);
  background:color-mix(in srgb,var(--surface) 92%,transparent);
}
.list-pagination-info{
  color:var(--muted);
  font-size:11px;
}
.list-pagination-info b{color:var(--text-strong);}
.list-pagination-controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.list-pagination-controls label{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--muted);
  font-size:10px;
  font-weight:700;
}
.list-pagination-controls .select{
  width:auto;
  min-width:68px;
  height:34px;
  padding:5px 28px 5px 9px;
  font-size:11px;
}
.list-pagination-controls .btn{min-height:34px;}
.list-page-current{
  min-width:112px;
  text-align:center;
  color:var(--muted);
  font-size:11px;
}
.list-page-current b{color:var(--text-strong);}

@media(max-width:760px){
  .device-toolbar-simple{grid-template-columns:1fr!important;}
  .device-archive-card{width:100%;}
  .list-pagination{align-items:stretch;flex-direction:column;gap:9px;padding:10px;}
  .list-pagination-info{text-align:center;}
  .list-pagination-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
  .list-pagination-controls label{grid-column:1/-1;justify-content:center;}
  .list-pagination-controls .select{min-width:82px;}
  .list-page-current{grid-column:1/-1;grid-row:2;text-align:center;min-width:0;padding:4px 0;}
  .list-pagination-controls [data-page-prev]{grid-column:1;grid-row:3;}
  .list-pagination-controls [data-page-next]{grid-column:2;grid-row:3;}
}

/* ==========================================================
   2026-10-02 — menu sem rolagem + leitura padronizada
   Revendas / DNS / Atividade / Pagamentos / Aplicativos / Backup
   Somente visual. Não altera chamadas, filtros, paginação ou permissões.
   ========================================================== */

/* Desktop: menu lateral cabe na altura útil sem scrollbar interna. */
@media (min-width:761px){
  .sidebar.sidebar-v970{
    padding:10px 10px 8px!important;
  }
  .sidebar-v970 .sidebar-head{
    min-height:66px!important;
  }
  .sidebar-v970 .brand-v970{
    gap:9px!important;
    padding:3px 7px 8px!important;
  }
  .sidebar-v970 .brand-mark{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:9px!important;
  }
  .sidebar-v970 .brand-mark img{
    width:28px!important;
    height:28px!important;
    max-height:28px!important;
  }
  .sidebar-v970 .brand-copy b{
    font-size:14px!important;
  }
  .sidebar-v970 .brand-copy small{
    font-size:7.5px!important;
    max-width:145px!important;
  }
  .sidebar-v970 .sidebar-toggle{
    width:27px!important;
    height:27px!important;
    top:3px!important;
    font-size:18px!important;
  }
  .sidebar-v970 .nav{
    gap:1px!important;
    overflow:hidden!important;
    scrollbar-width:none!important;
    padding-right:0!important;
  }
  .sidebar-v970 .nav::-webkit-scrollbar{display:none!important;}
  .sidebar.admin-nav-compact.sidebar-v970 .nav-label,
  .sidebar-v970 .nav-label{
    padding:7px 8px 2px!important;
    font-size:7.5px!important;
    letter-spacing:.12em!important;
    line-height:1.1!important;
  }
  .sidebar.admin-nav-compact.sidebar-v970 .nav-label:not(:first-child),
  .sidebar-v970 .nav-label:not(:first-child){
    margin-top:2px!important;
    padding-top:9px!important;
  }
  .sidebar.admin-nav-compact.sidebar-v970 .nav-item,
  .sidebar-v970 .nav-item{
    min-height:36px!important;
    padding:6px 9px!important;
    border-radius:9px!important;
    gap:9px!important;
    font-size:14px!important;
    line-height:1.15!important;
  }
  .sidebar-v970 .nav-item .ico{
    width:16px!important;
    min-width:16px!important;
    height:16px!important;
  }
  .sidebar-v970 .nav-item .ico svg{
    width:16px!important;
    height:16px!important;
    stroke-width:1.85!important;
  }
  .sidebar-v970 .sidebar-bottom{
    padding-top:6px!important;
  }
  .sidebar-v970 .user-card-v970{
    padding:7px 8px!important;
    margin-bottom:5px!important;
    border-radius:10px!important;
    gap:8px!important;
  }
  .sidebar-v970 .user-avatar{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    font-size:12px!important;
  }
  .sidebar-v970 .user-copy b{font-size:12px!important;}
  .sidebar-v970 .user-copy small{font-size:8px!important;}
  .sidebar-v970 .logout-btn{
    min-height:34px!important;
    padding:6px 9px!important;
    font-size:11px!important;
  }
}

/* Em telas desktop baixas, compacta só a navegação vertical. */
@media (min-width:761px) and (max-height:720px){
  .sidebar-v970 .sidebar-head{min-height:58px!important;}
  .sidebar-v970 .brand-v970{padding-bottom:5px!important;}
  .sidebar.admin-nav-compact.sidebar-v970 .nav-item,
  .sidebar-v970 .nav-item{min-height:33px!important;padding:5px 8px!important;font-size:13.5px!important;}
  .sidebar.admin-nav-compact.sidebar-v970 .nav-label,
  .sidebar-v970 .nav-label{padding-top:5px!important;padding-bottom:1px!important;}
  .sidebar.admin-nav-compact.sidebar-v970 .nav-label:not(:first-child),
  .sidebar-v970 .nav-label:not(:first-child){padding-top:7px!important;margin-top:1px!important;}
  .sidebar-v970 .user-card-v970{padding:5px 7px!important;}
  .sidebar-v970 .logout-btn{min-height:31px!important;padding:5px 8px!important;}
}

/* Cards-resumo: mesma leitura forte usada na tela Dispositivos. */
#page[data-current-page="resellers_all"] .reseller-clean-summary>div,
#page[data-current-page="subresellers"] .reseller-pro-cards .card,
#page[data-current-page="dns"] .dns-summary-cards .card,
#page[data-current-page="activity"] .activity-summary-cards .card,
#page[data-current-page="payments"] .management-cards .card,
#page[data-current-page="applications"] .apps-summary-strip>div,
#page[data-current-page="backup"] .backup-cards .card{
  min-height:72px!important;
  padding:14px 16px!important;
  border-radius:14px!important;
}

#page[data-current-page="resellers_all"] .reseller-clean-summary span,
#page[data-current-page="subresellers"] .stat-title,
#page[data-current-page="dns"] .stat-title,
#page[data-current-page="activity"] .stat-title,
#page[data-current-page="payments"] .stat-title,
#page[data-current-page="applications"] .apps-summary-strip span,
#page[data-current-page="backup"] .stat-title{
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
}

#page[data-current-page="resellers_all"] .reseller-clean-summary b,
#page[data-current-page="subresellers"] .stat-number,
#page[data-current-page="dns"] .stat-number,
#page[data-current-page="activity"] .stat-number,
#page[data-current-page="payments"] .stat-number,
#page[data-current-page="payments"] .stat-money,
#page[data-current-page="applications"] .apps-summary-strip b,
#page[data-current-page="backup"] .stat-number{
  font-size:29px!important;
  line-height:1.05!important;
  font-weight:800!important;
  margin-top:5px!important;
}

#page[data-current-page="resellers_all"] .reseller-clean-summary small,
#page[data-current-page="subresellers"] .stat-sub,
#page[data-current-page="dns"] .stat-sub,
#page[data-current-page="activity"] .stat-sub,
#page[data-current-page="payments"] .stat-sub,
#page[data-current-page="applications"] .apps-summary-strip small,
#page[data-current-page="backup"] .stat-sub,
#page[data-current-page="backup"] .backup-time{
  font-size:10.5px!important;
  line-height:1.35!important;
}

/* Painéis, títulos e controles dessas páginas ficam mais fáceis de ler. */
#page[data-current-page="resellers_all"] .panel-head h3,
#page[data-current-page="subresellers"] .panel-head h3,
#page[data-current-page="dns"] .panel-head h3,
#page[data-current-page="activity"] .panel-head h3,
#page[data-current-page="payments"] .panel-head h3,
#page[data-current-page="applications"] .panel-head h3,
#page[data-current-page="backup"] .panel-head h3{
  font-size:14px!important;
}
#page[data-current-page="resellers_all"] .panel-head small,
#page[data-current-page="subresellers"] .panel-head small,
#page[data-current-page="dns"] .panel-head small,
#page[data-current-page="activity"] .panel-head small,
#page[data-current-page="payments"] .panel-head small,
#page[data-current-page="applications"] .panel-head small,
#page[data-current-page="backup"] .panel-head small{
  font-size:10.5px!important;
  line-height:1.4!important;
}

#page[data-current-page="resellers_all"] .search,
#page[data-current-page="resellers_all"] .select,
#page[data-current-page="subresellers"] .search,
#page[data-current-page="subresellers"] .select,
#page[data-current-page="dns"] .search,
#page[data-current-page="dns"] .select,
#page[data-current-page="activity"] .search,
#page[data-current-page="activity"] .select,
#page[data-current-page="payments"] .search,
#page[data-current-page="payments"] .select,
#page[data-current-page="applications"] .search,
#page[data-current-page="applications"] .select,
#page[data-current-page="backup"] .search,
#page[data-current-page="backup"] .select{
  min-height:42px!important;
  font-size:13px!important;
}

/* Tabelas desktop: mesmo nível de leitura da lista de Dispositivos. */
@media (min-width:761px){
  #page[data-current-page="resellers_all"] .table th,
  #page[data-current-page="subresellers"] .table th,
  #page[data-current-page="dns"] .table th,
  #page[data-current-page="activity"] .table th,
  #page[data-current-page="payments"] .table th,
  #page[data-current-page="applications"] .table th,
  #page[data-current-page="backup"] .table th{
    padding:13px 14px!important;
    font-size:10.5px!important;
    line-height:1.3!important;
    letter-spacing:.065em!important;
    font-weight:850!important;
  }

  #page[data-current-page="resellers_all"] .table td,
  #page[data-current-page="subresellers"] .table td,
  #page[data-current-page="dns"] .table td,
  #page[data-current-page="activity"] .table td,
  #page[data-current-page="payments"] .table td,
  #page[data-current-page="applications"] .table td,
  #page[data-current-page="backup"] .table td{
    padding:15px 14px!important;
    font-size:13px!important;
    line-height:1.45!important;
  }

  #page[data-current-page="resellers_all"] .table td b,
  #page[data-current-page="subresellers"] .table td b,
  #page[data-current-page="dns"] .table td b,
  #page[data-current-page="activity"] .table td b,
  #page[data-current-page="payments"] .table td b,
  #page[data-current-page="applications"] .table td b,
  #page[data-current-page="backup"] .table td b{
    font-size:13px!important;
    line-height:1.35!important;
  }

  #page[data-current-page="resellers_all"] .table td small,
  #page[data-current-page="subresellers"] .table td small,
  #page[data-current-page="dns"] .table td small,
  #page[data-current-page="activity"] .table td small,
  #page[data-current-page="payments"] .table td small,
  #page[data-current-page="applications"] .table td small,
  #page[data-current-page="backup"] .table td small{
    font-size:10.5px!important;
    line-height:1.35!important;
  }
}

/* Cards de conteúdo dos aplicativos e backup também ganham leitura. */
#page[data-current-page="applications"] .app-platform-row{
  min-height:44px;
  font-size:12px;
}
#page[data-current-page="applications"] .app-platform-row span,
#page[data-current-page="applications"] .app-platform-row b,
#page[data-current-page="applications"] .app-platform-row small{
  font-size:11px!important;
}
#page[data-current-page="backup"] .backup-policy{
  padding:14px 16px!important;
}
#page[data-current-page="backup"] .backup-policy b{font-size:13px!important;}
#page[data-current-page="backup"] .backup-policy small{font-size:10.5px!important;line-height:1.45!important;}

/* Mobile/tablet mantém responsividade e não força altura excessiva. */
@media (max-width:760px){
  #page[data-current-page="resellers_all"] .reseller-clean-summary>div,
  #page[data-current-page="subresellers"] .reseller-pro-cards .card,
  #page[data-current-page="dns"] .dns-summary-cards .card,
  #page[data-current-page="activity"] .activity-summary-cards .card,
  #page[data-current-page="payments"] .management-cards .card,
  #page[data-current-page="applications"] .apps-summary-strip>div,
  #page[data-current-page="backup"] .backup-cards .card{
    min-height:66px!important;
    padding:12px 13px!important;
  }
  #page[data-current-page="resellers_all"] .reseller-clean-summary b,
  #page[data-current-page="subresellers"] .stat-number,
  #page[data-current-page="dns"] .stat-number,
  #page[data-current-page="activity"] .stat-number,
  #page[data-current-page="payments"] .stat-number,
  #page[data-current-page="payments"] .stat-money,
  #page[data-current-page="applications"] .apps-summary-strip b,
  #page[data-current-page="backup"] .stat-number{
    font-size:23px!important;
  }
}
/* Mantém a leitura do texto do menu ampliada; a economia vertical vem dos ícones/espaçamentos. */
@media (min-width:761px){
  .sidebar.admin-nav-compact.sidebar-v970 .nav-item,
  .sidebar-v970 .nav-item{font-size:15px!important;}
  .sidebar-v970 .brand-copy b{font-size:15px!important;}
}
@media (min-width:761px) and (max-height:720px){
  .sidebar.admin-nav-compact.sidebar-v970 .nav-item,
  .sidebar-v970 .nav-item{font-size:14px!important;}
}


/* 2026-10-05 — Remote Core + STORE SAFE Geral/DNS, preservando UI FINAL 2026-10-03 */
/* PlayServs Remote Core */
.remote-summary{margin-bottom:18px}.remote-platform-panel{margin-bottom:18px}.remote-platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px}.remote-platform-card{border:1px solid var(--line,#dce2ea);background:var(--panel,#fff);border-radius:16px;padding:18px;display:flex;align-items:center;gap:13px;text-align:left;color:inherit;cursor:pointer}.remote-platform-card:hover{transform:translateY(-1px);border-color:var(--accent,#545454)}.remote-platform-card .remote-platform-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(124,58,237,.10)}.remote-platform-card .remote-platform-icon .ico{width:22px;height:22px}.remote-platform-card div{display:flex;flex-direction:column;gap:3px;flex:1}.remote-platform-card small{opacity:.66}.remote-platform-card em{font-style:normal;font-size:11px;font-weight:800;padding:6px 8px;border-radius:999px}.remote-platform-card em.ok{background:rgba(16,185,129,.13);color:#059669}.remote-platform-card em.off{background:rgba(107,114,128,.12);color:#727272}.remote-two-col{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:18px;margin-bottom:18px}.remote-actions{display:flex;gap:6px;flex-wrap:wrap}.remote-table td small.block{display:block;max-width:300px;opacity:.6;margin-top:3px}.remote-command-body{padding:18px}.remote-command-history{margin-top:20px;display:grid;gap:8px}.remote-command-history>div{display:grid;grid-template-columns:1.2fr 1fr auto;gap:8px;padding:9px 0;border-bottom:1px solid var(--line,#e5e7eb);font-size:12px}.remote-command-history em{font-style:normal;text-transform:uppercase;font-weight:800;opacity:.7}.remote-audit-list{padding:8px 18px 18px;display:grid}.remote-audit-list>div{display:grid;grid-template-columns:170px minmax(0,1fr) 180px;gap:12px;padding:10px 0;border-bottom:1px solid var(--line,#e5e7eb);align-items:center}.remote-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.remote-form-grid .full{grid-column:1/-1}.remote-json{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.45;min-height:280px}@media(max-width:900px){.remote-platform-grid{grid-template-columns:1fr 1fr}.remote-two-col{grid-template-columns:1fr}.remote-audit-list>div{grid-template-columns:1fr;gap:3px}.remote-form-grid{grid-template-columns:1fr}.remote-form-grid .full{grid-column:auto}}@media(max-width:560px){.remote-platform-grid{grid-template-columns:1fr}.remote-platform-card{padding:14px}.remote-table .remote-actions{min-width:190px}.remote-head .actions{width:100%;display:flex}.remote-head .actions .btn{flex:1}}

/* Editor Visual Remote — Samsung/LG/Roku */
.remote-visual-panel{margin-top:18px}.remote-visual-toolbar{display:flex;align-items:end;gap:16px;padding:16px 18px 0}.remote-visual-toolbar .field{min-width:220px;margin:0}.remote-visual-current{display:flex;flex-direction:column;padding:0 0 9px}.remote-visual-current small{opacity:.65;margin-top:3px}.remote-visual-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:22px;padding:18px}.remote-visual-controls{display:grid;gap:14px}.remote-visual-color,.remote-visual-screen{border:1px solid var(--line,#373737);border-radius:14px;padding:14px;background:rgba(255,255,255,.02)}.remote-color-options{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.remote-color-btn{border:1px solid var(--line,#373737);background:transparent;border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:8px;cursor:pointer}.remote-color-btn.selected{box-shadow:0 0 0 2px rgba(255,255,255,.15);border-color:#545454}.remote-color-btn i{width:16px;height:16px;border-radius:50%;display:block}.remote-color-btn i.purple{background:#545454}.remote-color-btn i.blue{background:#797979}.remote-color-btn i.green{background:#2fcf70}.remote-color-btn i.red{background:#e60000}.remote-visual-screen-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.remote-visual-screen-head small{opacity:.65}.remote-visual-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.remote-visual-fields .field{margin:0}.remote-visual-actions{display:flex;justify-content:flex-end;gap:10px}.remote-visual-note{opacity:.68;line-height:1.45}.remote-visual-preview-wrap{display:flex;flex-direction:column;gap:12px}.remote-visual-preview-title{display:flex;justify-content:space-between}.remote-tv{border:8px solid #1b1b1b;border-radius:16px;background:#090909;padding:8px;box-shadow:0 18px 36px rgba(0,0,0,.25)}.remote-tv-screen{--rvx:0px;--rvy:0px;--rvs:1;aspect-ratio:16/9;background:#080808;border-radius:7px;overflow:hidden;padding:10px;transform:translate(var(--rvx),var(--rvy)) scale(var(--rvs));transform-origin:center center;transition:.15s}.rv-top{height:12%;border-radius:5px;background:#151515;margin-bottom:7px}.rv-body{height:82%;display:grid;grid-template-columns:22% 1fr 28%;gap:7px}.rv-side,.rv-detail{border-radius:5px;background:#131313}.rv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.rv-grid i{border-radius:5px;background:#1a1a1a;border:1px solid #343434}.remote-tv-screen[data-accent="purple"] .rv-grid i:first-child{border-color:#545454;box-shadow:inset 0 0 0 2px #545454}.remote-tv-screen[data-accent="blue"] .rv-grid i:first-child{border-color:#797979;box-shadow:inset 0 0 0 2px #797979}.remote-tv-screen[data-accent="green"] .rv-grid i:first-child{border-color:#2fcf70;box-shadow:inset 0 0 0 2px #2fcf70}.remote-tv-screen[data-accent="red"] .rv-grid i:first-child{border-color:#e60000;box-shadow:inset 0 0 0 2px #e60000}@media(max-width:900px){.remote-visual-layout{grid-template-columns:1fr}.remote-visual-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.remote-visual-toolbar{align-items:stretch;flex-direction:column}.remote-visual-current{padding:0}}

/* Remote Visual Editor STORE SAFE */
.remote-visual-enable{display:flex;align-items:center;gap:9px;padding:0 0 9px;font-weight:800}.remote-visual-enable input{width:18px;height:18px}
.remote-visual-advanced{padding:18px;display:grid;gap:14px}.rv-add-box{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.4fr) auto minmax(220px,1fr) auto;gap:10px;align-items:end;border:1px solid var(--line,#373737);border-radius:14px;padding:14px;background:rgba(255,255,255,.02)}.rv-add-box .field{margin:0}.rv-custom-field{min-width:0}.rv-help{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:rgba(122,67,210,.08);border:1px solid rgba(143,50,255,.22)}.rv-help b{white-space:nowrap}.rv-help span{opacity:.76;line-height:1.45}.rv-table-wrap{border:1px solid var(--line,#373737);border-radius:14px;max-height:560px}.rv-advanced-table{min-width:1280px}.rv-advanced-table th{position:sticky;top:0;z-index:2;background:var(--panel,#191919)}.rv-advanced-table td{vertical-align:middle}.rv-advanced-table input[type="number"],.rv-advanced-table input[type="text"],.rv-advanced-table input:not([type]){width:86px;min-width:72px;padding:8px 9px}.rv-advanced-table .rv-color,.rv-advanced-table .rv-bg,.rv-advanced-table .rv-border{width:104px}.rv-visible{display:flex;align-items:center;gap:6px;white-space:nowrap}.rv-visible input{width:16px;height:16px}.rv-advanced-table .cell-main{min-width:230px}.rv-advanced-table .cell-main small{display:block;margin-top:4px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-visual-actions{align-items:center}.remote-visual-actions>span{margin-right:auto;opacity:.72;font-size:13px}
@media(max-width:1100px){.rv-add-box{grid-template-columns:1fr 1fr}.rv-add-box .btn{width:100%}.rv-custom-field{grid-column:1/2}.remote-visual-toolbar{align-items:stretch}}
@media(max-width:700px){.rv-add-box{grid-template-columns:1fr}.rv-custom-field{grid-column:auto}.remote-visual-advanced{padding:12px}.rv-help{flex-direction:column}.remote-visual-actions{flex-wrap:wrap}.remote-visual-actions>span{width:100%;margin:0 0 4px}.rv-table-wrap{max-height:470px}}


/* 2026-10-05 — Central dos Aplicativos simplificada por abas */
.remote-summary-clean .card{min-height:112px}.remote-tabs{display:flex;gap:8px;margin:0 0 16px;padding:6px;border:1px solid var(--line,#dce2ea);background:var(--panel,#fff);border-radius:15px;overflow-x:auto}.remote-tab{border:0;background:transparent;color:inherit;border-radius:11px;padding:11px 16px;font-weight:800;cursor:pointer;white-space:nowrap;opacity:.72}.remote-tab:hover{opacity:1;background:rgba(59,130,246,.07)}.remote-tab.active{opacity:1;background:var(--accent,#606060);color:#fff;box-shadow:0 8px 22px rgba(37,99,235,.18)}.remote-tab span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.22);font-size:11px}.remote-tab-content{min-width:0}.remote-platform-card.selected{border-color:var(--accent,#606060);box-shadow:0 0 0 2px rgba(37,99,235,.09) inset}.remote-platform-card.selected .remote-platform-icon{background:rgba(37,99,235,.16)}.remote-simple-panel,.remote-advanced-panel{margin-bottom:18px}.remote-control-clean{padding:18px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:18px}.remote-control-form{display:grid;grid-template-columns:1.2fr 1fr auto;gap:12px;align-items:end}.remote-send-command{min-height:42px}.remote-control-note{border:1px solid var(--line,#dce2ea);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px;background:rgba(59,130,246,.04)}.remote-control-note b{font-size:14px}.remote-control-note span,.remote-control-note small{opacity:.72;line-height:1.45}.remote-test-details{border-top:1px solid var(--line,#dce2ea);margin-top:4px}.remote-test-details summary{cursor:pointer;padding:15px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;align-items:center;font-weight:800;list-style:none}.remote-test-details summary::-webkit-details-marker{display:none}.remote-test-details summary:before{content:'▸';margin-right:8px}.remote-test-details[open] summary:before{content:'▾'}.remote-test-details summary span{grid-column:1}.remote-test-details summary b{grid-column:2;grid-row:1/3;display:grid;place-items:center;min-width:30px;height:30px;border-radius:999px;background:rgba(107,114,128,.12)}.remote-test-details summary small{grid-column:1;opacity:.6;font-weight:500}.remote-history-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:18px}.remote-history-table td{vertical-align:middle}.remote-history-grid .remote-audit-list{padding-top:4px}.remote-visual-panel{margin-bottom:0}.remote-tab-content>.panel:first-child{margin-top:0}
@media(max-width:1000px){.remote-control-clean,.remote-history-grid{grid-template-columns:1fr}.remote-control-form{grid-template-columns:1fr 1fr}.remote-send-command{grid-column:1/-1}.remote-summary-clean{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.remote-tabs{position:sticky;top:0;z-index:4;border-radius:12px}.remote-tab{padding:10px 12px}.remote-control-form{grid-template-columns:1fr}.remote-send-command{grid-column:auto}.remote-summary-clean{grid-template-columns:1fr}.remote-test-details summary{grid-template-columns:1fr auto}}


/* ===== Dispositivos: cards selecionáveis + filtros também em Arquivados (07/10/2026) ===== */
.device-summary-clean{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.device-summary-clean>.device-summary-card{
  appearance:none;
  width:100%;
  min-height:72px;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.005));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:5px;
  color:var(--text);
  text-align:left;
  cursor:pointer;
  transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease;
}
.device-summary-clean>.device-summary-card:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--accent) 42%,var(--line));
}
.device-summary-clean>.device-summary-card.active{
  border-color:var(--accent-border)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.04);
}
.device-summary-clean>.device-summary-card span{
  font-size:10px;
  letter-spacing:.08em;
  font-weight:800;
  color:#a9a9a9;
  text-transform:uppercase;
}
.device-summary-clean>.device-summary-card b{
  font-size:31px;
  line-height:1;
  margin-top:4px;
  font-weight:850;
}
.device-summary-clean>.device-summary-card:first-child{
  border-color:rgba(54,119,255,.28);
  background:linear-gradient(180deg,rgba(54,119,255,.11),rgba(54,119,255,.03));
}
.device-summary-clean>.device-summary-card:first-child b{color:#dfeaff;}
.device-summary-clean>.device-summary-card.online{
  border-color:rgba(36,201,123,.28);
  background:linear-gradient(180deg,rgba(36,201,123,.12),rgba(36,201,123,.03));
}
.device-summary-clean>.device-summary-card.online b{color:#d8ffe9;}
.device-summary-clean>.device-summary-card.warn{
  border-color:rgba(245,179,34,.28);
  background:linear-gradient(180deg,rgba(245,179,34,.12),rgba(245,179,34,.03));
}
.device-summary-clean>.device-summary-card.warn b{color:#fff1cb;}
.device-summary-clean>.device-summary-card.pending{
  border-color:rgba(245,179,34,.22);
  background:linear-gradient(180deg,rgba(245,179,34,.08),rgba(245,179,34,.02));
}
.device-summary-clean>.device-summary-card.pending b{color:#fff1cb;}
.device-summary-clean>.device-summary-card.bad{
  border-color:rgba(255,92,92,.28);
  background:linear-gradient(180deg,rgba(255,92,92,.12),rgba(255,92,92,.03));
}
.device-summary-clean>.device-summary-card.bad b{color:#ffdcdc;}
.device-summary-clean>.device-summary-card.active span{color:var(--text-strong);}
@media(max-width:1280px){.device-summary-clean{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media(max-width:760px){.device-summary-clean{grid-template-columns:repeat(2,minmax(0,1fr))!important;}.device-summary-clean>.device-summary-card{min-height:66px;padding:12px 13px}.device-summary-clean>.device-summary-card b{font-size:24px;}}

.refresh-notice{font-size:12px;margin:0 0 12px;color:var(--muted,#727272);line-height:1.5}.refresh-notice.has-error{padding:12px;border:1px solid #eab308;border-radius:12px;background:#eab30818;color:inherit}