/* Vazin Online UI 1.1.0 — installed and updated independently from the core. */
:root{--v-ui-bg:#f4f7fb;--v-ui-surface:#fff;--v-ui-surface-soft:#eef3f8;--v-ui-text:#12213a;--v-ui-muted:#64748b;--v-ui-border:#d9e3ef;--v-ui-primary:#246cf0;--v-ui-accent:#08a7ad;--v-ui-danger:#d9364c;--v-ui-success:#087f5b;--v-ui-shadow:0 16px 44px rgba(15,35,65,.08);color-scheme:light}
html[data-theme="vazin-midnight"]{--v-ui-bg:#07111f;--v-ui-surface:#0e1b2e;--v-ui-surface-soft:#14263e;--v-ui-text:#edf5ff;--v-ui-muted:#a9b9cc;--v-ui-border:#29415f;--v-ui-primary:#67aefc;--v-ui-accent:#4bd3c0;--v-ui-danger:#ff8292;--v-ui-success:#61ddb0;--v-ui-shadow:0 18px 48px rgba(0,0,0,.26);color-scheme:dark}
body{background:var(--v-ui-bg);color:var(--v-ui-text)}
.card,.panel,.glass-card,.workspace-main>.card,.workspace-main>.panel{border-color:var(--v-ui-border);box-shadow:var(--v-ui-shadow)}
.admin-header,.workspace-top{background:color-mix(in srgb,var(--v-ui-surface) 94%,transparent);border-color:var(--v-ui-border)}
.admin-nav,.admin-nav .nav-dropdown,.workspace-nav{background:var(--v-ui-surface);color:var(--v-ui-text)}
.admin-nav a,.admin-nav summary,.workspace-nav a{color:var(--v-ui-muted)}
.admin-nav a:hover,.admin-nav a.active,.workspace-nav a:hover,.workspace-nav a.active{color:var(--v-ui-primary);background:color-mix(in srgb,var(--v-ui-primary) 9%,var(--v-ui-surface))}
.brand{display:inline-flex;align-items:center;gap:.65rem;white-space:nowrap}.brand-mark{display:grid;place-items:center;inline-size:2.15rem;block-size:2.15rem;border-radius:.75rem;background:linear-gradient(145deg,var(--v-ui-primary),var(--v-ui-accent));color:#fff;font-weight:900;flex:none}
input,select,textarea{background:var(--v-ui-surface);color:var(--v-ui-text);border-color:var(--v-ui-border)}
.package-card,.package-card-body,.package-card-summary{background:var(--v-ui-surface)!important;color:var(--v-ui-text)!important;border-color:var(--v-ui-border)!important}
.package-card-head{background:var(--v-ui-surface-soft)!important}.package-meta,.muted,small{color:var(--v-ui-muted)}
.button,button{border-radius:.8rem}.button:not(.secondary),button:not(.secondary){background:var(--v-ui-primary)}
@media(max-width:980px){.admin-header .header-inner{align-items:center}.admin-nav{max-height:calc(100vh - 5rem);overflow:auto}.brand>span:last-child{display:inline!important}.workspace-shell{grid-template-columns:1fr}.workspace-nav{position:static;display:flex;overflow:auto}}

/* Optional WHMCS-familiar administration skin. Core routes and permissions do
   not live here, so this file can be replaced or rolled back independently. */
@media(min-width:1101px){.admin-header{position:fixed;inset:0 0 0 auto;width:260px;height:100vh;z-index:80;overflow:auto;border-left:1px solid var(--v-ui-border);box-shadow:-8px 0 28px rgba(24,48,82,.07)}.admin-header .header-inner{min-height:100%;display:flex;flex-direction:column;align-items:stretch;padding:20px 14px;gap:18px}.admin-header .menu-toggle{display:none}.admin-header .admin-nav,.admin-header .nav-main{display:flex!important;flex-direction:column;align-items:stretch;gap:6px}.admin-header .admin-nav{flex:1}.admin-header .nav-main>a,.admin-header .nav-group>summary{display:flex;align-items:center;min-height:42px;padding:10px 12px;border-radius:8px}.admin-header .nav-dropdown{position:static!important;display:grid!important;min-width:0!important;margin:4px 10px 8px;padding:5px!important;box-shadow:none!important;border:0!important;background:var(--v-ui-surface-soft)!important}.admin-header .header-account{order:5;padding:12px;background:var(--v-ui-surface-soft);border:1px solid var(--v-ui-border);border-radius:9px}.admin-header .logout-form{order:6}.admin-header+main{margin-right:260px;max-width:none!important;width:auto!important;min-height:100vh;padding:32px clamp(20px,3vw,48px)}body>footer{margin-right:260px}}
@media(max-width:1100px){.admin-header{position:sticky;top:0;width:100%;height:auto;overflow:visible}.admin-header .header-inner{min-height:0;padding:10px 16px;flex-direction:row}.admin-header .admin-nav{position:absolute;top:100%;right:12px;left:12px;max-height:75vh;overflow:auto;padding:14px;border:1px solid var(--v-ui-border);border-radius:12px;box-shadow:0 20px 45px rgba(20,45,80,.18)}.admin-header+main,body>footer{margin-right:0}}
