
/* SHUT v8 – Editorial Control */
:root{
  --v8-bg:#05070d;--v8-ink:#f6f8fb;--v8-muted:#90a3bd;--v8-card:#0b1422;
  --v8-line:rgba(255,255,255,.105);--v8-blue:#1da1ff;--v8-green:#29d66f;
  --v8-warn:#ffb020;--v8-radius:18px;--v8-shadow:0 26px 90px rgba(0,0,0,.46);
}
body{
  background:radial-gradient(circle at 18% -12%, rgba(29,161,255,.26), transparent 30%),
             radial-gradient(circle at 88% 4%, rgba(41,214,111,.10), transparent 24%),
             linear-gradient(180deg,#07101d 0%,#05070d 82%)!important;
  color:var(--v8-ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif!important;
  overflow-x:hidden;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:linear-gradient(rgba(255,255,255,.026) 1px, transparent 1px),
             linear-gradient(90deg,rgba(255,255,255,.020) 1px, transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.70),transparent 72%);
}
.wrap,.shut-layout,.container,main{width:min(1380px,calc(100% - 38px))!important;max-width:1380px!important;margin-left:auto!important;margin-right:auto!important}
header{display:grid!important;grid-template-columns:1fr auto;gap:18px!important;align-items:center!important;padding:24px 0 18px!important;margin-bottom:18px!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
.logo .lm,.shut-logo{width:54px!important;height:54px!important;border-radius:16px!important;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.35),transparent 32%),linear-gradient(135deg,#0ea5e9,#1d4ed8 56%,#0f172a)!important;box-shadow:0 18px 50px rgba(14,165,233,.28)!important}
.logo .bn,.shut-brand h1,.bn{font-size:clamp(28px,3.1vw,44px)!important;font-weight:950!important;letter-spacing:-.075em!important;line-height:.94!important;margin:0!important}
.logo .bn em,.bn em{color:var(--v8-blue)!important;font-style:normal!important}
.logo .bs,.shut-kicker,.bs{color:#a7bbd6!important;font-size:11px!important;font-weight:950!important;letter-spacing:.24em!important;text-transform:uppercase!important;margin-top:5px!important}
.shut-topbar{position:sticky!important;top:10px!important;z-index:70!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:6px!important;margin:0 0 18px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:16px!important;background:rgba(5,10,18,.74)!important;backdrop-filter:blur(24px)!important;box-shadow:0 18px 70px rgba(0,0,0,.34)!important}
.shut-topbar-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;padding:0 12px!important;border-radius:12px!important;font-size:12px!important;font-weight:900!important;color:#dbeafe!important;background:transparent!important;text-decoration:none!important}
.shut-topbar-link.active{background:#f8fafc!important;color:#06111f!important}
.tabs.main-tabs,.tabs{display:flex!important;gap:4px!important;padding:5px!important;margin:14px 0 18px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:17px!important;background:rgba(255,255,255,.035)!important}
.tabs .tab,.main-tabs .tab{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 18px!important;border:0!important;border-radius:13px!important;background:transparent!important;color:#c7d7ee!important;font-size:14px!important;font-weight:950!important;text-decoration:none!important}
.tabs .tab.active,.main-tabs .tab.active{background:#f8fafc!important;color:#07111f!important}
.rc,.card,.shut-card,.mdc,.qi,.luc,fieldset,.box,.panel{position:relative!important;background:linear-gradient(180deg,rgba(16,30,50,.86),rgba(10,20,35,.86))!important;border:1px solid rgba(255,255,255,.105)!important;border-radius:20px!important;box-shadow:0 22px 70px rgba(0,0,0,.36)!important;backdrop-filter:blur(16px)!important}
.rc{padding:17px!important;overflow:hidden!important}
.rc-head strong{font-size:20px!important;font-weight:950!important;letter-spacing:-.035em!important}
.rc-pill{margin-left:auto!important;min-width:34px!important;height:24px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.12)!important;color:#dcecff!important;font-size:12px!important;font-weight:950!important}
.src-row{margin-top:10px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 42px 42px!important;gap:8px!important;align-items:center!important}
.src-inp,input,select,textarea{height:44px!important;min-height:44px!important;border-radius:13px!important;background:rgba(2,6,23,.72)!important;border:1px solid rgba(148,163,184,.24)!important;color:#f8fbff!important;padding:0 13px!important}
.btn.grn2{height:46px!important;padding:0 22px!important;border:0!important;border-radius:15px!important;background:linear-gradient(135deg,#16a34a,#4ade80)!important;color:#04210f!important;box-shadow:0 18px 50px rgba(34,197,94,.22)!important}
.ntb-status-wrap{margin:0 0 18px!important;padding:18px!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(12,24,41,.92),rgba(8,16,29,.86))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 28px 90px rgba(0,0,0,.36)!important}
.ntb-status-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px!important}
.ntb-status-box{min-height:78px!important;padding:13px!important;border-radius:17px!important;background:rgba(2,6,23,.46)!important;border:1px solid rgba(255,255,255,.10)!important}
.ntb-status-box span{display:block!important;color:#93a9c7!important;font-size:11px!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.ntb-status-box strong{display:block!important;margin-top:10px!important;color:#f8fbff!important;font-size:19px!important;line-height:1!important;font-weight:950!important}
.ntb-status-box.warn{border-color:rgba(245,158,11,.35)!important;background:rgba(245,158,11,.10)!important}
.ntb-status-box.warn strong{color:#fde68a!important}
.ntb-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:15px!important}
.ntb-actions a{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;padding:0 12px!important;border-radius:999px!important;background:rgba(255,255,255,.075)!important;color:#eaf4ff!important;border:1px solid rgba(255,255,255,.12)!important;text-decoration:none!important;font-size:12px!important;font-weight:950!important}
.shut-toolrow{display:none!important}
.dlbtn,.sdl{background:linear-gradient(135deg,#16a34a,#4ade80)!important;color:#041d0d!important}
@media(max-width:1100px){.ntb-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){
  .wrap,.shut-layout,.container,main{width:calc(100% - 18px)!important}
  header{display:block!important;padding-top:14px!important}
  .shut-topbar,.tabs{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important}
  .shut-topbar::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none!important}
  .tabs .tab,.main-tabs .tab,.shut-topbar-link{white-space:nowrap!important;flex:0 0 auto!important}
  .ntb-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .src-row{grid-template-columns:1fr!important}
}
