*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Arial;background:#0d0f16;color:#eef1f7}a{color:#9bb5ff}button,input,select,textarea{font:inherit}.shell{max-width:1200px;margin:auto;padding:24px}.top,.row,.actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.top h1{margin:0}.top p{margin:4px 0;color:#9ca5b6}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.tabs button,.actions button,button{border:0;border-radius:9px;padding:9px 13px;background:#5d7cff;color:white;cursor:pointer}.tabs button.on{background:#fff;color:#111}.secondary{background:#2b3040!important}.danger{background:#a53c4b!important}.tab{display:none}.tab.on{display:block}.grid2{display:grid;grid-template-columns:1fr 1.4fr;gap:16px}.card{background:#171a24;border:1px solid #292e3d;border-radius:14px;padding:18px;box-shadow:0 8px 30px #0004}.card.narrow{max-width:650px}.card h2{margin-top:0}label{display:block;color:#b8c0d2;font-size:13px;margin:10px 0}input,select,textarea{width:100%;margin-top:5px;background:#0f1119;border:1px solid #343a4d;border-radius:8px;padding:10px;color:#fff}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}.item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #2b3040}.item small{display:block;color:#9ca5b6;margin-top:4px}.item .actions{justify-content:flex-end;flex-wrap:wrap}.item .actions button{padding:6px 9px;font-size:12px}pre,code{background:#0b0d13;border-radius:8px;padding:10px;overflow:auto}.hint{color:#9ca5b6;font-size:12px}#toast{position:fixed;right:20px;bottom:20px;background:#1e8d5b;padding:12px 16px;border-radius:8px;opacity:0;transform:translateY(15px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}#toast.err{background:#b44250}@media(max-width:800px){.grid2{grid-template-columns:1fr}.item,.top{align-items:flex-start;flex-direction:column}.item .actions{justify-content:flex-start}}

