
/* Steel Axis v1.112 — Enterprise Mega Buildout 360 */
:root{
  --mega112-bg:#020713;
  --mega112-panel:#071827;
  --mega112-line:rgba(142,234,255,.24);
  --mega112-cyan:#8eeaff;
  --mega112-green:#25d366;
  --mega112-gold:#ffd166;
  --mega112-red:#ff5b6b;
  --mega112-purple:#9b7cff;
  --mega112-text:#eefbff;
  --mega112-muted:#9ebad0;
}
html.sa-mega112 body.sa98-admin{
  background:
    radial-gradient(circle at 8% 5%,rgba(155,124,255,.20),transparent 28%),
    radial-gradient(circle at 82% -6%,rgba(0,168,255,.30),transparent 36%),
    radial-gradient(circle at 50% 110%,rgba(37,211,102,.12),transparent 36%),
    linear-gradient(180deg,#061521,#02070d);
}
.sa112-shell{width:min(1860px,calc(100% - 20px));margin:14px auto 80px;display:grid;gap:12px}
.sa112-panel{
  border:1px solid var(--mega112-line);
  background:radial-gradient(circle at 16% 0,rgba(0,168,255,.16),transparent 38%),linear-gradient(180deg,rgba(13,35,55,.98),rgba(3,13,23,.99));
  box-shadow:0 22px 56px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.06);
  clip-path:polygon(24px 0,calc(100% - 24px) 0,100% 24px,100% calc(100% - 24px),calc(100% - 24px) 100%,24px 100%,0 calc(100% - 24px),0 24px);
}
.sa112-card{padding:18px}
.sa112-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}
.sa112-title h1{margin:6px 0 10px;font-size:clamp(34px,5vw,74px);letter-spacing:-.04em}
.sa112-title p{margin:0;color:var(--mega112-muted);line-height:1.8;font-weight:800;font-size:15px}
.sa112-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;color:#06131f;background:linear-gradient(90deg,var(--mega112-cyan),var(--mega112-green));font-weight:1000;font-size:12px}
.sa112-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sa112-kpi{padding:14px;border:1px solid rgba(142,234,255,.17);background:rgba(255,255,255,.04);min-height:96px;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}
.sa112-kpi b{display:block;font-size:32px;color:#fff;letter-spacing:-.04em}.sa112-kpi small{color:var(--mega112-muted);font-weight:900}
.sa112-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.sa112-input,.sa112-select{
  min-height:44px;border:1px solid var(--mega112-line);background:#061725;color:var(--mega112-text);font:inherit;font-weight:900;padding:0 12px;outline:none;
}
.sa112-input{flex:1;min-width:260px}
.sa112-select{min-width:210px}
.sa112-btn{
  min-height:42px;border:1px solid var(--mega112-line);background:rgba(255,255,255,.055);color:var(--mega112-text);
  font:inherit;font-weight:1000;cursor:pointer;padding:0 13px;text-decoration:none;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);
}
.sa112-btn.primary{color:#06131f;background:linear-gradient(90deg,var(--mega112-cyan),var(--mega112-green))}
.sa112-btn.warn{color:#06131f;background:linear-gradient(90deg,var(--mega112-gold),var(--mega112-cyan))}
.sa112-btn.danger{background:rgba(255,91,107,.14);border-color:rgba(255,91,107,.36)}
.sa112-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sa112-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.sa112-module{
  min-height:190px;padding:14px;border:1px solid rgba(142,234,255,.18);background:linear-gradient(180deg,rgba(11,34,55,.96),rgba(4,13,23,.99));
  display:flex;flex-direction:column;justify-content:space-between;
  clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px);
}
.sa112-module h3{margin:0 0 7px;font-size:17px;line-height:1.35}.sa112-module p{margin:0;color:var(--mega112-muted);font-size:12px;line-height:1.65;font-weight:800}
.sa112-badges{display:flex;gap:5px;flex-wrap:wrap;margin:9px 0}.sa112-badge{display:inline-flex;padding:4px 7px;font-size:10px;border-radius:999px;color:#06131f;background:var(--mega112-cyan);font-weight:1000}.sa112-badge.green{background:var(--mega112-green)}.sa112-badge.gold{background:var(--mega112-gold)}.sa112-badge.purple{background:#b8a8ff}
.sa112-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sa112-column{padding:12px;border:1px solid rgba(142,234,255,.16);background:rgba(255,255,255,.035)}.sa112-column h3{margin:0 0 8px}.sa112-item{padding:9px;border:1px solid rgba(142,234,255,.12);background:rgba(255,255,255,.035);margin-bottom:7px;color:#dff7ff;font-weight:900;font-size:12px}
.sa112-code{width:100%;min-height:310px;border:1px solid rgba(142,234,255,.18);background:#04111d;color:#dff7ff;padding:12px;font:600 12px/1.6 ui-monospace,Consolas,monospace;resize:vertical}
.sa112-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.sa112-tab{min-height:40px;border:1px solid rgba(142,234,255,.20);background:rgba(255,255,255,.04);color:#eefbff;font:inherit;font-weight:1000;cursor:pointer;padding:0 12px}.sa112-tab.active{color:#06131f;background:linear-gradient(90deg,var(--mega112-cyan),var(--mega112-green))}
.sa112-runner{width:min(1320px,calc(100% - 20px));margin:14px auto 80px;padding:24px}.sa112-runner h1{margin:8px 0;font-size:clamp(34px,5vw,70px)}.sa112-runner p{color:var(--mega112-muted);font-weight:800;line-height:1.8}.sa112-runner-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.sa112-public-strip{max-width:1280px;margin:18px auto;padding:18px;border:1px solid rgba(142,234,255,.20);background:linear-gradient(180deg,rgba(11,34,55,.94),rgba(3,12,23,.96));color:#eefbff;font-family:Tajawal,system-ui,sans-serif;clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px)}
.sa112-public-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sa112-public-card{padding:14px;border:1px solid rgba(142,234,255,.16);background:rgba(255,255,255,.035)}.sa112-public-card h3{margin:0 0 8px}.sa112-public-card p{color:#9ebad0;font-weight:800;line-height:1.7}.sa112-public-card a{display:inline-flex;min-height:36px;align-items:center;padding:0 12px;color:#06131f;background:linear-gradient(90deg,#8eeaff,#25d366);font-weight:1000;text-decoration:none}
.sa112-toast{position:fixed;left:18px;bottom:18px;z-index:10001;max-width:420px;padding:12px 14px;border:1px solid rgba(142,234,255,.28);background:linear-gradient(180deg,rgba(11,34,55,.98),rgba(3,12,23,.98));color:#eefbff;box-shadow:0 18px 44px rgba(0,0,0,.36);opacity:0;transform:translateY(16px);transition:.22s ease;pointer-events:none;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}
.sa112-toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1320px){.sa112-hero{grid-template-columns:1fr}.sa112-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sa112-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sa112-board,.sa112-public-cards{grid-template-columns:1fr}}
@media(max-width:840px){.sa112-grid,.sa112-grid.three,.sa112-kpis{grid-template-columns:1fr}.sa112-input,.sa112-select{min-width:100%}}
