/* Zaravan 3.6.2 — dedicated account/auth recovery layer. Loaded last. */
:root{
  --z362-bg:#070910;--z362-panel:#0d111b;--z362-panel-2:#121725;--z362-panel-3:#171d2c;
  --z362-line:rgba(255,255,255,.085);--z362-line-strong:rgba(255,255,255,.14);
  --z362-text:#f7f8fc;--z362-soft:#a6afc0;--z362-muted:#7f899c;
  --z362-purple:#7d67ee;--z362-purple-soft:rgba(125,103,238,.12);--z362-blue:#67a7ff;
  --z362-green:#45d39b;--z362-red:#ff7180;--z362-amber:#ffc060;
  --z362-shadow:0 24px 70px rgba(0,0,0,.28)
}

/* Header geometry: when account sidebar becomes off-canvas, brand stays truly centered. */
body.zv-account-shell .zv-header-inner{width:min(100%,1760px)!important;margin-inline:auto!important}
@media (min-width:1200px){
  body.zv-account-shell .zv-header-inner{display:grid!important;grid-template-columns:minmax(170px,1fr) minmax(0,760px) minmax(170px,1fr)!important;gap:16px!important}
  body.zv-account-shell .zv-brand--header{grid-column:1!important;justify-self:start!important}
  body.zv-account-shell .zv-account-header-nav{grid-column:2!important;justify-self:center!important;width:100%!important;justify-content:center!important}
  body.zv-account-shell .zv-header-actions{grid-column:3!important;justify-self:end!important}
  body.zv-account-shell .zv-account-menu-toggle{display:none!important}
}
@media (max-width:1199.98px){
  body.zv-account-shell .zv-header-inner{display:grid!important;grid-template-columns:minmax(48px,1fr) auto minmax(48px,1fr)!important;gap:10px!important;padding-inline:clamp(10px,2vw,22px)!important;min-height:70px!important}
  body.zv-account-shell .zv-account-menu-toggle{display:flex!important;grid-column:1!important;grid-row:1!important;justify-self:start!important;align-self:center!important}
  body.zv-account-shell .zv-brand--header{grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important;width:min(184px,34vw)!important;max-width:none!important}
  body.zv-account-shell .zv-brand--header .zv-brand-logo{width:100%!important;max-width:100%!important;height:auto!important}
  body.zv-account-shell .zv-account-header-nav{display:none!important}
  body.zv-account-shell .zv-header-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:center!important}
}
@media (max-width:575.98px){
  body.zv-account-shell .zv-header-inner{grid-template-columns:minmax(42px,1fr) auto minmax(42px,1fr)!important;padding-inline:7px!important;gap:5px!important;min-height:64px!important}
  body.zv-account-shell .zv-brand--header{width:min(138px,38vw)!important}
  body.zv-account-shell .zv-header-actions{gap:4px!important}
}

