/* ==========================================================================
   Z ENGINE · Master Control — "PREMIUM MEWAH" full redesign (lux)
   Deep-navy gilded shell, Cormorant Garamond display serif, champagne-gold
   accents, layered soft shadows. Loads LAST. Markup unchanged.
   ========================================================================== */
:root{
  --lx-serif:"Cormorant Garamond",Georgia,serif;
  --lx-gold:#e6bd57;--lx-gold2:#f7dc95;
  --lx-grad:linear-gradient(135deg,#f7dc95,#dfa82c);
  --lx-shadow:0 1px 2px rgba(8,20,32,.05),0 14px 34px rgba(8,20,32,.09);
  --lx-shadow-lg:0 26px 54px rgba(8,20,32,.18);
  --lx-ease:.22s cubic-bezier(.4,0,.2,1)
}

.master-body{
  background:
    radial-gradient(900px 460px at 100% -10%,rgba(230,189,87,.07),transparent 55%),
    linear-gradient(180deg,#f7f4ee,#eef1f4);
  font-family:"Manrope",system-ui,sans-serif
}
.master-body h1,.master-body h2,.master-body .master-hero h1{font-family:var(--lx-serif);letter-spacing:0}

/* Sidebar — gilded navy */
.master-sidebar{
  background:
    radial-gradient(circle at 15% 0,color-mix(in srgb,var(--lx-gold) 22%,transparent),transparent 32%),
    linear-gradient(180deg,#0b2838,#04121b 72%);
  border-right:1px solid rgba(230,189,87,.14);
  box-shadow:16px 0 46px rgba(6,20,32,.18)
}
.master-logo>span{background:var(--lx-grad);color:#0a2130;font-family:var(--lx-serif);font-weight:700;border-radius:15px 6px 15px 6px}
.master-logo b{font-family:var(--lx-serif);font-size:19px}
.master-nav p{letter-spacing:.18em;color:color-mix(in srgb,var(--lx-gold) 62%,#93a7b6)}
.master-nav a{border-radius:11px;transition:var(--lx-ease)}
.master-nav a:hover{transform:translateX(3px)}
.master-nav a.active{
  background:linear-gradient(90deg,color-mix(in srgb,var(--lx-gold) 20%,transparent),rgba(255,255,255,.05))!important;
  border-color:color-mix(in srgb,var(--lx-gold) 32%,transparent)!important
}
.master-nav a.active i{background:var(--lx-grad);color:#0f2530}
.server-state i{box-shadow:0 0 0 4px color-mix(in srgb,#43dc8b 18%,transparent)}

/* Topbar */
.master-topbar{
  background:color-mix(in srgb,#fff 92%,transparent)!important;backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(230,189,87,.20)!important;box-shadow:0 8px 26px rgba(9,35,49,.06)!important
}
.topbar-title b{font-family:var(--lx-serif);font-size:24px;font-weight:700}
.quick-add{background:var(--lx-grad)!important;color:#0f2530;font-weight:800;border-radius:11px;transition:var(--lx-ease)}
.quick-add:hover{transform:translateY(-1px);filter:brightness(1.05)}
.master-user>span{background:var(--lx-grad);color:#0f2530;font-weight:900}

/* Hero */
.master-hero{
  border-radius:22px;overflow:hidden;position:relative;border:1px solid rgba(230,189,87,.22);
  background:
    radial-gradient(circle at 82% 22%,color-mix(in srgb,#2e809b 55%,transparent),transparent 32%),
    radial-gradient(circle at 98% 100%,color-mix(in srgb,var(--lx-gold) 24%,transparent),transparent 34%),
    linear-gradient(120deg,#051c29,#114559);
  box-shadow:var(--lx-shadow-lg)
}
.master-hero:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--lx-grad)}
.master-hero h1{font-size:30px;font-weight:700}
.master-hero a{background:var(--lx-grad);color:#0f2530;font-weight:800;border-radius:11px;transition:var(--lx-ease)}
.master-hero a:hover{transform:translateY(-2px);filter:brightness(1.05)}

/* Stat cards */
.master-stats article{
  border-radius:18px;border:1px solid #e7ddc8;box-shadow:var(--lx-shadow);transition:var(--lx-ease);
  background:linear-gradient(180deg,#fff,#fbf8f1)
}
.master-stats article:hover{transform:translateY(-4px);box-shadow:var(--lx-shadow-lg);border-color:color-mix(in srgb,var(--lx-gold) 44%,transparent)}
.master-stats article:after{background:color-mix(in srgb,var(--lx-gold) 12%,transparent)}
.master-stats b{font-family:var(--lx-serif);font-size:26px;font-weight:700;color:#12303c}

/* Site cards */
.site-card{border-radius:18px;border:1px solid #e7e0d2;box-shadow:var(--lx-shadow);transition:var(--lx-ease);background:#fff}
.site-card:hover{transform:translateY(-4px);box-shadow:var(--lx-shadow-lg)}
.site-top>span{background:var(--lx-grad);color:#0f2530;font-weight:900}
.site-card>a{color:#a9760f;font-weight:800}

/* Panels / data tables */
.page-intro,.data-panel,.master-form,.health-grid article,.system-card,.library-card{border-radius:18px;box-shadow:var(--lx-shadow)}
.page-intro h1,.data-panel h2,.master-form h2,.system-card h2{font-family:var(--lx-serif);font-weight:700}
th{letter-spacing:.08em;text-transform:uppercase}
tbody tr{transition:var(--lx-ease)}
tbody tr:hover td{background:color-mix(in srgb,var(--lx-gold) 6%,#fff)}
.status{border-radius:999px;font-weight:800}

/* Buttons + forms */
.section-title a:hover,.form-heading a:hover{border-color:color-mix(in srgb,var(--lx-gold) 55%,transparent)}
.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{
  border-color:color-mix(in srgb,var(--lx-gold) 60%,transparent)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--lx-gold) 18%,transparent)!important
}
.form-actions button,.auth-submit{border-radius:11px;transition:var(--lx-ease)}
.form-actions button:hover,.auth-submit:hover{filter:brightness(1.05);transform:translateY(-1px)}

/* Template picker selected state */
.template-option:has(input:checked){
  border-color:color-mix(in srgb,var(--lx-gold) 70%,transparent);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--lx-gold) 22%,transparent),0 14px 30px rgba(154,110,21,.14)
}

/* Login shell */
.auth-shell{box-shadow:0 44px 116px rgba(0,0,0,.72)}
.auth-shell h1{font-family:var(--lx-serif);font-weight:700}

@media(max-width:780px){
  .master-hero h1{font-size:25px}
  .topbar-title b{font-size:20px}
  .master-stats b{font-size:22px}
}

/* --- Login (standalone) --- */
.master-auth .auth-story h1,.master-auth .auth-brand b,.master-auth .panel-head h1,.master-auth .panel-head h2{font-family:var(--lx-serif);letter-spacing:0}
.master-auth .auth-story h1 em{font-family:var(--lx-serif);color:var(--lx-gold2)}
.master-auth .auth-submit{background:var(--lx-grad);color:#0f2530;font-weight:800;border:0}