/* Cealius theme for the hosting panel (cPanel, Reseller, Dedicated, sign-in).
   Same design language as cealius.ba / cealius.com (liquid edition): neutral ink, hairlines, Inter + IBM Plex Mono,
   one champagne accent. Dark by default, light when the device prefers it; html[data-mode=light|dark] overrides.
   Loaded after style.css and neptun.css; every rule is scoped to html[data-theme="cealius"]. */

@font-face{font-family:Inter;font-style:normal;font-weight:200 700;font-display:swap;src:url(/assets/fonts/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:200 700;font-display:swap;src:url(/assets/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/plex-mono-400-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/plex-mono-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/plex-mono-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/plex-mono-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}

/* ---------- tokens ---------- */
html[data-theme="cealius"]{
  --c-bg:#050506;--c-bg-rgb:5,5,6;--c-fg:255,255,255;--c-side:#08090b;--c-panel:#0d0e11;--c-panel2:#121317;--c-field:#0a0b0d;
  --c-ink:#f3f4f6;--c-ink2:#a4a8b0;--c-ink3:#6f747e;--c-acc:#d6b98c;--c-acc2:#d6b98c;--c-btn:#fff;--c-btn-ink:#000;--c-err:#f0a896;--c-err-rgb:240,168,150;
  --c-logo:url(/assets/brand/cealius-logo-platinum-480.webp);--c-sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--c-mono:"IBM Plex Mono",ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace;
  --c-ease:cubic-bezier(.2,.7,.1,1);--c-r:.7rem;color-scheme:dark}
@media (prefers-color-scheme:light){html[data-theme="cealius"]:not([data-mode="dark"]){
  --c-bg:#f2f2ef;--c-bg-rgb:242,242,239;--c-fg:10,11,13;--c-side:#ebebe7;--c-panel:#fff;--c-panel2:#f7f7f4;--c-field:#fff;
  --c-ink:#0b0c0e;--c-ink2:#4b5059;--c-ink3:#80858e;--c-acc2:#9c7a45;--c-btn:#0b0c0e;--c-btn-ink:#fff;--c-err:#b3402b;--c-err-rgb:179,64,43;
  --c-logo:url(/assets/brand/cealius-logo-horizontal-ink.svg);color-scheme:light}}
html[data-theme="cealius"][data-mode="light"]{
  --c-bg:#f2f2ef;--c-bg-rgb:242,242,239;--c-fg:10,11,13;--c-side:#ebebe7;--c-panel:#fff;--c-panel2:#f7f7f4;--c-field:#fff;
  --c-ink:#0b0c0e;--c-ink2:#4b5059;--c-ink3:#80858e;--c-acc2:#9c7a45;--c-btn:#0b0c0e;--c-btn-ink:#fff;--c-err:#b3402b;--c-err-rgb:179,64,43;
  --c-logo:url(/assets/brand/cealius-logo-horizontal-ink.svg);color-scheme:light}
/* the base stylesheet's own variables, mapped so its rules follow the theme */
html[data-theme="cealius"]{--page:var(--c-bg);--surface:var(--c-panel);--surface2:var(--c-panel2);--line:rgba(var(--c-fg),.13);--line2:rgba(var(--c-fg),.08);
  --text:var(--c-ink);--muted:var(--c-ink3);--blue:var(--c-acc2);--orange:var(--c-acc);--green:var(--c-acc2);--red:var(--c-err);--amber:var(--c-acc);
  --shadow:none;--card:var(--c-panel);--accent:var(--c-acc);--panel:var(--c-panel);--panel-soft:var(--c-panel2);--ink:var(--c-ink);--navy:var(--c-side);--navy2:var(--c-side);--navy3:var(--c-panel2);
  font-family:var(--c-sans);color:var(--c-ink);background:var(--c-bg)}
html[data-theme="cealius"],html[data-theme="cealius"] body,html[data-theme="cealius"] #app{background:var(--c-bg);color:var(--c-ink)}
html[data-theme="cealius"] body{font-family:var(--c-sans);-webkit-font-smoothing:antialiased;transition:background .5s,color .5s}
html[data-theme="cealius"] [hidden]{display:none!important}
html[data-theme="cealius"] a{color:var(--c-acc2)}
html[data-theme="cealius"] ::selection{background:rgba(214,185,140,.35)}
html[data-theme="cealius"] .boot{color:var(--c-ink3);font-family:var(--c-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}

/* ---------- shell ---------- */
html[data-theme="cealius"] .shell{background:transparent;grid-template-columns:248px minmax(0,1fr)}
html[data-theme="cealius"] .sidebar{background:var(--c-side);color:var(--c-ink);border-right:1px solid rgba(var(--c-fg),.07);box-shadow:none}
html[data-theme="cealius"] .brand{margin:0;border-radius:0;padding:22px 18px 16px;background:none;border:0;border-bottom:1px solid rgba(var(--c-fg),.07);box-shadow:none;text-align:left}
html[data-theme="cealius"] .brand img[src$="/brand.svg"]{display:none}
html[data-theme="cealius"] .brand:has(img[src$="/brand.svg"])::before{content:"";display:block;height:28px;background:var(--c-logo) left center/contain no-repeat}
html[data-theme="cealius"] .brand img{filter:none}
html[data-theme="cealius"] .brand>span{color:var(--c-ink3);font-family:var(--c-mono);font-size:10px;font-weight:500;letter-spacing:.16em;margin:10px 0 0}
html[data-theme="cealius"] .role{margin:14px 14px 6px;padding:8px 10px;border:1px solid rgba(var(--c-fg),.1);border-radius:.5rem;background:rgba(var(--c-fg),.02);color:var(--c-ink2);font-family:var(--c-mono);font-size:11px;letter-spacing:.04em}
html[data-theme="cealius"] .nav{padding:4px 10px 16px;scrollbar-color:rgba(var(--c-fg),.15) transparent}
html[data-theme="cealius"] .nav-group{margin-top:18px}
html[data-theme="cealius"] .nav-title{display:flex;align-items:center;gap:8px;padding:0 8px 7px;color:var(--c-ink3);font-family:var(--c-mono);font-size:10px;font-weight:500;letter-spacing:.16em}
html[data-theme="cealius"] .nav-title::before{content:"";width:5px;height:5px;background:var(--c-acc2);flex:none}
html[data-theme="cealius"] .nav button{color:var(--c-ink2);border-radius:.45rem;padding:7px 9px;font-size:13.5px;letter-spacing:-.005em;background:transparent;box-shadow:none;transition:background .25s,color .25s}
html[data-theme="cealius"] .nav button:hover{background:rgba(var(--c-fg),.05);color:var(--c-ink)}
html[data-theme="cealius"] .nav button.active{background:rgba(var(--c-fg),.07);color:var(--c-ink);box-shadow:inset 2px 0 var(--c-acc)}
html[data-theme="cealius"] .nav button.active::after{display:none}
html[data-theme="cealius"] .nav-icon{color:var(--c-ink3)}
html[data-theme="cealius"] .nav button:hover .nav-icon{color:var(--c-ink2)}
html[data-theme="cealius"] .nav button.active .nav-icon{color:var(--c-acc2)}
html[data-theme="cealius"] .nav-icon .a,html[data-theme="cealius"] .tool-icon .a{stroke:var(--c-acc2)}
html[data-theme="cealius"] .sidebar-foot{background:none;border-top:1px solid rgba(var(--c-fg),.07);padding:12px 12px 14px}
html[data-theme="cealius"] .sidebar-foot button,html[data-theme="cealius"] .quick-link{background:transparent;border:1px solid rgba(var(--c-fg),.16);color:var(--c-ink2);border-radius:.45rem;font-family:var(--c-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:8px 6px;transition:border-color .25s,color .25s}
html[data-theme="cealius"] .sidebar-foot button:hover,html[data-theme="cealius"] .quick-link:hover{border-color:rgba(var(--c-fg),.4);color:var(--c-ink)}
html[data-theme="cealius"] .nav-scrim{background:rgba(0,0,0,.55)}

/* ---------- header ---------- */
html[data-theme="cealius"] .main{background:transparent}
html[data-theme="cealius"] .app-header{background:rgba(var(--c-bg-rgb),.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(var(--c-fg),.07);box-shadow:none;color:var(--c-ink)}
html[data-theme="cealius"] .menu-toggle{background:transparent;border:1px solid rgba(var(--c-fg),.16);color:var(--c-ink);border-radius:.45rem}
html[data-theme="cealius"] .crumbs{color:var(--c-ink3);font-family:var(--c-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
html[data-theme="cealius"] .crumbs b{color:var(--c-ink);font-weight:500}
html[data-theme="cealius"] .global-search{background:transparent;border:0;box-shadow:none}
html[data-theme="cealius"] .global-search input{background:var(--c-field);border:1px solid rgba(var(--c-fg),.12);color:var(--c-ink);border-radius:.5rem;box-shadow:none;font-size:13px}
html[data-theme="cealius"] .global-search input::placeholder{color:var(--c-ink3)}
html[data-theme="cealius"] .global-search span{color:var(--c-ink3)}
html[data-theme="cealius"] .header-user,html[data-theme="cealius"] .user-menu-trigger{background:transparent;border-color:rgba(var(--c-fg),.12);color:var(--c-ink);box-shadow:none}
html[data-theme="cealius"] .user-menu-trigger{border:1px solid rgba(var(--c-fg),.12);border-radius:999px}
html[data-theme="cealius"] .user-menu-trigger:hover{border-color:rgba(var(--c-fg),.3);background:transparent}
html[data-theme="cealius"] .avatar{background:var(--c-panel2);color:var(--c-ink);border:1px solid rgba(var(--c-fg),.14);box-shadow:none;font-weight:500}
html[data-theme="cealius"] .user-menu-popover{background:var(--c-panel);border:1px solid rgba(var(--c-fg),.12);border-radius:var(--c-r);box-shadow:0 24px 60px rgba(0,0,0,.35);color:var(--c-ink)}
html[data-theme="cealius"] .user-menu-label{color:var(--c-ink3);font-family:var(--c-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
html[data-theme="cealius"] .user-menu-logout{color:var(--c-ink);border-color:rgba(var(--c-fg),.16);background:transparent}
html[data-theme="cealius"] .mode-toggle{width:34px;height:34px;flex:none;display:inline-grid;place-items:center;border-radius:50%;border:1px solid rgba(var(--c-fg),.14);background:transparent;color:var(--c-ink);cursor:pointer;transition:border-color .25s;margin-right:10px}
html[data-theme="cealius"] .mode-toggle:hover{border-color:rgba(var(--c-fg),.4)}
html[data-theme="cealius"] .mode-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}

/* ---------- page head ---------- */
html[data-theme="cealius"] .main-content{background:transparent}
html[data-theme="cealius"] .topbar{background:transparent;border:0;box-shadow:none;padding-bottom:6px}
html[data-theme="cealius"] .topbar h1{color:var(--c-ink);font-weight:300;font-size:34px;letter-spacing:-.035em;line-height:1.08}
html[data-theme="cealius"] .sub{color:var(--c-ink2);font-size:14px}
html[data-theme="cealius"] .eyebrow{color:var(--c-ink3);font-family:var(--c-mono);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}

/* ---------- pills, notices ---------- */
html[data-theme="cealius"] .pill{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(var(--c-fg),.16);color:var(--c-ink2);border-radius:999px;font-family:var(--c-mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;box-shadow:none}
html[data-theme="cealius"] .pill.ok,html[data-theme="cealius"] .rail-status.ok,html[data-theme="cealius"] .twofa-status.enabled{color:var(--c-ink);border-color:rgba(var(--c-fg),.2);background:transparent;animation:none}
html[data-theme="cealius"] .pill.ok::before{content:"";width:5px;height:5px;background:var(--c-acc)}
html[data-theme="cealius"] .pill.warn{color:var(--c-acc2);border-color:rgba(214,185,140,.45);background:transparent}
html[data-theme="cealius"] .pill.bad,html[data-theme="cealius"] .pill.danger{color:var(--c-err);border-color:rgba(var(--c-err-rgb),.45);background:transparent}
html[data-theme="cealius"] .ok{color:var(--c-ink)}
html[data-theme="cealius"] .bad{color:var(--c-err)}
html[data-theme="cealius"] .warn{color:var(--c-acc2)}
html[data-theme="cealius"] .muted{color:var(--c-ink3)}
html[data-theme="cealius"] .notice,html[data-theme="cealius"] .billing-notice,html[data-theme="cealius"] .account-page-notice,html[data-theme="cealius"] .incident-banner,html[data-theme="cealius"] .mandatory-2fa-banner{background:var(--c-panel2);border:1px solid rgba(var(--c-fg),.09);border-left:2px solid var(--c-acc);color:var(--c-ink2);border-radius:.5rem;box-shadow:none}
html[data-theme="cealius"] .incident-banner b,html[data-theme="cealius"] .mandatory-2fa-banner b{color:var(--c-ink)}

/* ---------- home: tool sections and rail ---------- */
html[data-theme="cealius"] .tool-section,html[data-theme="cealius"] .home-card,html[data-theme="cealius"] .rail-card{background:var(--c-panel);border:1px solid rgba(var(--c-fg),.08);border-radius:var(--c-r);box-shadow:none;transition:border-color .35s}
html[data-theme="cealius"] .tool-section:hover,html[data-theme="cealius"] .home-card:hover,html[data-theme="cealius"] .rail-card:hover{border-color:rgba(var(--c-fg),.14);transform:none;box-shadow:none}
html[data-theme="cealius"] .tool-section-head{background:none;border:0;border-bottom:1px solid rgba(var(--c-fg),.07);color:var(--c-ink);padding:14px 16px}
html[data-theme="cealius"] .tool-section-head span{color:var(--c-ink2);font-family:var(--c-mono);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
html[data-theme="cealius"] .tool-section-head small{color:var(--c-ink3)}
html[data-theme="cealius"] .tool-grid{gap:6px;padding:10px}
html[data-theme="cealius"] .tool-tile{background:transparent;border:1px solid transparent;border-radius:.5rem;color:var(--c-ink);box-shadow:none;font-size:13px;transition:background .25s,border-color .25s}
html[data-theme="cealius"] .tool-tile::after{display:none}
html[data-theme="cealius"] .tool-tile:hover{background:rgba(var(--c-fg),.04);border-color:rgba(var(--c-fg),.1);transform:none;box-shadow:none}
html[data-theme="cealius"] .tool-icon{color:var(--c-ink2);background:transparent;box-shadow:none}
html[data-theme="cealius"] .tool-tile:hover .tool-icon{color:var(--c-ink);transform:none}
html[data-theme="cealius"] .home-card h3,html[data-theme="cealius"] .rail-card h3{color:var(--c-ink2);font-family:var(--c-mono);font-size:10.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid rgba(var(--c-fg),.07)}
html[data-theme="cealius"] .info-row{border-color:rgba(var(--c-fg),.06)}
html[data-theme="cealius"] .info-row span{color:var(--c-ink3)}
html[data-theme="cealius"] .info-row b{color:var(--c-ink);font-weight:500;font-variant-numeric:tabular-nums}
html[data-theme="cealius"] .home-stat{color:var(--c-ink);font-weight:300;letter-spacing:-.04em}
html[data-theme="cealius"] .home-stat small{color:var(--c-ink3);letter-spacing:0}
html[data-theme="cealius"] .rail-link{background:transparent;border:1px solid rgba(var(--c-fg),.12);color:var(--c-ink2);border-radius:.5rem}
html[data-theme="cealius"] .rail-link:hover{border-color:rgba(var(--c-fg),.3);color:var(--c-ink)}

/* ---------- cards, tables, forms ---------- */
html[data-theme="cealius"] .card,html[data-theme="cealius"] .table-wrap,html[data-theme="cealius"] .twofa-shell,html[data-theme="cealius"] .security-manage-card,html[data-theme="cealius"] .mail-access-card,html[data-theme="cealius"] .billing-card,
html[data-theme="cealius"] .package-card,html[data-theme="cealius"] .action-panel,html[data-theme="cealius"] .security-overview,html[data-theme="cealius"] .srv-service-card,html[data-theme="cealius"] .mail-summary-card,html[data-theme="cealius"] .server-health-card,
html[data-theme="cealius"] .readiness-card,html[data-theme="cealius"] .hosting-summary-card,html[data-theme="cealius"] .customer-payment-card,html[data-theme="cealius"] .fm-upload-card,html[data-theme="cealius"] .package-editor,html[data-theme="cealius"] .billing-add-card{
  background:var(--c-panel);border:1px solid rgba(var(--c-fg),.08);border-radius:var(--c-r);box-shadow:none;color:var(--c-ink)}
html[data-theme="cealius"] .card:hover,html[data-theme="cealius"] .billing-card:hover,html[data-theme="cealius"] .package-card:hover{transform:none;box-shadow:none;border-color:rgba(var(--c-fg),.14)}
html[data-theme="cealius"] .card h3,html[data-theme="cealius"] .action-panel-head,html[data-theme="cealius"] .security-overview-head,html[data-theme="cealius"] .billing-card-head,html[data-theme="cealius"] .package-card-head{color:var(--c-ink);font-weight:500;letter-spacing:-.01em;border-color:rgba(var(--c-fg),.07);background:none}
html[data-theme="cealius"] .security-stat,html[data-theme="cealius"] .billing-kpi,html[data-theme="cealius"] .mail-kpi,html[data-theme="cealius"] .metric,html[data-theme="cealius"] .mail-info-item{background:var(--c-panel2);border:1px solid rgba(var(--c-fg),.07);border-radius:.55rem;box-shadow:none;color:var(--c-ink)}
html[data-theme="cealius"] .billing-kpi-icon,html[data-theme="cealius"] .mail-kpi-icon,html[data-theme="cealius"] .srv-service-icon{background:transparent;border:1px solid rgba(var(--c-fg),.12);color:var(--c-acc2);box-shadow:none}
html[data-theme="cealius"] table{color:var(--c-ink2)}
html[data-theme="cealius"] .table-wrap table{background:transparent}
html[data-theme="cealius"] th{background:transparent;color:var(--c-ink3);font-family:var(--c-mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid rgba(var(--c-fg),.1)}
html[data-theme="cealius"] td{color:var(--c-ink2);border-bottom:1px solid rgba(var(--c-fg),.06);background:transparent}
html[data-theme="cealius"] tbody tr:hover td{background:rgba(var(--c-fg),.025)}
html[data-theme="cealius"] td b,html[data-theme="cealius"] td strong{color:var(--c-ink);font-weight:500}
html[data-theme="cealius"] input,html[data-theme="cealius"] select,html[data-theme="cealius"] textarea{background:var(--c-field);color:var(--c-ink);border:1px solid rgba(var(--c-fg),.14);border-radius:.45rem;box-shadow:none;transition:border-color .25s,box-shadow .25s}
html[data-theme="cealius"] input::placeholder,html[data-theme="cealius"] textarea::placeholder{color:var(--c-ink3)}
html[data-theme="cealius"] input:focus,html[data-theme="cealius"] select:focus,html[data-theme="cealius"] textarea:focus{outline:0;border-color:rgba(var(--c-fg),.4);box-shadow:0 0 0 3px rgba(214,185,140,.16)}
html[data-theme="cealius"] input[type=checkbox],html[data-theme="cealius"] input[type=radio]{accent-color:var(--c-acc)}
html[data-theme="cealius"] label{color:var(--c-ink2)}
html[data-theme="cealius"] .code,html[data-theme="cealius"] code,html[data-theme="cealius"] pre,html[data-theme="cealius"] .credential-box,html[data-theme="cealius"] .metrics-code{background:var(--c-field);color:var(--c-ink2);border:1px solid rgba(var(--c-fg),.08);border-radius:.45rem;font-family:var(--c-mono);font-size:12px}
html[data-theme="cealius"] .progress{background:rgba(var(--c-fg),.08);border-radius:999px;box-shadow:none}
html[data-theme="cealius"] .progress span{background:var(--c-acc);box-shadow:none;border-radius:999px}
html[data-theme="cealius"] hr{border-color:rgba(var(--c-fg),.08)}

/* ---------- buttons ---------- */
html[data-theme="cealius"] .btn{background:transparent;color:var(--c-ink);border:1px solid rgba(var(--c-fg),.22);border-radius:.45rem;box-shadow:none;font-weight:500;letter-spacing:-.005em;transition:background .25s,border-color .25s,color .25s;transform:none}
html[data-theme="cealius"] .btn:hover{border-color:rgba(var(--c-fg),.5);background:rgba(var(--c-fg),.03);transform:none;box-shadow:none}
html[data-theme="cealius"] .btn.primary{background:var(--c-btn);color:var(--c-btn-ink);border-color:var(--c-btn)}
html[data-theme="cealius"] .btn.primary:hover{background:var(--c-acc);border-color:var(--c-acc);color:#0b0b0c}
html[data-theme="cealius"] .btn.danger{color:var(--c-err);border-color:rgba(var(--c-err-rgb),.45);background:transparent}
html[data-theme="cealius"] .btn.danger:hover{background:rgba(var(--c-err-rgb),.1);border-color:var(--c-err)}
html[data-theme="cealius"] .btn:disabled{opacity:.45}

/* ---------- dialogs, toast, footer ---------- */
html[data-theme="cealius"] .ui-dialog-backdrop,html[data-theme="cealius"] .billing-modal-backdrop{background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html[data-theme="cealius"] .ui-dialog,html[data-theme="cealius"] .billing-modal{background:var(--c-panel);border:1px solid rgba(var(--c-fg),.12);border-radius:.9rem;box-shadow:0 30px 80px rgba(0,0,0,.45);color:var(--c-ink)}
html[data-theme="cealius"] .ui-dialog-head,html[data-theme="cealius"] .ui-dialog-foot,html[data-theme="cealius"] .billing-modal-head,html[data-theme="cealius"] .billing-modal-foot{background:none;border-color:rgba(var(--c-fg),.08)}
html[data-theme="cealius"] .ui-dialog-icon{background:transparent;border:1px solid rgba(var(--c-fg),.14);color:var(--c-acc2)}
html[data-theme="cealius"] .ui-dialog-x,html[data-theme="cealius"] .billing-modal-x{color:var(--c-ink2);background:transparent}
html[data-theme="cealius"] .toast{background:var(--c-panel);color:var(--c-ink);border:1px solid rgba(var(--c-fg),.14);border-left:2px solid var(--c-acc);border-radius:.55rem;box-shadow:0 18px 50px rgba(0,0,0,.35)}
html[data-theme="cealius"] .toast.err,html[data-theme="cealius"] .toast.bad{border-left-color:var(--c-err)}
html[data-theme="cealius"] .panel-footer{background:transparent;color:var(--c-ink3);border-top:1px solid rgba(var(--c-fg),.07);font-family:var(--c-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase}
html[data-theme="cealius"] .panel-footer b{color:var(--c-ink2);font-weight:500}

/* ---------- file manager rows ---------- */
html[data-theme="cealius"] .cpfm-row{border-color:rgba(var(--c-fg),.06);background:transparent}
html[data-theme="cealius"] .cpfm-row:hover{background:rgba(var(--c-fg),.03)}

/* ---------- sign-in (index.html + login.js) ---------- */
html[data-theme="cealius"] #liquid{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:1;pointer-events:none}
html[data-theme="cealius"] body.login-page #app{background:transparent;position:relative;z-index:1}
html[data-theme="cealius"] body.login-page{background:var(--c-bg)}
html[data-theme="cealius"] .login-stage{background:transparent;min-height:100vh}
html[data-theme="cealius"] .login-shell{background:transparent;box-shadow:none;border:0;max-width:1080px;gap:56px}
html[data-theme="cealius"] .login-brand-panel{background:transparent;color:var(--c-ink);border:0;box-shadow:none}
html[data-theme="cealius"] .login-brand-panel::before,html[data-theme="cealius"] .login-brand-panel::after{display:none}
html[data-theme="cealius"] .login-brand-badge{width:auto;height:30px;background:var(--c-logo) left center/contain no-repeat;color:transparent;border:0;box-shadow:none;border-radius:0;font-size:0;min-width:160px}
html[data-theme="cealius"] .login-brand-panel .eyebrow{margin-top:40px;display:flex;align-items:center;gap:10px}
html[data-theme="cealius"] .login-brand-panel .eyebrow::before{content:"";width:6px;height:6px;background:var(--c-acc2)}
html[data-theme="cealius"] .login-brand-panel h1{color:var(--c-ink);font-weight:200;font-size:60px;line-height:1.02;letter-spacing:-.045em;text-transform:uppercase;margin:16px 0 0}
html[data-theme="cealius"] .login-brand-panel h1 b{display:block;font-weight:700;letter-spacing:-.05em}
html[data-theme="cealius"] .login-brand-panel p{color:var(--c-ink2)}
html[data-theme="cealius"] .login-trust span{color:var(--c-ink2);font-family:var(--c-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase}
html[data-theme="cealius"] .login-trust span::before{background:none;border:0;content:"";width:5px;height:5px;background:var(--c-acc)}
html[data-theme="cealius"] .login-card.login-modern{background:rgba(var(--c-bg-rgb),.72);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(var(--c-fg),.12);border-radius:1rem;box-shadow:0 40px 100px rgba(0,0,0,.35);color:var(--c-ink)}
html[data-theme="cealius"] .login-card h2{color:var(--c-ink);font-weight:300;letter-spacing:-.03em}
html[data-theme="cealius"] .login-card label{color:var(--c-ink2);font-size:12px}
html[data-theme="cealius"] .login-submit{background:var(--c-btn);color:var(--c-btn-ink);border:1px solid var(--c-btn);border-radius:.5rem;box-shadow:none}
html[data-theme="cealius"] .login-submit:hover{background:var(--c-acc);border-color:var(--c-acc);color:#0b0b0c}
html[data-theme="cealius"] .login-submit:before{display:none}
html[data-theme="cealius"] .login-back,html[data-theme="cealius"] .login-foot,html[data-theme="cealius"] .login-foot a{color:var(--c-ink3)}
html[data-theme="cealius"] .login-alert{background:rgba(var(--c-err-rgb),.08);border:1px solid rgba(var(--c-err-rgb),.35);color:var(--c-err);border-radius:.5rem}
html[data-theme="cealius"] .login-mobile-mark{background:var(--c-logo) center/contain no-repeat;color:transparent;font-size:0;width:140px;height:26px;border:0;box-shadow:none;border-radius:0}
html[data-theme="cealius"] .hp-otp-box{background:var(--c-field);border:1px solid rgba(var(--c-fg),.16);color:var(--c-ink);border-radius:.5rem}
html[data-theme="cealius"] .hp-otp-box:focus{border-color:rgba(var(--c-fg),.45);box-shadow:0 0 0 3px rgba(214,185,140,.16)}
html[data-theme="cealius"] .hp-otp-check{background:var(--c-acc);color:#0b0b0c}
html[data-theme="cealius"] .login-wrap{background:transparent}
html[data-theme="cealius"] .login{background:var(--c-panel);border:1px solid rgba(var(--c-fg),.12);border-radius:1rem;color:var(--c-ink);box-shadow:none}

@media (prefers-reduced-motion:reduce){html[data-theme="cealius"] *{transition:none!important;animation:none!important}}
html[data-theme="cealius"] .mode-toggle.login-mode{position:fixed;top:22px;right:22px;z-index:5;margin:0}
html[data-theme="cealius"]{--icon-accent:var(--c-acc2)}
html[data-theme="cealius"] .login-brand-panel .eyebrow{color:var(--c-ink2)}
html[data-theme="cealius"] .login-brand-panel p{margin-top:22px;font-size:15px}
html[data-theme="cealius"] .login-trust{margin-top:28px}
html[data-theme="cealius"] .sidebar-foot #logout{color:var(--c-ink2)}
/* sign-in rendered by app.js itself (/cpanel, /reseller, /dedicated): liquid behind, glass card */
html[data-theme="cealius"] #app:has(>.login-wrap){background:transparent}
html[data-theme="cealius"] .login-wrap{position:relative;z-index:1;background:transparent}
html[data-theme="cealius"] .login.login-modern{background:rgba(var(--c-bg-rgb),.72);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(var(--c-fg),.12);border-radius:1rem;box-shadow:0 40px 100px rgba(0,0,0,.35);color:var(--c-ink)}
html[data-theme="cealius"] .login.login-modern h2{color:var(--c-ink);font-weight:300;letter-spacing:-.03em}
html[data-theme="cealius"] .hosting-login-otp{background:var(--c-field);border:1px solid rgba(var(--c-fg),.16);color:var(--c-ink);border-radius:.5rem}
/* sidebar footer: the database link spans the row like the sign-out button (Bosnian label is longer) */
html[data-theme="cealius"] .sidebar-foot .quick-link{grid-column:1/-1;white-space:nowrap;text-align:center}
/* page gutter: every block of a page lines up with the page title (the base styles run tables and cards edge to edge) */
html[data-theme="cealius"] .main-content{padding:0 28px 40px}
html[data-theme="cealius"] .main-content>.topbar{padding-left:0;padding-right:0;padding-bottom:16px}
html[data-theme="cealius"] .main-content>.portal-home{padding-left:0;padding-right:0}
html[data-theme="cealius"] .main-content>.cpfm-shell{width:auto;max-width:none;margin-left:0;margin-right:0}
html[data-theme="cealius"] .main-content>.card,html[data-theme="cealius"] .main-content>.table-wrap,html[data-theme="cealius"] .main-content>.grid,html[data-theme="cealius"] .main-content>.toolbar{margin-left:0;margin-right:0}
@media (max-width:760px){html[data-theme="cealius"] .main-content{padding:0 14px 28px}html[data-theme="cealius"] .main-content>*{margin-left:0!important;margin-right:0!important}html[data-theme="cealius"] .main-content>.notice{width:auto}}
/* phone header: the search gives way so the account button stays fully on screen */
@media (max-width:760px){html[data-theme="cealius"] .app-header .header-spacer{display:none}html[data-theme="cealius"] .app-header .global-search{flex:1 1 auto;min-width:0;width:auto}html[data-theme="cealius"] .app-header .global-search input{width:100%;min-width:0}html[data-theme="cealius"] .app-header .header-user{flex:0 0 auto}}
/* sign-in: show/hide password, remember username (base rules for every theme, Cealius details below) */
.login-form{display:contents}
.pw-wrap{position:relative;display:block}
.pw-wrap input{width:100%;padding-right:2.9rem!important}
.pw-eye{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);width:2.2rem;height:2.2rem;display:grid;place-items:center;border:0;background:transparent;color:inherit;opacity:.55;cursor:pointer;border-radius:.4rem;padding:0;box-shadow:none}
.pw-eye:hover,.pw-eye.on,.pw-eye:focus-visible{opacity:1}
.pw-eye svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pw-eye .pw-slash{display:none}.pw-eye.on .pw-slash{display:inline}
label.login-remember{display:flex;flex-direction:row;align-items:center;gap:9px;font-weight:400;cursor:pointer;margin:2px 0 4px;text-transform:none;letter-spacing:0}
label.login-remember input{width:16px;height:16px;margin:0;padding:0;flex:0 0 auto}
html[data-theme="cealius"] label.login-remember{color:var(--c-ink2);font-size:13px}
html[data-theme="cealius"] label.login-remember input{accent-color:var(--c-acc)}
html[data-theme="cealius"] .pw-eye{color:var(--c-ink2)}
/* pnl2 content width */
.main-content{--hp-content:140rem}
.main-content>*{max-width:var(--hp-content)!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
.main-content>.topbar{width:100%;padding-left:0!important;padding-right:0!important}
.main-content>.table-wrap,.main-content>.card,.main-content>.grid,.main-content>.toolbar{width:100%}
.account-list-toolbar{justify-content:flex-end}
.main-content>:is(.support-page,.package-page,.mail-summary-shell){padding-left:0!important;padding-right:0!important}
.main-content>* :is(.table-wrap,.toolbar,.card,.grid){max-width:none!important;margin-left:0!important;margin-right:0!important}
/* pnl4 file editor popup */
#editorBox{animation:none!important;transform:none!important}
.fm-editor-backdrop{z-index:600}
html[data-theme="cealius"] .fm-editor-backdrop{background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html[data-theme="cealius"] .fm-editor{width:min(72rem,94vw);height:min(48rem,88vh);border:1px solid rgba(var(--c-fg),.12);border-radius:.9rem;box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden}
.fm-editor-head{gap:1rem}
.fm-editor textarea{width:auto!important;max-width:none;min-width:0;min-height:0;box-sizing:border-box;margin:1rem!important}
.fm-editor-head h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:640px){.fm-editor-backdrop{padding:0}html[data-theme="cealius"] .fm-editor{width:100vw;height:100dvh;border-radius:0;border:0}}
/* pnl5 */
.fm-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem}
.fm-save-state{margin-right:auto;font-size:.85rem;color:var(--c-ink2,#6b7280)}
.fm-save-state.ok{color:var(--c-ink,#1f2937)}
.fm-save-state.bad{color:#b4483a}