/* Aurex: responsive presentation layer. Existing application contracts retained. */
:root {
  --ax-bg:#0b0e12; --ax-bg-2:#101419; --ax-surface:#151a20;
  --ax-surface-2:#1b2129; --ax-surface-3:#222a34;
  --ax-border:rgba(191,202,217,.12); --ax-border-gold:rgba(226,177,81,.3);
  --ax-gold:#d9ab59; --ax-gold-bright:#efc676; --ax-gold-light:#f6dca5;
  --ax-text:#f1f3f5; --ax-text-2:#ced3db; --ax-muted:#a0a9b6; --ax-dim:#8993a2;
  --ax-emerald:#67cba5; --ax-cyan:#89b7dc;
  --ax-radius:16px; --ax-radius-lg:20px; --ax-radius-xl:24px;
  --ax-shadow:0 12px 30px rgba(0,0,0,.15); --ax-glow-gold:none;
}
html { scroll-behavior:smooth; scroll-padding-top:110px; color-scheme:dark; }
body { background:var(--ax-bg); font-size:14px; line-height:1.65; background-image:none; }
body::before,body::after { display:none; }
button,input,select,textarea { font:inherit; }
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:2px solid var(--ax-gold-bright); outline-offset:4px; }
img,svg,canvas { max-width:100%; }
button { touch-action:manipulation; }
[hidden] { display:none!important; }
.ax-container { width:min(1200px,100% - 64px); max-width:1200px; padding:0; }
.ax-public-main { min-height:55vh; }
.ax-ticker-bar { background:#101419; border-bottom:1px solid var(--ax-border); }
.ax-ticker-inner { min-height:36px; gap:20px; }
.ax-ticker-items { min-width:0; gap:24px; font-size:10px; scrollbar-width:none; }
.ax-tick-item { font-size:10px; }
.ax-tick-dot { background:var(--ax-emerald); box-shadow:none; width:6px; height:6px; }
.ax-ticker-contact { display:flex; align-items:center; gap:14px; flex-shrink:0; }
.ax-header { background:rgba(11,14,18,.96); border-bottom:1px solid var(--ax-border); backdrop-filter:blur(14px); z-index:60; }
.ax-nav { min-height:82px; gap:24px; position:relative; }
.ax-brand { flex-shrink:0; gap:10px; }
.ax-brand-mark { background:#e5b860; color:#14171c; border-radius:12px; box-shadow:none; width:42px; height:42px; }
.ax-brand-mark img { width:100%; height:100%; object-fit:contain; }
.ax-brand-title { font-size:19px; letter-spacing:-.7px; white-space:nowrap; }
.ax-brand-sub { font-size:9px; letter-spacing:1.5px; color:var(--ax-muted); }
.ax-nav-links { gap:4px; min-width:0; }
.ax-nav-link { padding:10px 12px; font-size:12px; border-radius:9px; }
.ax-nav-link i { display:none; }
.ax-nav-link.active { color:var(--ax-gold-bright); background:rgba(217,171,89,.09); }
.ax-nav-actions { gap:8px; flex-shrink:0; }
.ax-btn { border-radius:10px; min-height:44px; gap:8px; font-weight:700; font-size:13px; box-shadow:none; transition:background .18s,transform .18s,border-color .18s; white-space:normal; text-align:center; }
.ax-btn-gold { background:#e6b963; color:#171a20; border:1px solid #e6b963; box-shadow:none; }
.ax-btn-gold:hover { background:#f0ca83; box-shadow:none; transform:translateY(-1px); }
.ax-btn-outline { background:transparent; border-color:rgba(191,202,217,.2); }
.ax-btn-outline:hover { background:rgba(255,255,255,.05); border-color:var(--ax-gold); }
.ax-btn-lg { padding:14px 20px; }
.ax-btn:disabled,.adm-btn:disabled { opacity:.55; cursor:wait; transform:none; }
.ax-menu-toggle { display:none; width:44px; height:44px; border:1px solid var(--ax-border); background:var(--ax-surface); color:var(--ax-text); border-radius:10px; flex-shrink:0; cursor:pointer; }
.ax-skip { position:fixed; top:8px; left:12px; transform:translateY(-180%); z-index:200; padding:10px 16px; background:var(--ax-gold-bright); color:#14171c; border-radius:8px; }
.ax-skip:focus { transform:none; }
.ax-hero { padding:56px 0 36px; }
.ax-hero-grid { grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr); gap:48px; align-items:start; }
.ax-hero-main { padding:10px 0 0; border:0; border-radius:0; box-shadow:none; background:none; overflow:visible; gap:26px; }
.ax-hero-main::before { display:none; }
.ax-hero-eyebrow { border:0; background:none; padding:0; font-size:10px; letter-spacing:1.7px; color:var(--ax-gold-bright); line-height:1.7; }
.ax-hero-title { font-size:clamp(36px,4.5vw,58px); line-height:1.14; letter-spacing:-2.3px; margin:20px 0 18px; font-weight:700; max-width:650px; }
.ax-hero-title span { color:var(--ax-gold-bright); background:none; -webkit-text-fill-color:currentColor; }
.ax-hero-desc { max-width:560px; font-size:14px; line-height:1.9; color:var(--ax-muted); margin-bottom:22px; }
.ax-hero-actions { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:26px; }
.ax-hero-pills { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0; border-top:1px solid var(--ax-border); padding-top:20px; }
.ax-hero-pill { padding:0; border:0; border-radius:0; background:none; }
.ax-hero-pill-lbl { font-size:10px; color:var(--ax-muted); margin-bottom:5px; }
.ax-hero-pill-val { font-size:13px; font-weight:600; letter-spacing:-.3px; }
.ax-hero-showcase { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; padding:20px; background:linear-gradient(125deg,#1b2127,#11161c); border:1px solid var(--ax-border); border-radius:18px; box-shadow:none; margin-top:0; }
.ax-hero-showcase .ax-rig-stage { height:140px; margin:0; border:0; background:none; }
.ax-hero-showcase h3 { font-size:14px!important; }
.ax-hero-showcase p { font-size:12px!important; }
.ax-auth-card { padding:26px; background:#14191f; border:1px solid var(--ax-border); box-shadow:none; border-radius:20px; display:block; min-width:0; }
.ax-hero-grid>.ax-auth-card { position:sticky; top:100px; }
.ax-auth-tabs { padding:4px; border-radius:10px; background:#0b0f14; margin-bottom:24px; display:grid; grid-template-columns:1fr 1fr; }
.ax-auth-tab { min-height:42px; font-size:12px; border-radius:7px; padding:8px; }
.ax-auth-tab.active { background:#28303a; color:var(--ax-text); box-shadow:none; }
.ax-input,.ax-select,.ax-textarea,.adm-input,.adm-select,.adm-textarea { background:#0e1319; border:1px solid #303944; border-radius:10px; min-height:46px; color:var(--ax-text); max-width:100%; }
.ax-input:focus,.ax-select:focus,.ax-textarea:focus { box-shadow:0 0 0 3px rgba(217,171,89,.1); border-color:var(--ax-gold); }
.ax-input-icon { color:var(--ax-dim); }
.ax-label,.adm-label { color:#c4cbd5; font-size:12px; }
.ax-field { margin-bottom:17px; min-width:0; }
.ax-password-toggle { position:absolute; right:5px; top:50%; transform:translateY(-50%); min-height:36px; padding:0 8px; font-size:10px; border:0; border-radius:6px; color:var(--ax-muted); background:transparent; cursor:pointer; }
.ax-input-wrap:has(.ax-password-toggle) input { padding-right:69px; }
.ax-stats-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border:1px solid var(--ax-border); border-radius:16px; background:#12171d; overflow:hidden; }
.ax-stats-grid .ax-stat-card { border:0; border-radius:0; background:none; padding:22px; box-shadow:none; gap:14px; }
.ax-stats-grid .ax-stat-card+.ax-stat-card { border-left:1px solid var(--ax-border); }
.ax-stat-card:hover { transform:none; box-shadow:none; }
.ax-stat-icon { width:38px; height:38px; font-size:16px; border-radius:10px; background:rgba(217,171,89,.08); border:0; flex-shrink:0; }
.ax-stat-val { font-size:20px; font-weight:600; overflow-wrap:anywhere; letter-spacing:-.5px; }
.ax-stat-lbl { font-size:10px; }
.ax-sec { padding:40px 0; }
.ax-sec-tag { color:var(--ax-gold-bright); font-size:10px; letter-spacing:1.6px; }
.ax-sec-title { font-size:clamp(25px,3vw,34px); letter-spacing:-1.1px; line-height:1.3; font-weight:600; }
.ax-sec-sub { max-width:640px; font-size:13px; line-height:1.8; }
.ax-sec-head { align-items:end; gap:20px; margin-bottom:26px; }
.ax-plants-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.ax-plant-card { background:#14191f; border:1px solid var(--ax-border); border-radius:18px; box-shadow:none; min-width:0; }
.ax-plant-card:hover { border-color:rgba(217,171,89,.5); box-shadow:0 8px 24px rgba(0,0,0,.16); transform:translateY(-3px); }
.ax-plant-card.is-flagship { border-color:rgba(217,171,89,.45); background:#191b1e; }
.ax-plant-top { gap:8px; flex-wrap:wrap; }
.ax-plant-lvl { max-width:100%; font-size:10px; letter-spacing:.3px; }
.ax-plant-lvl span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ax-plant-rate-pill { background:rgba(103,203,165,.08); color:#83d9b8; border-color:rgba(103,203,165,.15); font-size:10px; }
.ax-plant-name { font-size:16px; line-height:1.45; min-height:46px; letter-spacing:-.3px; }
.ax-plant-desc { font-size:12px; line-height:1.8; color:var(--ax-muted); }
.ax-rig-stage { background:radial-gradient(ellipse at center,rgba(217,171,89,.04),transparent 75%); border-color:var(--ax-border); box-shadow:none; }
.ax-rig-stage::after { display:none; }
.ax-rig-svg { width:100%; height:100%; }
.ax-pm-box { background:#10151b; border-color:var(--ax-border); border-radius:9px; padding:10px; min-width:0; }
.ax-pm-lbl { font-size:10px; }
.ax-pm-val { font-size:12px; overflow-wrap:anywhere; }
.ax-plant-foot { border-color:var(--ax-border); gap:10px; flex-wrap:wrap; background:rgba(0,0,0,.1); }
.ax-plant-price { font-size:21px; color:var(--ax-text); }
.ax-sim-card { background:#141a21; border-color:var(--ax-border); padding:28px; box-shadow:none; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px; }
.ax-sim-Selector { gap:8px; }
.ax-sim-lvl-btn { padding:9px 6px; min-height:40px; font-size:11px; }
.ax-sim-lvl-btn.active { background:var(--ax-gold-bright); color:#171a20; box-shadow:none; }
.ax-sim-res-box { background:#10151b; border:1px solid var(--ax-border); min-width:0; }
.ax-sim-results [id] { overflow-wrap:anywhere; }
.ax-card { background:#14191f; border-color:var(--ax-border); box-shadow:none; border-radius:16px; min-width:0; }
.ax-card-head { flex-wrap:wrap; gap:10px; }
.ax-card-title { font-size:15px; }
.ax-badge { font-size:10px; padding:5px 9px; border-radius:6px; white-space:normal; }
.ax-table-wrap,.adm-table-wrap { max-width:100%; min-width:0; overscroll-behavior-x:contain; }
.ax-footer { margin-top:36px; background:#0e1217; padding-top:40px; }
.ax-footer-grid { gap:30px; }
.ax-footer-grid p { font-size:12px; line-height:1.9; }
.ax-footer-links { font-size:12px; }
.ax-app { grid-template-columns:260px minmax(0,1fr); }
.ax-sidebar { background:#10151b; width:auto; padding:24px 16px; box-shadow:none; }
.ax-main-area,.ax-content,.adm-main,.adm-content { min-width:0; }
.ax-topbar { background:rgba(11,14,18,.96); height:auto; min-height:76px; padding-top:14px; padding-bottom:14px; border-color:var(--ax-border); flex-wrap:wrap; gap:12px; }
.ax-topbar>div:first-child,.ax-topbar>div:first-child>div { min-width:0; }
.ax-topbar>div:first-child>div>div { flex-wrap:wrap; gap:6px!important; }
.ax-topbar .ax-mono { white-space:nowrap; }
.ax-wheel-wrap { width:min(300px,100%); aspect-ratio:1; height:auto; margin:0 auto 22px; position:relative; }
.ax-wheel-wrap canvas { width:100%!important; height:auto!important; aspect-ratio:1; }
.ax-topbar h1 { font-size:18px; }
.ax-sb-bal-card { background:#181f27; border-color:var(--ax-border); box-shadow:none; border-radius:12px; }
.ax-sb-bal-card.profit,.ax-sb-bal-card.invest { background:#181f27; border-color:var(--ax-border); }
.ax-sb-bal-val { font-size:19px; letter-spacing:-.5px; }
.ax-sb-link { min-height:46px; font-size:12px; border-radius:9px; }
.ax-sb-link.active { background:rgba(217,171,89,.1); color:var(--ax-gold-bright); box-shadow:none; }
.ax-sb-label { font-size:9px; }
.ax-scada-deck { background:#171e26; box-shadow:none; border-color:rgba(217,171,89,.25); grid-template-columns:140px minmax(0,1fr); padding:26px; gap:24px; }
.ax-scada-deck>div:last-child { grid-column:2; min-width:0!important; }
.ax-scada-deck>div { min-width:0; }
.ax-oil-tank-wrap { grid-row:span 2; }
.ax-counter-uzs { font-size:clamp(26px,3vw,42px); overflow-wrap:anywhere; line-height:1.35; }
.ax-counter-bbl { max-width:100%; font-size:12px; white-space:normal; }
.ax-bank-card { background:linear-gradient(120deg,#262d36,#141a21); box-shadow:none; border-color:rgba(217,171,89,.3); }
.ax-bank-num { font-size:clamp(15px,2.5vw,22px); letter-spacing:.08em; }
.ax-mobile-dock { background:rgba(16,21,27,.97); border-color:var(--ax-border); height:calc(66px + env(safe-area-inset-bottom)); padding:4px 8px calc(4px + env(safe-area-inset-bottom)); grid-auto-flow:column; grid-template-columns:none; grid-auto-columns:1fr; }
.ax-dock-item { min-height:48px; font-size:10px; border-radius:9px; }
.ax-dock-item.active { background:rgba(217,171,89,.08); }
.ax-dock-item i { font-size:17px; }
.ax-menu-open { overflow:hidden; }
.ax-motion-paused *,.ax-rig-stage.ax-motion-paused,.ax-motion-paused::before { animation-play-state:paused!important; }
.ax-empty-search { padding:28px; color:var(--ax-muted); text-align:center; grid-column:1/-1; }
.ax-catalog-tools { display:flex; gap:12px; margin-bottom:20px; flex-wrap:wrap; }
.ax-catalog-tools input { max-width:320px; flex:1; min-width:0; }
.ax-catalog-count { align-self:center; color:var(--ax-muted); font-size:12px; }
.ax-notice { color:var(--ax-muted); font-size:11px; margin:16px 0 0; line-height:1.8; }
.adm-body { background:var(--ax-bg); padding-bottom:0; }
.adm-shell { grid-template-columns:260px minmax(0,1fr); }
.adm-sidebar { background:#10151b; box-shadow:none; }
.adm-card,.adm-kpi { background:#151a20; border-color:var(--ax-border); box-shadow:none; min-width:0; }
.adm-topbar { background:#101419; height:auto; min-height:74px; padding-top:14px; padding-bottom:14px; flex-wrap:wrap; gap:10px; }
.adm-nav-link { font-size:12px; min-height:44px; }
.adm-btn-gold { background:#e6b963; color:#171a20; box-shadow:none; }
.adm-kpi-val { overflow-wrap:anywhere; }
@media(min-width:961px) and (max-width:1240px) {
  .ax-nav { gap:14px; }
  .ax-nav-link { padding:10px 7px; font-size:11px; }
  .ax-brand-title { font-size:17px; }
  .ax-nav-actions .ax-btn { font-size:11px; padding:9px 12px!important; }
  .ax-stats-grid .ax-stat-card { padding:18px 12px; gap:10px; }
  .ax-stat-val { font-size:17px; }
}
@media(max-width:1100px) {
  .ax-hero-grid { gap:28px; }
  .ax-plants-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ax-sim-card { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:960px) {
  .ax-container { width:calc(100% - 40px); }
  .ax-nav { min-height:72px; justify-content:space-between; gap:10px; }
  .ax-nav-actions { margin-left:auto; }
  .ax-menu-toggle { display:inline-flex; align-items:center; justify-content:center; }
  .ax-nav-links { display:none; position:absolute; top:calc(100% - 4px); left:0; right:0; padding:12px; border:1px solid var(--ax-border); background:#171d25; border-radius:14px; box-shadow:0 18px 32px #0006; }
  .ax-nav-links.open { display:grid; grid-template-columns:1fr 1fr; }
  .ax-nav-link { padding:13px; font-size:13px; }
  .ax-hero-grid { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:24px; }
  .ax-hero-title { font-size:40px; letter-spacing:-1.6px; }
  .ax-hero-grid>.ax-auth-card { position:static; }
  .ax-hero-showcase { grid-template-columns:1fr; }
  .ax-hero-showcase .ax-rig-stage { height:155px; }
  .ax-stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ax-stats-grid .ax-stat-card { padding:18px; }
  .ax-stats-grid .ax-stat-card:nth-child(3) { border-left:0; }
  .ax-stats-grid .ax-stat-card:nth-child(n+3) { border-top:1px solid var(--ax-border); }
  .ax-app,.adm-shell { grid-template-columns:minmax(0,1fr); }
  .ax-sidebar { width:min(300px,85vw); left:0; transform:translateX(-105%); transition:transform .23s ease; z-index:80; height:100dvh; overflow-y:auto; overscroll-behavior:contain; }
  .ax-sidebar.open { transform:none; }
  .ax-sb-backdrop { z-index:79; }
  .adm-sidebar { width:min(290px,85vw); height:100dvh; overflow-y:auto; overscroll-behavior:contain; }
  body { padding-bottom:calc(84px + env(safe-area-inset-bottom)); }
  .ax-content { padding-bottom:32px; }
  .ax-footer { margin-bottom:0; }
}
@media(max-width:700px) {
  .ax-container { width:calc(100% - 32px); }
  .ax-ticker-items .ax-tick-item:not(:first-child),.ax-ticker-contact>a { display:none!important; }
  .ax-ticker-inner { gap:8px; min-height:32px; }
  .ax-lang-pills a { font-size:10px; padding:3px 8px; }
  .ax-hero { padding:32px 0 24px; }
  .ax-hero-grid { grid-template-columns:minmax(0,1fr); gap:26px; }
  .ax-hero-main { padding:0; gap:22px; }
  .ax-hero-title { font-size:40px; max-width:460px; }
  .ax-hero-desc { font-size:13px; margin-bottom:20px; }
  .ax-hero-eyebrow { font-size:9px; letter-spacing:1.2px; }
  .ax-hero-pills { gap:10px; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .ax-hero-pill-lbl { font-size:9px; }
  .ax-hero-pill-val { font-size:11px; }
  .ax-hero-showcase { grid-template-columns:1fr 1.2fr; gap:12px; padding:16px; }
  .ax-hero-showcase .ax-rig-stage { height:125px; }
  .ax-hero-showcase .ax-btn { display:none; }
  .ax-hero-showcase h3 { font-size:13px!important; }
  .ax-hero-showcase p { margin:0!important; font-size:11px!important; }
  .ax-hero-showcase .ax-badge { font-size:8px; }
  .ax-auth-card { padding:22px; border-radius:16px; }
  .ax-auth-card [style*="grid-template-columns:1fr 1fr"] { grid-template-columns:minmax(0,1fr)!important; }
  .ax-hero-actions { margin-bottom:22px; }
  .ax-hero-actions .ax-btn { flex:1; }
  .ax-sec { padding:28px 0; }
  .ax-sec-head { flex-direction:column; align-items:stretch; gap:14px; }
  .ax-sec-head>.ax-btn { align-self:start; }
  .ax-plants-grid,.ax-grid-2,.ax-grid-3 { grid-template-columns:minmax(0,1fr); }
  .ax-grid-4 { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .ax-stats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ax-stats-grid .ax-stat-card { padding:16px 12px; gap:9px; align-items:start; }
  .ax-stats-grid .ax-stat-icon { width:28px; height:28px; font-size:13px; }
  .ax-stats-grid .ax-stat-val { font-size:16px; }
  .ax-stat-lbl { font-size:9px; }
  .ax-sim-card { grid-template-columns:minmax(0,1fr); padding:20px; gap:20px; }
  .ax-sim-results { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .ax-sim-res-box { padding:12px; }
  .ax-sim-results [id] { font-size:16px!important; }
  .ax-sim-results #simTotalLbl { font-size:11px!important; }
  .ax-footer-grid { grid-template-columns:1fr 1fr; gap:28px 20px; }
  .ax-footer-grid>div:first-child { grid-column:1/-1; }
  .ax-footer-grid>div:last-child { grid-column:1/-1; }
  .ax-topbar { padding:14px 16px; }
  .ax-content { padding:20px 16px 28px; }
  .ax-scada-deck { grid-template-columns:minmax(0,1fr); text-align:center; padding:22px 16px; gap:18px; }
  .ax-scada-deck>div:last-child { grid-column:1; }
  .ax-oil-tank-wrap { grid-row:auto; }
  .ax-oil-tank { height:130px; width:112px; }
  .ax-counter-uzs { font-size:28px; }
  .ax-input,.ax-select,.ax-textarea,.adm-input,.adm-select { font-size:16px; }
  .ax-table th,.ax-table td { padding:10px; font-size:11px; }
  .adm-content { padding:18px 14px; }
}
@media(max-width:420px) {
  .ax-brand-title { font-size:15px; letter-spacing:-.6px; }
  .ax-brand-sub { font-size:8px; letter-spacing:.8px; }
  .ax-brand-mark { width:34px; height:36px; border-radius:9px; font-size:17px; }
  .ax-brand { gap:7px; }
  .ax-nav { gap:8px; min-height:65px; }
  .ax-nav-actions>.ax-btn:first-child:not(:last-child) { display:none; }
  .ax-nav-actions>.ax-btn { display:none; }
  .ax-nav-actions .ax-btn { padding:8px 10px!important; font-size:10px; min-height:38px; }
  .ax-nav-actions .ax-btn i { display:none; }
  .ax-menu-toggle { width:38px; height:38px; }
  .ax-hero-title { font-size:36px; letter-spacing:-1.5px; }
  .ax-hero-showcase { grid-template-columns:minmax(0,1fr); }
  .ax-hero-showcase .ax-rig-stage { height:160px; }
  .ax-hero-showcase>div:last-child { text-align:center; }
  .ax-hero-pill-val { font-size:10px; }
  .ax-stat-val { font-size:16px; }
  .ax-grid-4 .ax-stat-card { padding:14px!important; flex-wrap:wrap; }
  .ax-sim-results { grid-template-columns:minmax(0,1fr); }
  .ax-bank-card { padding:20px 16px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
}