fieldset{border:1px solid #d9d9df;border-radius:10px;padding:12px}fieldset legend{font-weight:700}.featurePicker{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:10px}.featureCheck{display:flex!important;align-items:center;gap:8px;padding:8px;border:1px solid #e4e4e8;border-radius:8px}.featureCheck input{width:auto!important}.miniGem{width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-right:5px}

.accessStatusBox{margin:14px 0;padding:12px;border:1px solid #343a4d;border-radius:10px;background:#10131c}.accessStatusBox>b{display:block;margin-bottom:4px}.accessStatusBox>small{display:block;color:#9ca5b6;margin-bottom:10px}.quickAccess{display:flex;flex-wrap:wrap;gap:7px}.quickAccess button{padding:7px 10px;font-size:12px}.customAccess{margin-top:10px;align-items:flex-end}.customAccess label{flex:1;margin:0}.accessHistory{margin-top:12px;border-top:1px solid #2b3040;padding-top:10px;max-height:230px;overflow:auto}.historyRow{padding:7px 0;border-bottom:1px solid #252a38}.historyRow span,.historyRow small{display:block;color:#9ca5b6;font-size:11px}.historyRow strong{display:block;font-size:12px;margin:2px 0}
.accountBox{margin-top:12px;padding:10px;border:1px solid #343a4d;border-radius:8px;background:#10131c}.accountBox small{display:block;color:#9ca5b6;margin-top:4px}
.clientHistoryCard{margin-top:16px}.historyStats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}.historyStats span{background:#10131c;border:1px solid #343a4d;border-radius:8px;padding:10px}.historyStats b{display:block;font-size:18px}.historyStats small{display:block;color:#9ca5b6;margin-top:3px}.historyGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.historyGrid h3{margin:0 0 8px}.historyTable{max-height:340px;overflow:auto;border:1px solid #2b3040;border-radius:8px}.historyTable>div{padding:10px;border-bottom:1px solid #2b3040}.historyTable>div:last-child{border-bottom:0}.historyTable b,.historyTable span,.historyTable small{display:block}.historyTable small{color:#9ca5b6;margin-top:4px}
.historyBuyer{display:block;width:100%;padding:0;margin:0 0 4px;background:transparent;color:#eef1f7;text-align:left;font-weight:800}.historyBuyer:hover{text-decoration:underline}.buyerPurchases{margin-top:8px;padding:8px;border:1px solid #343a4d;border-radius:8px;background:#10131c}.buyerPurchases p{margin:0;padding:7px 0;border-bottom:1px solid #252a38}.buyerPurchases p:last-child{border-bottom:0}.monthlyControls{margin:0 0 14px}.monthlyControls label{max-width:240px}

/* Fonte maior para facilitar leitura no painel e telas publicas */
body{font-size:16px}button,input,select,textarea{font-size:16px}label{font-size:15px}.item small,.hint{font-size:14px}.item .actions button,.quickAccess button{font-size:14px}.historyRow span,.historyRow small{font-size:13px}.historyRow strong{font-size:14px}.top p{font-size:16px}
.clientNameRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.presenceBadge{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.presenceBadge.online{color:#86efac;background:#14532d55;border-color:#22c55e66}.presenceBadge.offline{color:#cbd5e1;background:#33415555;border-color:#64748b66}.licenseValidity{display:flex;flex-direction:column;gap:3px;padding:10px 12px;margin:9px 0;border:1px solid;border-left-width:5px;border-radius:9px;font-size:13px}.licenseValidity span{font-size:12px}.licenseValidity.expired{background:#7f1d1d55;color:#fecaca;border-color:#ef4444}.licenseValidity.urgent{background:#7c2d1255;color:#fed7aa;border-color:#fb923c}.licenseValidity.soon{background:#713f1255;color:#fef08a;border-color:#eab308}.licenseValidity.valid{background:#14532d33;color:#bbf7d0;border-color:#22c55e88}.licenseValidity.unlimited{background:#1e3a5f55;color:#bfdbfe;border-color:#60a5fa88}.clientPresenceSummary{padding:12px;margin-bottom:6px;border-radius:10px;background:#10131c;border:1px solid #343a4d}.clientPresenceSummary b,.clientPresenceSummary small{display:block}.clientPresenceSummary small{color:#9ca5b6;margin-top:5px}
.adminSpectatorsSearch{display:flex;align-items:flex-end;gap:12px;margin-bottom:12px}.adminSpectatorsSearch label{flex:1;margin:0}.adminSpectatorsScroll{overflow:auto;margin:14px 0}.adminSpectatorsTable{width:100%;border-collapse:collapse;min-width:570px}.adminSpectatorsTable th,.adminSpectatorsTable td{text-align:center;padding:12px 8px;border-bottom:1px solid #343a4d}.adminSpectatorsTable th:first-child,.adminSpectatorsTable td:first-child{text-align:left}.adminSpectatorsTable button{margin:0}.adminSpectatorLive{padding:14px;border:1px solid #343a4d;border-radius:10px;margin:12px 0;background:#10131c}.adminSpectatorLive>*{display:block;margin:4px 0}.adminSpectatorLive small{color:#9ca5b6;overflow-wrap:anywhere}#adminSpectatorDetail{margin-top:18px}#spectators [hidden]{display:none!important}
#adminSpectatorDetail{width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;overflow-y:auto;border:1px solid #475569;border-radius:14px;color:#eef1f7;box-shadow:0 24px 80px #0009}#adminSpectatorDetail:not([open]){display:none!important}#adminSpectatorDetail::backdrop{background:#050914bb;backdrop-filter:blur(3px)}body:has(#adminSpectatorDetail[open]){overflow:hidden}
#noticeMessage{min-height:130px;resize:vertical;width:100%;padding:12px;border:1px solid #526174;border-radius:9px;font:inherit;background:#111925;color:#f5f7fa}
.noticeHistory{align-items:flex-start}
.noticeHistory p{white-space:pre-wrap;overflow-wrap:anywhere}
.adminSpectatorsSearch{flex-wrap:wrap}
.adminSpectatorsSearch label{flex:1 1 220px;min-width:0}
.adminSpectatorsSearch input{width:100%;box-sizing:border-box}
.adminLivesTable{min-width:1150px}
.adminLivesTable td small{display:block;margin-top:5px;max-width:260px;overflow-wrap:anywhere}
.clientFilters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:15px}
.clientFilters label{flex:1 1 150px;margin:0;min-width:0}
.clientFilters label:first-child{flex:2 1 240px}
.clientFilters input,.clientFilters select{box-sizing:border-box;width:100%}
.item small.clientConnectionInfo{display:flex;flex-wrap:wrap;gap:6px 18px;margin:8px 0;padding:8px 10px;border-left:3px solid #c69b3e;background:#d7ad4c14;border-radius:5px;line-height:1.5}
.clientConnectionInfo>span{white-space:nowrap}
#adminBackToTop{position:fixed;right:18px;bottom:18px;z-index:50;background:linear-gradient(135deg,#f8e5ac,#d5a63c);color:#30230b;box-shadow:0 3px 12px #0005;font-weight:bold}
#toast{bottom:70px}