/* MCC v1.0.16 — Luxury Control UI
   Decorative pass only: preserves component geometry and behavior. */
:root{
  --lux-bg:#080b10;
  --lux-surface:#11161e;
  --lux-surface-2:#151b24;
  --lux-line:rgba(148,163,184,.14);
  --lux-line-hot:rgba(249,115,22,.26);
  --lux-amber:#f97316;
  --lux-copper:#c85d15;
  --lux-cream:#fff7ed;
  --lux-glow:rgba(249,115,22,.14);
  --lux-glow-soft:rgba(249,115,22,.055);
  --lux-shadow:0 22px 65px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.025);
  --lux-shadow-soft:0 12px 34px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.025);
}
html[data-theme=light]{
  --lux-bg:#f4f1ec;
  --lux-surface:#fffdf9;
  --lux-surface-2:#f8f5f0;
  --lux-line:rgba(71,85,105,.12);
  --lux-line-hot:rgba(234,88,12,.22);
  --lux-glow:rgba(249,115,22,.105);
  --lux-glow-soft:rgba(249,115,22,.035);
  --lux-shadow:0 22px 55px rgba(80,64,48,.10), inset 0 1px 0 rgba(255,255,255,.95);
  --lux-shadow-soft:0 12px 28px rgba(80,64,48,.075), inset 0 1px 0 rgba(255,255,255,.9);
}
body{
  background:
    radial-gradient(900px 560px at 9% -8%,rgba(249,115,22,.075),transparent 64%),
    radial-gradient(850px 520px at 92% 108%,rgba(194,65,12,.045),transparent 64%),
    var(--bg);
  background-attachment:fixed;
}
html[data-theme=light] body{
  background:
    radial-gradient(900px 560px at 8% -8%,rgba(249,115,22,.085),transparent 64%),
    radial-gradient(900px 560px at 96% 110%,rgba(194,65,12,.04),transparent 66%),
    linear-gradient(180deg,#f8f6f2,#f1f4f8);
}
/* premium glass header */
.topbar{
  background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 84%,rgba(255,255,255,.035)),color-mix(in srgb,var(--bg) 92%,transparent));
  border-bottom-color:color-mix(in srgb,var(--line) 72%,rgba(249,115,22,.18));
  box-shadow:0 10px 32px rgba(0,0,0,.08);
  backdrop-filter:blur(22px) saturate(125%);
}
html[data-theme=light] .topbar{box-shadow:0 10px 32px rgba(71,85,105,.06)}
.top-title .eyebrow{letter-spacing:.14em;text-shadow:0 0 20px rgba(249,115,22,.18)}
/* sidebar control deck */
.sidebar{
  background:
    radial-gradient(300px 280px at 100% 0,rgba(249,115,22,.09),transparent 66%),
    linear-gradient(180deg,#10151d 0%,#0c1118 50%,#090d13 100%) !important;
  border-left-color:rgba(249,115,22,.10)!important;
  box-shadow:-18px 0 60px rgba(0,0,0,.14),inset 1px 0 0 rgba(255,255,255,.025);
}
html[data-theme=light] .sidebar{
  background:
    radial-gradient(320px 280px at 100% 0,rgba(249,115,22,.07),transparent 68%),
    linear-gradient(180deg,#fffdf9 0%,#faf8f4 48%,#f6f8fb 100%) !important;
  border-left-color:rgba(234,88,12,.13)!important;
  box-shadow:-16px 0 50px rgba(71,85,105,.07),inset 1px 0 0 rgba(255,255,255,.95);
}
.side-brand{border-bottom-color:color-mix(in srgb,var(--line) 70%,rgba(249,115,22,.18))!important}
.brand-orb,.mini-avatar{
  background:
    radial-gradient(circle at 28% 20%,rgba(255,255,255,.68),transparent 18%),
    linear-gradient(145deg,#ffad69 0%,#f97316 44%,#b83e0b 78%,#6f260c 100%)!important;
  box-shadow:0 13px 34px rgba(249,115,22,.27),inset 0 1px 1px rgba(255,255,255,.32)!important;
}
.side-nav a{
  background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(255,255,255,.008))!important;
  border-color:rgba(148,163,184,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.026),0 8px 22px rgba(0,0,0,.055)!important;
}
.side-nav a i{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;border:1px solid rgba(255,255,255,.04)}
.side-nav a:hover{border-color:rgba(249,115,22,.22)!important;background:linear-gradient(135deg,rgba(249,115,22,.075),rgba(255,255,255,.018))!important}
.side-nav a.active{
  background:
    radial-gradient(140px 80px at 100% 50%,rgba(249,115,22,.21),transparent 78%),
    linear-gradient(90deg,rgba(249,115,22,.17),rgba(249,115,22,.045))!important;
  border-color:rgba(249,115,22,.30)!important;
  box-shadow:inset -3px 0 #fb7f23,0 14px 34px rgba(249,115,22,.10),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
html[data-theme=light] .side-nav a{
  background:linear-gradient(145deg,#fff,#faf8f4)!important;
  border-color:rgba(234,88,12,.12)!important;
  box-shadow:0 9px 22px rgba(71,85,105,.045),inset 0 1px 0 #fff!important;
}
html[data-theme=light] .side-nav a:hover{border-color:rgba(234,88,12,.24)!important;background:linear-gradient(145deg,#fffaf5,#fff)!important}
html[data-theme=light] .side-nav a.active{color:#2b211b!important;background:linear-gradient(90deg,rgba(249,115,22,.15),rgba(255,255,255,.96))!important}
/* luxury materials for cards */
:is(.panel,.stat-card,.health-card,.channel-card,.pub-row,.schedule-card,.metric-row,.secret-row,.module-roadmap article,.publishing-filter-shell,.modal-card){
  border-color:var(--lux-line)!important;
  box-shadow:var(--lux-shadow-soft)!important;
}
:is(.panel,.stat-card,.health-card,.channel-card,.pub-row,.schedule-card,.publishing-filter-shell,.modal-card){
  background:
    radial-gradient(320px 180px at 102% -8%,var(--lux-glow),transparent 67%),
    radial-gradient(320px 220px at -12% 112%,rgba(255,255,255,.018),transparent 68%),
    linear-gradient(145deg,color-mix(in srgb,var(--surface) 96%,#fff 4%),color-mix(in srgb,var(--surface2) 96%,#000 4%))!important;
}
html[data-theme=light] :is(.panel,.stat-card,.health-card,.channel-card,.pub-row,.schedule-card,.publishing-filter-shell,.modal-card){
  background:
    radial-gradient(330px 190px at 102% -8%,var(--lux-glow),transparent 67%),
    radial-gradient(320px 220px at -12% 112%,rgba(255,255,255,.78),transparent 68%),
    linear-gradient(145deg,#fffefb,#f9f7f3)!important;
}
/* specular highlight without changing geometry */
:is(.panel,.stat-card,.health-card,.channel-card,.pub-row,.schedule-card,.publishing-filter-shell,.modal-card)::after{
  content:"";position:absolute;pointer-events:none;z-index:0;inset:0;border-radius:inherit;
  background:linear-gradient(125deg,rgba(255,255,255,.045),transparent 22%,transparent 76%,rgba(249,115,22,.018));
  mask:linear-gradient(#000,#000);opacity:.8;
}
html[data-theme=light] :is(.panel,.stat-card,.health-card,.channel-card,.pub-row,.schedule-card,.publishing-filter-shell,.modal-card)::after{background:linear-gradient(125deg,rgba(255,255,255,.82),transparent 25%,transparent 78%,rgba(249,115,22,.025));opacity:.48}
:is(.panel,.stat-card,.health-card,.channel-card,.pub-row,.schedule-card,.publishing-filter-shell,.modal-card)>*{position:relative;z-index:1}
.panel:hover,.stat-card:hover,.health-card:hover,.channel-card:hover,.pub-row:hover{border-color:var(--lux-line-hot)!important;box-shadow:0 18px 46px rgba(0,0,0,.17),0 0 38px rgba(249,115,22,.035),inset 0 1px 0 rgba(255,255,255,.035)!important}
html[data-theme=light] .panel:hover,html[data-theme=light] .stat-card:hover,html[data-theme=light] .health-card:hover,html[data-theme=light] .channel-card:hover,html[data-theme=light] .pub-row:hover{box-shadow:0 18px 42px rgba(80,64,48,.09),0 0 32px rgba(249,115,22,.025),inset 0 1px 0 #fff!important}
/* premium stats */
.stat-card .icon{background:linear-gradient(145deg,rgba(249,115,22,.17),rgba(249,115,22,.055))!important;border:1px solid rgba(249,115,22,.12);box-shadow:0 10px 24px rgba(249,115,22,.08),inset 0 1px 0 rgba(255,255,255,.06)}
.stat-card strong{letter-spacing:-.025em;text-shadow:0 1px 18px rgba(255,255,255,.025)}
/* buttons: glass + copper */
.primary-btn,.login-submit{
  position:relative;overflow:hidden;
  border-color:rgba(255,171,94,.52)!important;
  background:linear-gradient(180deg,#ff9c4a 0%,#f97316 48%,#dd570a 100%)!important;
  box-shadow:0 14px 30px rgba(249,115,22,.22),inset 0 1px 0 rgba(255,255,255,.36),inset 0 -1px 0 rgba(100,35,4,.32)!important;
}
.primary-btn:hover,.login-submit:hover{filter:saturate(1.04) brightness(1.035);box-shadow:0 18px 38px rgba(249,115,22,.28),inset 0 1px 0 rgba(255,255,255,.42)!important}
.ghost-btn,.mini-btn,.icon-btn{background:linear-gradient(145deg,color-mix(in srgb,var(--surface2) 92%,#fff 8%),color-mix(in srgb,var(--surface) 98%,#000 2%))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.05)}
html[data-theme=light] .ghost-btn,html[data-theme=light] .mini-btn,html[data-theme=light] .icon-btn{background:linear-gradient(145deg,#fff,#f6f4f0)!important;box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(71,85,105,.05)}
/* form controls */
:where(input,select,textarea){transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea,.login-card input,.pub-search-wrap input,.publishing-filter-row>select{
  border-color:rgba(148,163,184,.14)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006)),var(--surface2)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),inset 0 0 0 1px rgba(0,0,0,.02)!important;
}
html[data-theme=light] .toolbar input,html[data-theme=light] .toolbar select,html[data-theme=light] .form-grid input,html[data-theme=light] .form-grid select,html[data-theme=light] .form-grid textarea,html[data-theme=light] .login-card input,html[data-theme=light] .pub-search-wrap input,html[data-theme=light] .publishing-filter-row>select{background:linear-gradient(180deg,#fff,#faf8f5)!important;border-color:rgba(100,116,139,.15)!important;color:#1e293b!important}
:where(.toolbar input,.toolbar select,.form-grid input,.form-grid select,.form-grid textarea,.login-card input,.pub-search-wrap input,.publishing-filter-row>select):focus{border-color:rgba(249,115,22,.62)!important;box-shadow:0 0 0 3px rgba(249,115,22,.085),0 10px 26px rgba(249,115,22,.045),inset 0 1px 0 rgba(255,255,255,.04)!important}
/* status capsules */
.badge{border:1px solid rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
.badge.good{background:linear-gradient(180deg,rgba(34,197,94,.17),rgba(22,163,74,.095))!important}
.badge.warn{background:linear-gradient(180deg,rgba(234,179,8,.17),rgba(202,138,4,.095))!important}
.badge.bad{background:linear-gradient(180deg,rgba(239,68,68,.17),rgba(220,38,38,.095))!important}
.badge.info{background:linear-gradient(180deg,rgba(96,165,250,.16),rgba(59,130,246,.085))!important}
/* list rows */
.admin-list-table tbody tr{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 97%,#fff 3%),color-mix(in srgb,var(--surface2) 97%,#000 3%));box-shadow:var(--lux-shadow-soft)}
html[data-theme=light] .admin-list-table tbody tr{background:linear-gradient(145deg,#fff,#faf8f5)}
.admin-list-table tbody tr:hover{border-color:rgba(249,115,22,.23)!important;box-shadow:0 14px 30px rgba(0,0,0,.10),0 0 26px rgba(249,115,22,.025)!important}
/* publishing rows */
.pub-row{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.pub-row:hover{transform:translateY(-1px)}
.pub-media{box-shadow:0 16px 28px rgba(0,0,0,.20),0 0 0 1px rgba(249,115,22,.06);background:linear-gradient(145deg,#171c24,#0b0f15)!important}
html[data-theme=light] .pub-media{background:linear-gradient(145deg,#f7f3ee,#fff)!important;box-shadow:0 14px 28px rgba(70,55,40,.10),0 0 0 1px rgba(249,115,22,.08)}
/* date ribbon */
.schedule-card{box-shadow:0 18px 46px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.025)!important}
.qp-day-card{background:linear-gradient(180deg,color-mix(in srgb,var(--surface2) 94%,#fff 6%),color-mix(in srgb,var(--surface) 98%,#000 2%))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.qp-day-card.active{background:linear-gradient(180deg,#ff9c4a,#f97316)!important;box-shadow:0 11px 24px rgba(249,115,22,.21),inset 0 1px 0 rgba(255,255,255,.32)!important}
html[data-theme=light] .qp-day-card{background:linear-gradient(180deg,#fff,#f8f5f0)!important;box-shadow:0 7px 16px rgba(71,85,105,.04),inset 0 1px 0 #fff}
/* modals */
.modal-backdrop{background:rgba(3,6,10,.69)!important;backdrop-filter:blur(12px) saturate(118%)!important}
.modal-card{box-shadow:0 38px 120px rgba(0,0,0,.46),0 0 60px rgba(249,115,22,.045),inset 0 1px 0 rgba(255,255,255,.04)!important}
.modal-head{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 88%,transparent),color-mix(in srgb,var(--surface) 96%,transparent))!important;backdrop-filter:blur(20px);border-bottom-color:rgba(249,115,22,.11)!important}
html[data-theme=light] .modal-backdrop{background:rgba(38,31,25,.34)!important}
html[data-theme=light] .modal-card{box-shadow:0 35px 90px rgba(55,43,32,.18),0 0 54px rgba(249,115,22,.035),inset 0 1px 0 #fff!important}
/* login */
.login-body{background:radial-gradient(800px 500px at 5% 5%,rgba(249,115,22,.12),transparent 65%),radial-gradient(700px 440px at 96% 104%,rgba(194,65,12,.075),transparent 64%),#080b10!important}
.login-shell{box-shadow:0 45px 130px rgba(0,0,0,.46),0 0 70px rgba(249,115,22,.04)!important;border-color:rgba(249,115,22,.12)!important}
.login-brand{background:radial-gradient(480px 300px at 10% 8%,rgba(249,115,22,.16),transparent 62%),linear-gradient(145deg,#17120f,#0d1219)!important}
.status-chip{background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.008))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
/* micro motion */
@media (prefers-reduced-motion:no-preference){
  .panel,.stat-card,.health-card,.channel-card,.pub-row,.side-nav a,.primary-btn,.ghost-btn,.mini-btn,.qp-day-card{transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease,background .17s ease,filter .17s ease}
}
@media(max-width:860px){
  .panel:hover,.stat-card:hover,.health-card:hover,.channel-card:hover,.pub-row:hover{transform:none}
  .modal-card{box-shadow:0 -24px 70px rgba(0,0,0,.32),0 0 40px rgba(249,115,22,.03)!important}
}


/* ===== MCC v1.0.17 — Magics Brand Logo + Animated Amber Halo ===== */
.brand-logo{
  --brand-logo-size:58px;
  --brand-halo-alpha:.28;
  position:relative;
  isolation:isolate;
  width:var(--brand-logo-size);
  height:var(--brand-logo-size);
  flex:0 0 var(--brand-logo-size);
  display:grid;
  place-items:center;
  border-radius:50%;
  overflow:visible;
  transform:translateZ(0);
}
.brand-logo::before{
  content:"";
  position:absolute;
  inset:-18%;
  z-index:0;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,
    rgba(255,181,70,var(--brand-halo-alpha)) 0%,
    rgba(249,115,22,.20) 34%,
    rgba(234,88,12,.07) 56%,
    transparent 74%);
  filter:blur(8px);
  animation:mccBrandHaloPulse 3.4s ease-in-out infinite;
}
.brand-logo::after{
  content:"";
  position:absolute;
  inset:-9%;
  z-index:1;
  border-radius:50%;
  pointer-events:none;
  background:conic-gradient(from 0deg,
    transparent 0 18%,rgba(255,190,92,.34) 24%,transparent 34% 60%,
    rgba(249,115,22,.28) 68%,transparent 78% 100%);
  -webkit-mask:radial-gradient(circle,transparent 57%,#000 61% 67%,transparent 71%);
  mask:radial-gradient(circle,transparent 57%,#000 61% 67%,transparent 71%);
  filter:blur(.8px);
  opacity:.72;
  animation:mccBrandHaloOrbit 8s linear infinite;
}
.brand-logo-img{
  grid-area:1/1;
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  user-select:none;
  pointer-events:none;
  filter:drop-shadow(0 8px 18px rgba(249,115,22,.20));
}
.brand-logo-light{display:none}
html[data-theme="light"] .brand-logo-dark{display:none}
html[data-theme="light"] .brand-logo-light{display:block}
html[data-theme="light"] .brand-logo{--brand-halo-alpha:.18}
html[data-theme="light"] .brand-logo::before{filter:blur(10px);opacity:.72}
html[data-theme="light"] .brand-logo-img{filter:drop-shadow(0 8px 16px rgba(194,65,12,.15))}
.brand-logo--sidebar{--brand-logo-size:64px;margin-inline-start:-3px}
.brand-logo--login{--brand-logo-size:88px;margin-bottom:8px}
.brand-logo--mini{--brand-logo-size:38px;--brand-halo-alpha:.16}
.brand-logo--mini::before{inset:-12%;filter:blur(5px)}
.brand-logo--mini::after{inset:-5%;opacity:.48}
.side-brand .brand-logo + div{min-width:0}
.side-brand{gap:14px!important;align-items:center!important}
.login-brand-intro .brand-logo{align-self:flex-start}
.admin-chip .brand-logo{margin:0}
@keyframes mccBrandHaloPulse{
  0%,100%{transform:scale(.92);opacity:.58}
  48%{transform:scale(1.11);opacity:1}
  70%{transform:scale(1.02);opacity:.80}
}
@keyframes mccBrandHaloOrbit{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  .brand-logo::before,.brand-logo::after{animation:none!important}
}
@media(max-width:860px){
  .brand-logo--sidebar{--brand-logo-size:58px}
  .brand-logo--mini{--brand-logo-size:34px}
}