
/* Steel Axis v1.109 — Enterprise Growth Modules + Site Buildout */
:root{
  --g109-bg:#020713;
  --g109-panel:#071827;
  --g109-line:rgba(142,234,255,.24);
  --g109-cyan:#8eeaff;
  --g109-green:#25d366;
  --g109-gold:#ffd166;
  --g109-red:#ff5b6b;
  --g109-purple:#9b7cff;
  --g109-text:#eefbff;
  --g109-muted:#9ebad0;
}
html.sa-growth109 body.sa98-admin{
  background:radial-gradient(circle at 12% 5%,rgba(155,124,255,.18),transparent 28%),radial-gradient(circle at 86% 0,rgba(0,168,255,.22),transparent 34%),linear-gradient(180deg,#061521,#02070d);
}
.sa109-growth-hero{
  display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-bottom:12px;
}
.sa109-panel{
  border:1px solid var(--g109-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(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px);
}
.sa109-card{padding:18px}
.sa109-card h1{margin:7px 0 8px;font-size:clamp(32px,4vw,58px)}
.sa109-card h2{margin:0 0 10px;font-size:28px}
.sa109-card p{margin:0;color:var(--g109-muted);line-height:1.8;font-weight:800}
.sa109-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sa109-kpi{padding:14px;border:1px solid rgba(142,234,255,.17);background:rgba(255,255,255,.04);min-height:90px;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)}
.sa109-kpi b{display:block;font-size:30px;color:#fff}.sa109-kpi small{color:var(--g109-muted);font-weight:900}
.sa109-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.sa109-search{min-height:44px;min-width:260px;flex:1;border:1px solid var(--g109-line);background:#061725;color:var(--g109-text);font:inherit;font-weight:900;padding:0 12px;outline:none}
.sa109-select{min-height:44px;border:1px solid var(--g109-line);background:#061725;color:var(--g109-text);font:inherit;font-weight:900;padding:0 12px;outline:none;min-width:190px}
.sa109-btn{min-height:42px;border:1px solid var(--g109-line);background:rgba(255,255,255,.055);color:var(--g109-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)}
.sa109-btn.primary{color:#06131f;background:linear-gradient(90deg,var(--g109-cyan),var(--g109-green))}
.sa109-btn.warn{color:#06131f;background:linear-gradient(90deg,var(--g109-gold),var(--g109-cyan))}
.sa109-btn.danger{background:rgba(255,91,107,.14);border-color:rgba(255,91,107,.34)}
.sa109-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.sa109-module{
  padding:14px;border:1px solid rgba(142,234,255,.18);background:linear-gradient(180deg,rgba(11,34,55,.96),rgba(4,13,23,.99));
  min-height:172px;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);
}
.sa109-module h3{margin:0 0 6px;font-size:17px;line-height:1.35}.sa109-module p{font-size:12px;min-height:44px}
.sa109-badges{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.sa109-badge{display:inline-flex;padding:4px 7px;font-size:10px;border-radius:999px;color:#06131f;background:var(--g109-cyan);font-weight:1000}.sa109-badge.green{background:var(--g109-green)}.sa109-badge.gold{background:var(--g109-gold)}.sa109-badge.purple{background:#b8a8ff}
.sa109-site-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sa109-public-section{padding:14px;border:1px solid rgba(142,234,255,.18);background:rgba(255,255,255,.04);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)}.sa109-public-section h3{margin:0 0 7px}.sa109-public-section p{font-size:12px}
.sa109-module-page{margin:14px auto;width:min(1200px,calc(100% - 20px));padding:22px;border:1px solid var(--g109-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));color:var(--g109-text);font-family:Tajawal,system-ui,sans-serif;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)}
.sa109-module-page h1{font-size:clamp(32px,5vw,64px);margin:8px 0}.sa109-module-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.sa109-module-kpis div{padding:14px;border:1px solid rgba(142,234,255,.17);background:rgba(255,255,255,.04)}.sa109-module-kpis b{display:block}.sa109-module-kpis small{color:var(--g109-muted)}.sa109-module-actions{display:flex;gap:8px;flex-wrap:wrap}
.sa109-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)}
.sa109-toast.show{opacity:1;transform:translateY(0)}
.sa109-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)}
.sa109-public-strip h2{margin:0 0 8px}.sa109-public-strip p{color:#9ebad0;font-weight:800;line-height:1.7}.sa109-public-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sa109-public-card{padding:14px;border:1px solid rgba(142,234,255,.16);background:rgba(255,255,255,.035)}.sa109-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}
@media(max-width:1320px){.sa109-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sa109-growth-hero{grid-template-columns:1fr}.sa109-site-preview,.sa109-public-cards{grid-template-columns:1fr}.sa109-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sa109-module-grid,.sa109-kpis,.sa109-module-kpis{grid-template-columns:1fr}.sa109-search,.sa109-select{min-width:100%}}