/* Login: the right/marketing panel is deliberately dim purple, never white. */
body.zaravan-theme.zv-page-login .zv-auth-wrap{padding:clamp(18px,4vw,54px)!important}
body.zaravan-theme.zv-page-login .zv-auth-shell{max-width:1120px!important;background:#0a0d14!important;border:1px solid var(--z362-line)!important;border-radius:32px!important;box-shadow:0 34px 100px rgba(0,0,0,.42)!important;overflow:hidden!important}
body.zaravan-theme.zv-page-login .zv-auth-aside{
  isolation:isolate!important;position:relative!important;color:#fff!important;border:0!important;border-inline-end:1px solid rgba(190,177,255,.10)!important;
  background:
    radial-gradient(circle at 18% 10%,rgba(129,101,230,.11),transparent 18rem),
    radial-gradient(circle at 82% 78%,rgba(97,73,185,.07),transparent 22rem),
    linear-gradient(150deg,#171222 0%,#120f1c 48%,#0b0d14 100%)!important;
}
body.zaravan-theme.zv-page-login .zv-auth-aside:before{border-color:rgba(205,194,255,.08)!important;box-shadow:0 0 80px rgba(121,94,222,.045)!important}
body.zaravan-theme.zv-page-login .zv-auth-aside:after{border-color:rgba(205,194,255,.055)!important;background:transparent!important;filter:none!important}
body.zaravan-theme.zv-page-login .zv-brand--auth{display:inline-flex!important;width:fit-content!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.zaravan-theme.zv-page-login .zv-brand--auth .zv-brand-logo{display:block!important;width:min(220px,70vw)!important;max-width:100%!important;height:auto!important;opacity:1!important;filter:none!important}
body.zaravan-theme.zv-page-login .zv-auth-aside h1{margin-top:34px!important;color:#fff!important;font-weight:950!important;line-height:1.45!important}
body.zaravan-theme.zv-page-login .zv-auth-aside p{color:rgba(255,255,255,.72)!important}
body.zaravan-theme.zv-page-login .zv-auth-benefits{display:grid!important;gap:9px!important;margin-top:24px!important}
body.zaravan-theme.zv-page-login .zv-auth-benefit{display:flex!important;align-items:center!important;gap:10px!important;padding:11px 13px!important;color:#f8f6ff!important;background:rgba(255,255,255,.038)!important;border:1px solid rgba(210,201,255,.09)!important;border-radius:14px!important}
body.zaravan-theme.zv-page-login .zv-auth-benefit i{color:#c5b9ff!important}
body.zaravan-theme.zv-page-login .zv-auth-trust{display:flex!important;align-items:center!important;gap:9px!important;padding-top:18px!important;color:rgba(255,255,255,.66)!important;border-top:1px solid rgba(255,255,255,.065)!important}
body.zaravan-theme.zv-page-login .zv-auth-trust i{color:#b9adf9!important}
body.zaravan-theme.zv-page-login .zv-auth-panel{background:linear-gradient(155deg,#111620,#0b0f17)!important;color:var(--z362-text)!important}

/* Dedicated cards for ticket/service/domain lists — no Twenty-One table dependency. */
body.zv-account-shell .zv-native-hub{display:grid;gap:17px;min-width:0}
body.zv-account-shell .zv-native-hub__toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--z362-line);border-radius:20px;background:linear-gradient(145deg,rgba(18,23,34,.97),rgba(10,13,20,.98));box-shadow:0 14px 40px rgba(0,0,0,.14)}
body.zv-account-shell .zv-native-search{position:relative;flex:1 1 380px;max-width:620px}
body.zv-account-shell .zv-native-search>i{position:absolute;top:50%;right:16px;transform:translateY(-50%);z-index:2;color:#77839a;pointer-events:none}
body.zv-account-shell .zv-native-search input{width:100%;min-height:48px;padding:11px 44px 11px 14px!important;color:#f7f9fd!important;background:#080c13!important;border:1px solid var(--z362-line)!important;border-radius:14px!important;box-shadow:none!important;outline:0!important}
body.zv-account-shell .zv-native-search input:focus{border-color:rgba(103,167,255,.48)!important;box-shadow:0 0 0 4px rgba(103,167,255,.08)!important}
body.zv-account-shell .zv-native-hub__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
body.zv-account-shell .zv-native-action{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 15px;border-radius:13px;font-size:12px;font-weight:900;text-decoration:none!important}
body.zv-account-shell .zv-native-action--primary{color:#fff!important;background:linear-gradient(135deg,#6aa9ff,#7967ee)!important;border:1px solid transparent!important;box-shadow:0 12px 28px rgba(83,126,221,.20)}
body.zv-account-shell .zv-native-action--soft{color:#dce4f0!important;background:rgba(255,255,255,.035)!important;border:1px solid var(--z362-line)!important}
body.zv-account-shell .zv-native-action:hover{transform:translateY(-1px)}
body.zv-account-shell .zv-native-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;min-width:0}
body.zv-account-shell .zv-native-card{position:relative;isolation:isolate;display:grid;gap:17px;min-width:0;padding:20px;border:1px solid var(--z362-line);border-radius:23px;background:radial-gradient(circle at 95% 0,rgba(101,136,255,.075),transparent 16rem),linear-gradient(150deg,#121723,#0a0e16);box-shadow:0 18px 48px rgba(0,0,0,.18);overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
body.zv-account-shell .zv-native-card:hover{transform:translateY(-3px);border-color:rgba(113,153,255,.23);box-shadow:0 24px 58px rgba(0,0,0,.24)}
body.zv-account-shell .zv-native-card__link{position:absolute;inset:0;z-index:1}
body.zv-account-shell .zv-ticket-native-card__head,body.zv-account-shell .zv-service-native-card__head,body.zv-account-shell .zv-domain-native-card__head{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}
body.zv-account-shell :is(.zv-ticket-native-card__icon,.zv-service-native-card__icon,.zv-domain-native-card__icon){display:grid;place-items:center;width:48px;height:48px;color:#bcd9ff;background:rgba(103,167,255,.09);border:1px solid rgba(103,167,255,.12);border-radius:15px;font-size:17px}
body.zv-account-shell .zv-ticket-native-card__head small,body.zv-account-shell .zv-service-native-card__head small,body.zv-account-shell .zv-domain-native-card__head small{display:block;margin-bottom:3px;color:#7f8a9d!important;font-size:10px!important;font-weight:800}
body.zv-account-shell .zv-ticket-native-card__head h2,body.zv-account-shell .zv-service-native-card__head h2,body.zv-account-shell .zv-domain-native-card__head h2{margin:0;color:#f8f9fc!important;font-size:16px;line-height:1.65;overflow-wrap:anywhere}
body.zv-account-shell .zv-service-native-card__head p{margin:3px 0 0;color:#8995a8!important;font-size:11px}
body.zv-account-shell .zv-native-status{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;color:#cfe0ff;background:rgba(103,167,255,.075);border:1px solid rgba(103,167,255,.13);border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}
body.zv-account-shell :is(.zv-ticket-native-card__meta,.zv-service-native-card__facts,.zv-domain-native-card__facts){display:grid;gap:9px;min-width:0}
body.zv-account-shell .zv-ticket-native-card__meta{grid-template-columns:repeat(2,minmax(0,1fr))}
body.zv-account-shell .zv-ticket-native-card__meta>span{display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-areas:"icon label" "icon value";gap:0 8px;padding:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);border-radius:14px}
body.zv-account-shell .zv-ticket-native-card__meta i{grid-area:icon;align-self:center;color:#8494ae}
body.zv-account-shell .zv-ticket-native-card__meta b{grid-area:label;color:#737f92;font-size:9px}
body.zv-account-shell .zv-ticket-native-card__meta em{grid-area:value;color:#cfd5df;font-style:normal;font-size:11px;overflow-wrap:anywhere}
body.zv-account-shell :is(.zv-service-native-card__facts,.zv-domain-native-card__facts){grid-template-columns:repeat(3,minmax(0,1fr))}
body.zv-account-shell .zv-domain-native-card__facts{grid-template-columns:repeat(2,minmax(0,1fr))}
body.zv-account-shell :is(.zv-service-native-card__facts,.zv-domain-native-card__facts)>span{display:flex;min-width:0;flex-direction:column;gap:4px;padding:12px;background:rgba(255,255,255,.024);border:1px solid rgba(255,255,255,.052);border-radius:14px}
body.zv-account-shell :is(.zv-service-native-card__facts,.zv-domain-native-card__facts) small{color:#778397!important;font-size:9px!important}
body.zv-account-shell :is(.zv-service-native-card__facts,.zv-domain-native-card__facts) strong{color:#e8ecf3!important;font-size:11px;overflow-wrap:anywhere}
body.zv-account-shell :is(.zv-service-native-card__facts,.zv-domain-native-card__facts) em{color:#8e9bb0;font-size:9px;font-style:normal}
body.zv-account-shell .zv-native-card__footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;color:#9fbcf0;border-top:1px solid rgba(255,255,255,.065);font-size:11px;font-weight:900}
body.zv-account-shell .zv-native-card__footer i{transition:transform .18s ease}
body.zv-account-shell .zv-native-card:hover .zv-native-card__footer i{transform:translateX(-4px)}
body.zv-account-shell .zv-native-empty{grid-column:1/-1;display:grid;justify-items:center;gap:8px;padding:38px 22px;text-align:center;color:#9da7b7;background:linear-gradient(145deg,#111620,#0a0e15);border:1px dashed rgba(255,255,255,.13);border-radius:22px}
body.zv-account-shell .zv-native-empty>span{display:grid;place-items:center;width:56px;height:56px;color:#a8c7f6;background:rgba(103,167,255,.08);border-radius:18px;font-size:20px}
body.zv-account-shell .zv-native-empty h2{margin:5px 0 0;color:#f4f6fa!important;font-size:16px}
body.zv-account-shell .zv-native-empty p{margin:0;color:#8f99aa!important}
body.zv-account-shell .zv-native-empty--filter{margin:0!important}

/* View ticket remains WHMCS-functional, but the thread is visually isolated from Twenty-One. */
body.zv-page-viewticket .zv-standard-page-shell--view-ticket{padding:clamp(14px,2vw,22px)!important;background:linear-gradient(150deg,#0f141f,#090d14)!important;border:1px solid var(--z362-line)!important;border-radius:26px!important;box-shadow:var(--z362-shadow)!important}
body.zv-page-viewticket .zv-standard-page-shell--view-ticket :is(.card,.panel,.ticket-reply,.ticket-reply.staff,.ticket-reply.client){color:#eef2f8!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:18px!important;box-shadow:none!important}
body.zv-page-viewticket .zv-standard-page-shell--view-ticket :is(.card-header,.panel-heading,.ticket-reply .date){color:#cbd5e4!important;background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.065)!important}
body.zv-page-viewticket .zv-standard-page-shell--view-ticket textarea,body.zv-page-viewticket .zv-standard-page-shell--view-ticket input,body.zv-page-viewticket .zv-standard-page-shell--view-ticket select{color:#fff!important;background:#080d15!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:13px!important;box-shadow:none!important}

/* Domain details / service details: suppress any white fallbacks from parent theme. */
body.zv-page-clientareadomaindetails .zv-domain-command :is(.card,.panel,.list-group-item,.tab-content,.nav-tabs),body.zv-page-clientareaproductdetails .zv-service-standard-shell :is(.card,.panel,.list-group-item,.tab-content,.nav-tabs){background-color:transparent!important;color:#eef2f8!important;border-color:rgba(255,255,255,.075)!important}

@media (max-width:900px){body.zv-account-shell .zv-native-grid{grid-template-columns:1fr}body.zv-account-shell :is(.zv-service-native-card__facts,.zv-domain-native-card__facts){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){body.zv-account-shell .zv-native-hub__toolbar{align-items:stretch;flex-direction:column;padding:11px}body.zv-account-shell .zv-native-search{max-width:none;flex-basis:auto}body.zv-account-shell .zv-native-hub__actions{display:grid;grid-template-columns:1fr 1fr}body.zv-account-shell .zv-native-card{padding:15px;border-radius:19px}body.zv-account-shell :is(.zv-ticket-native-card__head,.zv-service-native-card__head,.zv-domain-native-card__head){grid-template-columns:42px minmax(0,1fr);gap:10px}body.zv-account-shell .zv-native-status{grid-column:1/-1;justify-self:start}body.zv-account-shell .zv-ticket-native-card__meta,body.zv-account-shell :is(.zv-service-native-card__facts,.zv-domain-native-card__facts){grid-template-columns:1fr}body.zaravan-theme.zv-page-login .zv-auth-shell{border-radius:22px!important}body.zaravan-theme.zv-page-login .zv-auth-aside{padding:27px 21px!important}}