/* Light management theme. Scoped to the admin console. */
.admin-pro{background:#f0f2f5;color:#344054;font-family:'DM Sans',Arial,sans-serif;font-size:14px}
.admin-pro .admin-sidebar{background:#fff;border-right:1px solid #e6e9ee;box-shadow:2px 0 12px #23304a05;top:58px;height:calc(100vh - 58px);width:226px;z-index:25}
.admin-pro .console-brand{position:fixed;top:0;left:0;width:226px;height:58px;min-height:58px;background:#518ed0;color:white;border:0;padding:0 16px;gap:7px;z-index:31;font-size:16px;font-weight:800;letter-spacing:-.6px}
.admin-pro .console-mark{background:transparent;color:#ffba8b;border:2px solid #ffba8b;border-radius:50%;width:28px;height:28px;font-size:18px}.admin-pro .brand-ui{color:#ffd0ad}.admin-pro .close-sidebar{top:9px;background:#f1f4f8;color:#7e8ca2;width:25px;height:25px;font-size:18px}
.admin-pro .sidebar-search{margin:44px 13px 12px;background:#f7f9fc;border:1px solid #e8edf3;color:#8d9bb0;border-radius:6px}.admin-pro .sidebar-search input{color:#52647d;font-size:12px}.admin-pro .sidebar-search kbd{border-color:#e0e6ee;color:#97a4b6}
.admin-pro nav{padding:0 10px;background:transparent;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d9e1ec transparent}.admin-pro nav button{font-size:13px;color:#465263;padding:12px 10px;gap:10px;border-radius:5px;min-height:41px}.admin-pro nav button>span:first-child{color:#568fd0;font-size:18px}.admin-pro nav button:nth-of-type(3n)>span:first-child{color:#65b38c}.admin-pro nav button:nth-of-type(4n)>span:first-child{color:#eaa850}.admin-pro nav button:hover{background:#f2f6fb;color:#3778b9}.admin-pro nav button.active{background:#edf4ff;color:#397ec5;box-shadow:inset 3px 0 #568fd0}.admin-pro nav button.active>span:first-child{color:#397ec5}.admin-pro .nav-label{font-size:10px;font-weight:500;letter-spacing:1px;color:#a1a8b1;padding:19px 10px 8px;margin:0}.admin-pro .nav-submenu{border-color:#e6edf4}.admin-pro nav .nav-submenu button{font-size:12px}.admin-pro .sidebar-bottom{border-color:#ecf0f4;color:#64748b;font-size:12px;padding:15px 5px}.admin-pro .sidebar-bottom>div>span{font-size:10px;color:#94a3b8}
.admin-pro .brandbar{margin-left:226px;height:58px;min-height:58px;background:#518ed0;border:0;color:white;padding:0 24px;z-index:24;box-shadow:0 2px 7px #34476717}.admin-pro #toggle-sidebar{background:#ffffff15;color:#fff;padding:7px 10px}.admin-pro .header-breadcrumb{color:#d5e7f9;font-size:12px}.admin-pro .header-breadcrumb strong{color:white}.admin-pro .header-breadcrumb>span{color:#ffffff70}.admin-pro .header-right{color:#edf6ff;font-size:12px}.admin-pro .header-right a,.admin-pro .logout{background:#ffffff14;color:#fff;border:1px solid #ffffff30;font-size:11px;border-radius:5px}.admin-pro .console-status{font-size:11px}.admin-pro main{margin-left:226px;padding:24px;max-width:none}.admin-pro .page-heading{margin-bottom:20px;gap:12px}.admin-pro .eyebrow{font-size:10px;letter-spacing:1.4px;color:#91a0b6}.admin-pro h1{color:#344054;font-size:25px;font-weight:600}.admin-pro h2{color:#344054;font-size:17px}.admin-pro .muted{color:#8c97a7;font-size:12px}.admin-pro .primary{background:#5688d9;border:1px solid #5688d9;color:white;box-shadow:0 3px 7px #5688d91c;font-size:12px;padding:9px 13px}.admin-pro .primary:hover{background:#4377ca}.admin-pro .secondary,.admin-pro .dialog-actions button:not(.primary){background:#fff;color:#65758e;border:1px solid #dfe5ee;font-size:12px;padding:9px 13px}.admin-pro .secondary:hover{background:#edf4ff}
.admin-pro .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:27px}.admin-pro .stat{position:relative;background:white;border:1px solid #edf0f4;border-radius:14px;box-shadow:0 4px 15px #283a5210;padding:18px 16px 23px;display:flex;gap:10px;min-height:112px;overflow:hidden}.admin-pro .stat-icon{background:var(--accent);color:white;border-radius:10px;font-size:22px;width:36px;height:36px;padding:0;display:grid;place-items:center;flex-shrink:0;box-shadow:0 4px 10px color-mix(in srgb,var(--accent) 25%,transparent)}.admin-pro .stat>div:last-of-type:not(.stat-underline){text-align:left}.admin-pro .stat>div:nth-child(2){flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;gap:6px;align-items:start;text-align:left}.admin-pro .stat p{font-size:9px;color:#66758a;margin:9px 0 0;letter-spacing:.4px;line-height:1.5}.admin-pro .stat strong{font-size:25px;font-weight:600;color:#263346;line-height:1.4}.admin-pro .stat small{grid-column:1/-1;font-size:10px;color:#96a0ae;margin-top:9px;display:block}.admin-pro .stat-underline{position:absolute;bottom:13px;left:16px;right:16px;height:4px;border-radius:4px;background:#f0f1f6}.admin-pro .stat-underline:before{content:'';display:block;width:28px;height:4px;border-radius:4px;background:var(--accent);opacity:.65}
.admin-pro .tabs{border-color:#e0e6ed;gap:8px;margin-bottom:20px}.admin-pro .tabs button{font-size:12px;color:#8190a4;padding:11px 15px}.admin-pro .tabs button.selected{color:#5084cb;background:#fff;box-shadow:inset 0 -2px #5688d9}.admin-pro .count{color:#7e8ca1;background:#e7ecf3;font-size:11px}.admin-pro .section-heading{margin-top:23px}.admin-pro .server-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}.admin-pro .server{background:#fff;border:1px solid #dfe4eb;border-radius:7px;box-shadow:0 2px 7px #283a5209}.admin-pro .server-title{background:#fff;color:#354052;border:0;padding:17px 17px 10px;font-size:21px;font-weight:500}.admin-pro .server-title small{font-size:10px;color:#9aa3b0;margin-top:5px}.admin-pro .server-title>span:last-child{color:#a5afbf;font-size:16px}.admin-pro .metrics{padding:9px 12px;gap:0;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff}.admin-pro .metrics>div{background:#f5f6fa;padding:13px 9px;text-align:left;border-bottom:6px solid white}.admin-pro .metrics span{color:#98a2b1;font-size:9px}.admin-pro .metrics strong{color:#4b5b71;font-size:12px;overflow-wrap:anywhere;margin-top:8px}.admin-pro .gauges{margin:0 12px 12px;border:1px solid #eef0f6;border-radius:10px;background:#f8f9fc;padding:14px 10px;gap:16px;font-size:10px;color:#8c97a8}.admin-pro .gauge{width:59px;height:59px;padding:4px;background:conic-gradient(#68bd81 var(--usage),#e9edf3 0);margin:8px auto 0}.admin-pro .gauge b{color:#526178;background:#f8f9fc;font-size:12px}.admin-pro .gauge small{font-size:9px}.admin-pro .server-footer{border-color:#edf0f5;font-size:10px;color:#98a3b4;padding:12px 15px}.admin-pro .server-footer span:first-child{color:#61a27d}.server-trend{height:85px;padding:0 14px;overflow:hidden}.server-trend>span{font-size:8px;color:#98a4b6;letter-spacing:.6px}.server-trend svg{display:block;width:100%;height:68px}.empty-trend{display:flex;align-items:center;justify-content:center;background:linear-gradient(#fff,#f6f8fc);color:#99a5b8;font-size:11px}
.admin-pro .management-card{border-color:#e1e7ef;background:white;box-shadow:0 4px 18px #33415508;border-radius:11px}.admin-pro .managed-label{color:#a0adbd;font-size:10px}.admin-pro .record-search{background:#f8fafc;border-color:#e1e7ef}.admin-pro .record-search input{color:#485b75;font-size:13px}.admin-pro input,.admin-pro select,.admin-pro textarea{background:#fff;border-color:#dce3ed;color:#485b75;font-size:13px}.admin-pro input::placeholder{color:#a2adbe}.admin-pro select{font-size:12px}.admin-pro .stream-view-tabs{border-color:#e8edf3}.admin-pro .stream-view-tabs button{font-size:12px;color:#95a0af}.admin-pro .stream-view-tabs button.selected{color:#4e85d0;border-color:#5688d9}.admin-pro .table-wrap{border-color:#e6ebf1;background:#fff}.admin-pro th{background:#f6f8fc;color:#8190a4;border-color:#e5ebf2;font-size:11px;padding:13px}.admin-pro td{color:#60718a;border-color:#eef1f5;font-size:12px;padding:13px}.admin-pro tbody tr:hover{background:#f8fbff}.admin-pro tr.row-selected{background:#edf5ff}.admin-pro .stream-identity strong{font-size:13px;color:#3c4e68}.admin-pro .stream-identity small,.admin-pro .empty small{font-size:10px;color:#9ba8b9}.admin-pro .stream-mini-icon{color:#729bd5;border-color:#dbe7fa;background:#eff5fe}.admin-pro .service-tag{font-size:10px;background:#edf4ff;border-color:#d8e6fb;color:#6892ce}.admin-pro .source-status{font-size:10px;background:#f0faf3;border-color:#d6eddd;color:#63a678}.admin-pro .source-status.missing{background:#fff6e9;color:#c69b54;border-color:#efdfc5}.admin-pro .stream-actions button{color:#7e9cc4;background:#f5f8fd;border-color:#e1e9f5;width:34px;height:34px}.admin-pro .stream-actions button:hover{background:#e4efff;border-color:#b1ccef;color:#4477b5}.admin-pro .stream-actions button.remove-action{color:#d68b96}.admin-pro .empty{color:#9aa8b8}.admin-pro .table-footer{font-size:11px;color:#9da9b9}.admin-pro .library-summary article{background:white;border-color:#e6ebf3;box-shadow:0 3px 12px #34405408}.admin-pro .summary-icon{background:#edf4ff;color:#688ed2}.admin-pro .library-summary strong{color:#3e5069}.admin-pro .library-summary article>div>span{color:#98a4b6;font-size:10px}.admin-pro .library-summary article>small{color:#bdc7d4;font-size:9px}.admin-pro footer{border-color:#e1e6ee;color:#a0adbd;font-size:10px}.admin-pro .footer-divider{color:#bcc6d4}.admin-pro dialog{background:white;color:#536580;border-color:#d9e2ef;box-shadow:0 25px 100px #27374d30}.admin-pro dialog h2{color:#35465e}.admin-pro label{color:#788aa3;font-size:12px}.admin-pro label input,.admin-pro label select{font-size:13px}.admin-pro .stream-picker{border-color:#e1e7ef}.admin-pro .stream-selection-toolbar{background:#f5f8fc;border-color:#e5ebf3}.admin-pro #toast.visible{background:#fff;color:#4d6c96;border:1px solid #d6e3f5;box-shadow:0 5px 25px #33415515}.admin-pro button:focus-visible,.admin-pro a:focus-visible{outline:2px solid #5688d9}
@media(min-width:1600px){.admin-pro main{padding:28px}.admin-pro .brandbar{padding:0 28px}}
@media(max-width:1250px){.admin-pro .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-pro .stat{min-height:108px}}
@media(max-width:1000px){.admin-pro .brandbar,.admin-pro main{margin-left:0}.admin-pro .brandbar{padding-left:16px}.admin-pro .console-brand{position:static;width:auto;background:#fff;color:#518ed0}.admin-pro .brand-ui{color:#ee9e73}.admin-pro .admin-sidebar{top:58px;height:calc(100vh - 58px)}.admin-pro .sidebar-search{margin-top:12px}.admin-pro .close-sidebar{top:12px}.admin-pro .console-brand{padding-right:42px}.admin-pro main{padding:20px}.admin-pro .header-breadcrumb{display:flex}.admin-pro .console-status{display:none}}
@media(max-width:600px){.admin-pro .stats{gap:10px}.admin-pro .stat{padding:13px 10px 22px;gap:7px}.admin-pro .stat-icon{width:27px;height:27px;font-size:16px;border-radius:7px}.admin-pro .stat>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.admin-pro .stat p{font-size:8px;margin:2px 0}.admin-pro .stat strong{font-size:23px}.admin-pro .stat small{font-size:9px;margin-top:0}.admin-pro .stat-underline{left:10px;right:10px}.admin-pro .header-breadcrumb{display:none}.admin-pro .brandbar{flex-wrap:nowrap}.admin-pro main{padding:16px 12px}.admin-pro .header-right{margin-left:auto}.admin-pro .server-grid{grid-template-columns:1fr}.admin-pro .page-heading{align-items:flex-start}}

/* Bigger text in the admin and reseller panels (the whole panel is scaled, so spacing stays in proportion). */
@media (min-width:900px){body.admin{zoom:1.25}}
.admin-pro td .customer-actions{white-space:normal;flex-wrap:wrap;max-width:300px}
.admin-pro td .customer-actions button{white-space:nowrap}
