@font-face{font-family:IRANSansX;src:url('IranSansX(SemiPro) (1)/IRANSansXFaNum-Regular.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:IRANSansX;src:url('IranSansX(SemiPro) (1)/IRANSansXFaNum-Bold.woff') format('woff');font-weight:700;font-display:swap}@font-face{font-family:IRANSansX;src:url('IranSansX(SemiPro) (1)/IRANSansXFaNum-ExtraBold.woff') format('woff');font-weight:800;font-display:swap}:root{--bg:#030813;--bg2:#071426;--panel:rgba(8,22,39,.68);--panel2:rgba(12,31,53,.82);--line:rgba(99,241,224,.19);--line2:rgba(148,190,255,.14);--text:#edf7ff;--muted:#8da4bb;--cyan:#28e7ff;--teal:#33f5c6;--violet:#9b7cff;--amber:#ffd166;--danger:#ff5c8a;--shadow:0 24px 80px rgba(0,0,0,.45);--glow:0 0 28px rgba(40,231,255,.25);--radius:24px;--top:86px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 8%,rgba(26,207,255,.18),transparent 28%),radial-gradient(circle at 82% 12%,rgba(51,245,198,.15),transparent 30%),linear-gradient(135deg,#020611 0%,#061525 48%,#030713 100%);color:var(--text);font-family:IRANSansX,Tahoma,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);pointer-events:none}.ambient{position:fixed;border-radius:50%;filter:blur(30px);pointer-events:none}.ambient-one{width:420px;height:420px;background:rgba(40,231,255,.1);top:9%;right:-120px}.ambient-two{width:520px;height:520px;background:rgba(155,124,255,.1);bottom:-160px;left:-140px}.shell{width:min(1920px,100%);margin:0 auto;padding:18px}.glass-panel{position:relative;background:linear-gradient(145deg,rgba(9,24,43,.78),rgba(7,16,31,.58));border:1px solid var(--line);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(22px);border-radius:var(--radius);overflow:hidden}.glass-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(40,231,255,.12),transparent 32%,rgba(51,245,198,.08));pointer-events:none}.topbar{height:var(--top);display:flex;align-items:center;gap:18px;padding:14px 18px;position:sticky;top:12px;z-index:20}.brand{display:flex;align-items:center;gap:14px;margin-left:auto}.brand-logo{width:52px;height:52px;object-fit:contain;border-radius:16px;filter:drop-shadow(0 0 16px rgba(40,231,255,.45))}.eyebrow{margin:0 0 5px;color:var(--teal);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.brand h1,.panel-heading h2,.hero-card h2{margin:0;font-size:20px}.topbar-status{display:flex;gap:8px;flex-wrap:wrap}.status-pill,.panel-badge{border:1px solid var(--line);background:rgba(8,20,35,.7);color:var(--muted);padding:8px 11px;border-radius:999px;font-size:12px}.status-pill.live{color:var(--teal);box-shadow:0 0 22px rgba(51,245,198,.18)}.primary-action,.icon-button{border:0;color:#001018;background:linear-gradient(135deg,var(--cyan),var(--teal));border-radius:16px;padding:12px 18px;font-family:inherit;font-weight:800;cursor:pointer;box-shadow:var(--glow)}.icon-button{width:44px;height:44px;padding:0}.mobile-only{display:none}.cockpit{display:grid;grid-template-columns:360px minmax(0,1fr) 340px;gap:18px;margin-top:18px;align-items:start}.left-panel,.right-panel{position:sticky;top:calc(var(--top) + 30px);height:calc(100vh - var(--top) - 48px);padding:18px;overflow:auto}.panel-heading,.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.input-stack{display:grid;gap:10px}.accordion{border:1px solid var(--line2);border-radius:18px;background:rgba(3,12,24,.44);overflow:hidden}.accordion summary{list-style:none;cursor:pointer;padding:14px 15px;font-weight:800;color:#dff9ff;display:flex;justify-content:space-between}.accordion summary::-webkit-details-marker{display:none}.accordion summary:after{content:"+";color:var(--teal)}.accordion[open] summary:after{content:"−"}.fields{display:grid;gap:12px;padding:0 14px 14px}.field{display:grid;gap:6px}.field label{font-size:12px;color:var(--muted)}.field input,.field select{width:100%;border:1px solid rgba(141,164,187,.18);background:rgba(3,10,20,.7);color:var(--text);border-radius:13px;padding:10px 12px;font-family:inherit;outline:none}.field input:focus,.field select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(40,231,255,.1)}.field.checkbox{display:flex;align-items:center;justify-content:space-between}.field.checkbox input{width:auto;accent-color:var(--teal)}.center-panel{display:grid;gap:18px}.hero-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:14px}.hero-card,.metric-card,.chart-card,.evidence-card{padding:18px}.hero-score{font-size:58px;font-weight:800;line-height:1;color:var(--cyan);text-shadow:0 0 30px rgba(40,231,255,.45)}.hero-score small{font-size:18px;color:var(--muted)}.hero-card p:last-child{color:var(--muted);line-height:1.9}.metric-card{display:grid;gap:12px;min-height:150px}.metric-card span{color:var(--muted);font-size:13px}.metric-card strong{font-size:28px;color:var(--text)}.metric-card small{color:var(--teal)}.tone-cyan{box-shadow:var(--shadow),0 0 34px rgba(40,231,255,.1)}.tone-teal{box-shadow:var(--shadow),0 0 34px rgba(51,245,198,.1)}.tone-violet{box-shadow:var(--shadow),0 0 34px rgba(155,124,255,.12)}.tabs{display:flex;gap:8px;padding:8px;overflow:auto}.tab{border:1px solid transparent;background:transparent;color:var(--muted);padding:11px 16px;border-radius:15px;font-family:inherit;cursor:pointer;white-space:nowrap}.tab.active{color:var(--text);border-color:var(--line);background:rgba(40,231,255,.1);box-shadow:inset 0 0 18px rgba(40,231,255,.08)}.tab-page{display:none}.tab-page.active{display:grid;gap:18px}.analysis-grid{display:grid;gap:18px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.wide{grid-column:span 3}.chart-card{min-height:320px}.card-head h3{margin:0;font-size:16px}.card-head span{color:var(--muted);font-size:12px}canvas{width:100%;height:250px;display:block;position:relative;z-index:1}.wide canvas{height:330px}.insights-list,.recommendations-list{display:grid;gap:10px}.insight,.recommendation,.mini-card{border:1px solid var(--line2);background:rgba(3,12,24,.46);border-radius:16px;padding:13px;line-height:1.8;color:#dbefff}.insight:before{content:"";display:inline-block;width:8px;height:8px;margin-left:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 14px var(--teal)}.mini-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.mini-card span{display:block;color:var(--muted);font-size:12px}.mini-card strong{display:block;margin-top:8px;font-size:20px;color:var(--cyan)}.engine-selector{display:grid;gap:10px;margin-bottom:18px}.engine-item{border:1px solid var(--line2);background:rgba(3,12,24,.48);border-radius:18px;padding:13px}.engine-item strong{display:block}.engine-item span{color:var(--muted);font-size:12px}.recommendation-box{position:relative;z-index:1}.bottom-nav{position:fixed;bottom:12px;right:12px;left:12px;z-index:30;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;border:1px solid var(--line);border-radius:22px;background:rgba(5,16,30,.86);backdrop-filter:blur(18px)}.bottom-nav button{border:0;border-radius:15px;background:rgba(40,231,255,.1);color:var(--text);font-family:inherit;padding:11px}@media (max-width:1380px){.cockpit{grid-template-columns:310px minmax(0,1fr)}.right-panel{position:relative;top:auto;height:auto;grid-column:1/-1}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.mobile-only{display:inline-grid;place-items:center}.topbar{height:auto;flex-wrap:wrap;top:8px}.brand{margin-left:0;flex:1}.topbar-status{order:3;width:100%}.cockpit{grid-template-columns:1fr}.left-panel,.right-panel{position:relative;top:auto;height:auto;max-height:none}.left-panel,.right-panel{display:none}.left-panel.open,.right-panel.open{display:block}.hero-grid,.two-col,.three-col{grid-template-columns:1fr}.wide{grid-column:auto}.chart-card{min-height:280px}.bottom-nav{display:grid}.shell{padding-bottom:82px}}@media (max-width:560px){.shell{padding:10px 10px 86px}.topbar{padding:12px;border-radius:20px}.brand h1{font-size:15px}.brand-logo{width:42px;height:42px}.primary-action{width:100%}.hero-score{font-size:44px}.metric-card{min-height:122px}.tabs{position:sticky;top:8px;z-index:10}.hero-card,.metric-card,.chart-card,.evidence-card,.left-panel,.right-panel{padding:14px;border-radius:20px}canvas,.wide canvas{height:220px}.mini-card-grid{grid-template-columns:1fr}}

.center-panel{position:relative}
.tab-page{display:grid;gap:18px;position:absolute;inset:auto 0 auto 0;visibility:hidden;opacity:0;pointer-events:none}
.tab-page.active{position:relative;visibility:visible;opacity:1;pointer-events:auto}

body{background:radial-gradient(circle at 52% -14%,rgba(0,240,255,.16),transparent 31%),radial-gradient(circle at 13% 18%,rgba(66,232,224,.11),transparent 24%),linear-gradient(180deg,#07131f 0%,#041019 100%);font-weight:400}.shell{max-width:1760px;padding:16px 18px 28px}.glass-panel{border-radius:18px;background:linear-gradient(180deg,rgba(11,30,47,.74),rgba(5,18,30,.62));border:1px solid rgba(66,232,224,.22);box-shadow:0 18px 48px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.035) inset,0 0 34px rgba(0,240,255,.075);backdrop-filter:blur(18px)}.glass-panel:before{background:linear-gradient(135deg,rgba(0,240,255,.11),transparent 36%,rgba(66,232,224,.055));opacity:.78}.topbar{height:72px;padding:0 22px;border-radius:18px;box-shadow:0 22px 52px rgba(0,0,0,.35),0 18px 42px rgba(0,240,255,.08)}.topbar:after{content:"";position:absolute;right:5%;left:5%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,240,255,.7),transparent);box-shadow:0 0 22px rgba(0,240,255,.72)}.reference-brand{margin-left:auto;text-align:right}.reference-brand h1{font-size:17px;letter-spacing:.08em;font-weight:800;color:#eaffff}.topbar-status{margin-inline:auto}.primary-action{min-width:132px;border-radius:14px;padding:12px 20px;background:linear-gradient(135deg,#00f0ff,#42e8e0);box-shadow:0 0 18px rgba(0,240,255,.34),0 8px 24px rgba(0,0,0,.28)}.cockpit{grid-template-columns:328px minmax(720px,1fr) 292px;gap:16px;margin-top:16px;align-items:start}.left-panel,.right-panel{position:sticky;top:96px;height:auto;max-height:none;overflow:visible;padding:16px;border-radius:18px}.panel-heading{margin-bottom:14px}.panel-heading h2{font-size:16px;font-weight:700}.panel-badge,.status-pill{border-color:rgba(66,232,224,.22);background:rgba(6,20,33,.58);padding:7px 10px;color:#96aabd}.input-stack{gap:8px}.accordion{border-radius:16px;border-color:rgba(66,232,224,.18);background:rgba(5,18,30,.52);box-shadow:0 0 18px rgba(0,240,255,.035)}.accordion:hover{border-color:rgba(0,240,255,.36);box-shadow:0 0 24px rgba(0,240,255,.08)}.accordion summary{min-height:44px;padding:12px 14px;font-size:13px;font-weight:700}.accordion[open]{box-shadow:0 0 26px rgba(0,240,255,.075)}.fields{gap:10px;padding:0 12px 12px}.field span,.field label{font-size:11px;font-weight:500;color:#8fa5ba}.field input,.field select{height:38px;border-radius:12px;background:rgba(3,13,23,.72);border-color:rgba(144,170,192,.16);font-size:12px}.timeline-field{position:relative}.timeline-field b{font-size:11px;color:#dffcff;font-weight:600;text-align:left}.timeline-field input[type=range]{height:24px;padding:0;border:0;background:transparent;accent-color:#00f0ff}.timeline-field input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,rgba(0,240,255,.95),rgba(66,232,224,.45));box-shadow:0 0 16px rgba(0,240,255,.35)}.timeline-field input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:#dfffff;border:3px solid #00f0ff;box-shadow:0 0 18px rgba(0,240,255,.85)}.kpi-row{grid-template-columns:1fr 1.28fr 1fr 1fr;gap:16px}.hero-card,.metric-card,.chart-card,.evidence-card,.center-recommendations{border-radius:18px;padding:16px}.metric-card{min-height:138px;align-content:space-between}.metric-card span{font-size:12px;font-weight:600;color:#9cafc1}.metric-card strong{font-size:25px;font-weight:800;color:#f2fdff;text-shadow:0 0 18px rgba(0,240,255,.16)}.metric-card small{font-size:12px;color:#42e8e0}.bhi-kpi{text-align:center;min-height:138px}.bhi-kpi .eyebrow{font-size:10px;color:#9db0c3}.hero-score{font-size:64px;color:#49f4ff;text-shadow:0 0 24px rgba(0,240,255,.52);letter-spacing:-.04em}.hero-card h2{font-size:13px;color:#dffcff}.hero-card p:last-child{font-size:11px;line-height:1.7;margin:5px 0 0;color:#92a7ba}.tabs{height:52px;align-items:center;padding:6px 8px;border-radius:18px;background:rgba(7,22,36,.66)}.tab{height:38px;padding:0 14px;border-radius:12px;font-size:13px;font-weight:600;color:#7f93a8;position:relative}.tab.active{background:rgba(0,240,255,.06);border-color:rgba(0,240,255,.2);color:#effcff;box-shadow:none}.tab.active:after{content:"";position:absolute;right:18px;left:18px;bottom:-7px;height:2px;background:#00f0ff;border-radius:999px;box-shadow:0 0 16px #00f0ff}.four-pack{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:1.2fr .8fr}.one-col{grid-template-columns:1fr}.chart-card{min-height:286px}.chart-card canvas{height:214px}.wide{grid-column:span 2}.wide canvas{height:300px}.card-head{margin-bottom:10px}.card-head h3{font-size:14px;font-weight:700;color:#edfaff}.card-head span{font-size:10px;letter-spacing:.04em;color:#6f879d}.mini-card-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.mini-card,.insight,.recommendation{border-radius:14px;background:linear-gradient(180deg,rgba(9,27,43,.68),rgba(4,16,28,.58));border-color:rgba(66,232,224,.16);font-size:12px}.mini-card strong{font-size:19px;color:#43f1e7}.engine-selector{gap:10px}.engine-item{position:relative;min-height:66px;border-radius:16px;padding:13px 14px 13px 12px;border-color:rgba(66,232,224,.16);background:rgba(5,18,30,.58);box-shadow:0 0 20px rgba(0,240,255,.04)}.engine-item:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:999px;background:#00f0ff;box-shadow:0 0 16px rgba(0,240,255,.8)}.engine-item:hover{border-color:rgba(0,240,255,.36);box-shadow:0 0 28px rgba(0,240,255,.11)}.engine-item strong{font-size:14px;color:#f2fdff}.engine-item span{font-size:11px;line-height:1.7}.center-recommendations{position:relative;padding:18px 20px 20px;overflow:hidden}.center-recommendations:after{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:999px;background:#00f0ff;box-shadow:0 0 24px rgba(0,240,255,.85)}.recommendations-list{gap:12px}.recommendation{padding:14px 16px;line-height:2;color:#dbeaf4;font-weight:400}.recommendation:first-child{border-color:rgba(0,240,255,.32);box-shadow:0 0 22px rgba(0,240,255,.075)}@media (max-width:1380px){.cockpit{grid-template-columns:300px minmax(0,1fr)}.right-panel{grid-column:1/-1;position:relative;top:auto}.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.cockpit{grid-template-columns:1fr}.left-panel,.right-panel{position:relative;top:auto}.left-panel,.right-panel{display:none;overflow:visible}.left-panel.open,.right-panel.open{display:block}.kpi-row,.four-pack,.two-col,.three-col{grid-template-columns:1fr}.wide{grid-column:auto}.topbar-status{display:none}.bottom-nav{display:grid}}@media (max-width:560px){.shell{padding:10px 10px 86px}.topbar{height:auto;min-height:64px}.reference-brand h1{font-size:13px}.kpi-row{gap:10px}.hero-score{font-size:52px}.chart-card canvas,.wide canvas{height:205px}.tabs{overflow:auto}.tab{font-size:12px;padding:0 12px}.center-recommendations{margin-bottom:8px}}

.current-ratio-card{display:grid;grid-template-rows:auto 1fr auto;min-height:286px;align-items:center;text-align:center;box-shadow:0 18px 48px rgba(0,0,0,.34),0 0 30px rgba(0,240,255,.11),inset 0 1px 0 rgba(255,255,255,.06)}.current-ratio-value{font-size:64px;font-weight:800;line-height:1;color:#49f4ff;text-shadow:0 0 24px rgba(0,240,255,.58),0 0 54px rgba(66,232,224,.2);letter-spacing:-.04em}.current-ratio-audit{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.current-ratio-audit span{border:1px solid rgba(66,232,224,.16);background:rgba(3,13,23,.52);border-radius:12px;padding:8px;color:#8fa5ba;font-size:11px}.current-ratio-audit b{display:block;margin-top:4px;color:#e8ffff;font-size:12px;font-weight:600}.current-ratio-card:hover{border-color:rgba(0,240,255,.38);box-shadow:0 18px 48px rgba(0,0,0,.34),0 0 36px rgba(0,240,255,.16),inset 0 1px 0 rgba(255,255,255,.08)}@media (max-width:560px){.current-ratio-value{font-size:52px}.current-ratio-audit{grid-template-columns:1fr}}

.macro-accordion{border-color:rgba(0,240,255,.28);box-shadow:0 0 26px rgba(0,240,255,.09)}.macro-fields{gap:12px}.macro-section-title{grid-column:1/-1;margin:6px 0 0;padding:8px 10px;border-radius:12px;background:rgba(0,240,255,.07);border:1px solid rgba(66,232,224,.14);color:#42e8e0;font-size:11px;font-weight:700;letter-spacing:.04em;text-align:right}.macro-subgrid{display:grid;grid-template-columns:1fr;gap:10px}.macro-field input{direction:ltr;text-align:left}.macro-history-table{width:100%;border-collapse:separate;border-spacing:0 6px;direction:rtl}.macro-history-table th,.macro-history-table td{font-size:10px;color:#91a8bb;text-align:center}.macro-history-table th:first-child{text-align:right}.macro-history-table input{width:100%;height:34px;border-radius:10px;border:1px solid rgba(144,170,192,.16);background:rgba(3,13,23,.72);color:#eaffff;padding:6px;text-align:center}.macro-kpi-grid{display:grid;grid-template-columns:repeat(7,minmax(112px,1fr));gap:10px;margin-bottom:16px}.macro-kpi-card{min-height:88px;padding:13px 14px;border-radius:18px;display:grid;align-content:space-between;border-color:rgba(0,240,255,.22);box-shadow:0 14px 36px rgba(0,0,0,.28),0 0 24px rgba(0,240,255,.08)}.macro-kpi-card span{font-size:11px;color:#94aabe;font-weight:600}.macro-kpi-card strong{font-size:20px;color:#49f4ff;text-shadow:0 0 18px rgba(0,240,255,.42);font-weight:800;line-height:1.25}@media (max-width:1380px){.macro-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:760px){.macro-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:460px){.macro-kpi-grid{grid-template-columns:1fr}}

/*
  Visual-only hierarchy audit and enhancement layer.
  Observations: the dashboard already has a stable RTL structure with glass panels,
  KPI cards (.hero-card, .metric-card, .macro-kpi-card), secondary engine outputs
  (.engine-item, .mini-card, .chart-card), user input groups (.accordion, .field),
  and insight/recommendation text blocks (.insight, .recommendation). This layer
  intentionally changes only color, weight, focus frames, tiny pseudo labels, and
  4-8px spacing refinements. It does not alter DOM structure, IDs, layout hierarchy,
  engines, formulas, input bindings, chart logic, or architecture.
*/
:root{
  --ui-level-1:#38f7ed;
  --ui-level-1-soft:rgba(56,247,237,.16);
  --ui-level-1-glow:rgba(56,247,237,.28);
  --ui-level-2:#f3fbff;
  --ui-level-2-muted:#a9bdcf;
  --ui-level-3:#10283a;
  --ui-input-bg:rgba(16,40,58,.68);
  --ui-accent-engine:#42e8e0;
  --ui-accent-input:#0e3144;
  --ui-accent-insight:#b59cff;
  --ui-accent-alert:#ffd166;
}

.hero-card,.metric-card,.macro-kpi-card,.current-ratio-card{
  border-color:rgba(56,247,237,.32);
  background:linear-gradient(180deg,rgba(13,36,53,.82),rgba(6,20,32,.70));
  box-shadow:0 18px 44px rgba(0,0,0,.32),0 0 26px var(--ui-level-1-soft),inset 0 1px 0 rgba(255,255,255,.07);
}
.hero-score,.metric-card strong,.macro-kpi-card strong,.current-ratio-value{
  color:var(--ui-level-1);
  font-weight:700;
  text-shadow:0 0 18px var(--ui-level-1-glow);
}
.hero-card h2,.metric-card span,.macro-kpi-card span,.current-ratio-card .card-head h3{font-weight:600}

.chart-card,.engine-item,.mini-card{
  background:linear-gradient(180deg,rgba(8,25,39,.70),rgba(5,17,28,.64));
  border-color:rgba(66,232,224,.16);
  box-shadow:0 14px 34px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.045);
}
.engine-item strong,.mini-card strong,.current-ratio-audit b{color:var(--ui-level-2);font-weight:500;text-shadow:none}
.engine-item:before{background:var(--ui-accent-engine);box-shadow:0 0 12px rgba(66,232,224,.42)}

.left-panel,.accordion,.field input,.field select,.macro-history-table input{
  background-color:var(--ui-input-bg);
}
.accordion{
  border-color:rgba(14,49,68,.72);
  box-shadow:inset 0 0 0 1px rgba(160,200,220,.025);
}
.accordion summary{font-weight:600;color:#d6e7f3}
.field span,.field label,.macro-history-table th,.macro-history-table td{font-weight:400;color:#b1c4d3}
.field input,.field select,.macro-history-table input{color:#e7f3fa;border-color:rgba(176,205,224,.18)}
.field input:focus,.field select:focus,.macro-history-table input:focus{
  outline:1px solid rgba(56,247,237,.46);
  box-shadow:0 0 0 3px rgba(56,247,237,.10),0 0 18px rgba(56,247,237,.08);
  background:rgba(18,48,68,.78);
}

.insight,.recommendation{
  border-color:rgba(181,156,255,.20);
  background:linear-gradient(180deg,rgba(24,22,48,.46),rgba(7,18,31,.60));
  color:#d7d0f7;
  font-weight:300;
}
.insight:before{background:var(--ui-accent-insight);box-shadow:0 0 12px rgba(181,156,255,.45)}
.recommendation:first-child{border-color:rgba(255,209,102,.24);box-shadow:0 0 18px rgba(255,209,102,.06)}

.hero-card:after,.metric-card:after,.macro-kpi-card:after,.current-ratio-card:after,.engine-item:after,.accordion:after,.insight:after,.recommendation:after{
  position:absolute;
  top:8px;
  left:10px;
  font-size:9px;
  line-height:1;
  letter-spacing:.08em;
  opacity:.60;
  font-weight:500;
  pointer-events:none;
  color:var(--ui-level-2-muted);
}
.hero-card:after,.metric-card:after,.macro-kpi-card:after,.current-ratio-card:after{content:"KPI";color:var(--ui-level-1)}
.engine-item:after{content:"Engine Output";color:var(--ui-accent-engine)}
.accordion:after{content:"User Input";color:#9bb7c8}
.insight:after,.recommendation:after{content:"Insight";color:var(--ui-accent-insight)}

.hero-card,.metric-card,.macro-kpi-card,.current-ratio-card,.engine-item,.accordion,.insight,.recommendation{position:relative}
.hero-card:hover,.metric-card:hover,.macro-kpi-card:hover,.current-ratio-card:hover{
  border-color:rgba(56,247,237,.42);
  box-shadow:0 18px 44px rgba(0,0,0,.32),0 0 30px rgba(56,247,237,.20),inset 0 1px 0 rgba(255,255,255,.08);
}
.engine-item:hover,.chart-card:hover{
  border-color:rgba(66,232,224,.28);
  box-shadow:0 14px 34px rgba(0,0,0,.30),0 0 16px rgba(66,232,224,.08),inset 0 1px 0 rgba(255,255,255,.05);
}

.center-panel{gap:20px}
.input-stack{gap:12px}
.fields{gap:10px;padding-bottom:16px}
.card-head{margin-bottom:14px}
.macro-kpi-grid{gap:12px;margin-bottom:18px}
.recommendations-list,.insights-list{gap:12px}

.card-head h3,.panel-heading h2{font-weight:600;color:#eef8fc}
.card-head span,.engine-item span,.metric-card small{font-weight:500;text-shadow:none}
.insight,.recommendation{line-height:2.05}

/* Header-only visual/SEO enhancement layer. Existing header architecture: sticky .topbar glass panel with flex children, brand, status pills, and #runAnalysis. The rules below style only new header-local nodes and responsive visibility; no dashboard grid, engines, inputs, charts, or non-header layout are changed. */
.header-nav{display:flex;align-items:center;gap:12px;width:100%;min-width:0;position:relative;z-index:1}.header-brand-image{display:block;flex:0 0 auto}.header-brand-title{display:block;margin-top:4px;color:#dffcff;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}.header-link,.header-action{height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;border:1px solid rgba(66,232,224,.22);background:rgba(6,20,33,.58);color:#eaffff;text-decoration:none;font-family:inherit;font-size:12px;font-weight:700;white-space:nowrap;padding:0 14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 18px rgba(0,240,255,.055);cursor:pointer}.header-link:hover,.header-action:hover{border-color:rgba(0,240,255,.42);background:rgba(9,31,48,.72);box-shadow:0 0 20px rgba(0,240,255,.12),inset 0 1px 0 rgba(255,255,255,.07)}.header-consult-button{color:#041019;background:linear-gradient(135deg,rgba(0,240,255,.92),rgba(66,232,224,.88));border-color:rgba(0,240,255,.38);box-shadow:0 0 20px rgba(0,240,255,.20),0 8px 22px rgba(0,0,0,.22)}.header-consult-button b{font-size:11px;font-weight:700;color:#05202b;direction:ltr}.header-print-button{min-width:108px}.print-icon{display:none;font-size:17px;line-height:1}.reference-brand{min-width:0}.reference-brand>div{min-width:0}@media (max-width:1280px){.header-nav{gap:8px}.header-link,.header-action{padding:0 10px}.header-brand-title{font-size:11px}.topbar-status .status-pill:not(.live){display:none}}@media (max-width:980px){.topbar{padding:10px 12px}.header-nav{flex-wrap:wrap}.header-brand-title{font-size:10px;white-space:normal}.header-brand-image{width:42px;height:42px}.header-consult-button b{display:none}.header-action,.header-link{height:38px;border-radius:12px;font-size:11px}.header-print-button{min-width:40px;width:40px;padding:0}.header-print-button .print-text{display:none}.header-print-button .print-icon{display:inline}.primary-action{min-width:auto;padding-inline:12px}}@media (max-width:560px){.header-nav{gap:7px}.reference-brand h1{font-size:11px}.reference-brand .eyebrow{font-size:9px}.header-brand-title{font-size:9px;max-width:150px}.header-home-link{order:3}.header-consult-button{order:4}.header-print-button{order:5}.primary-action{order:6;width:auto}.header-link,.header-action{padding:0 9px}.header-consult-button span{display:inline}.topbar{min-height:76px}}

@media (max-width: 768px){
  .topbar{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:flex-start;
    height:auto !important;
    min-height:0;
    overflow:visible;
    gap:8px;
    z-index:60;
  }
  .header-nav{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center;
    width:100%;
    gap:8px;
    overflow:visible;
  }
  .reference-brand{
    flex:1 1 180px;
    min-width:0;
    max-width:100%;
  }
  .header-brand-title{
    font-size:9.6px;
    line-height:1.55;
    white-space:normal;
    max-width:100%;
  }
  .reference-brand h1{
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .header-link,
  .header-action,
  .primary-action,
  .icon-button.mobile-only{
    flex:0 0 auto;
    min-width:38px;
    max-width:100%;
    position:relative;
    z-index:62;
  }
  .header-home-link,
  .header-consult-button,
  .header-print-button{
    order:4;
  }
  .header-consult-button b{
    display:none !important;
  }
  .header-consult-button span{
    display:inline !important;
  }
  .header-print-button{
    width:40px;
    min-width:40px;
    padding-inline:0;
  }
  .header-print-button .print-text{
    display:none !important;
  }
  .header-print-button .print-icon{
    display:inline !important;
  }
  .bottom-nav{
    z-index:120;
    pointer-events:auto;
  }
  .bottom-nav button{
    pointer-events:auto;
    touch-action:manipulation;
  }
  #inputsPanel.open,
  #inputsPanel.mobile-panel-visible{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    position:relative;
    z-index:50;
  }
}

@media (max-width: 768px){
  .reference-brand .eyebrow,
  .header-brand-title,
  #runAnalysis,
  .header-nav > .icon-button.mobile-only[data-panel-toggle="inputs"]{
    display:none !important;
  }

  .topbar{
    min-height:48px !important;
    padding:6px 8px !important;
    align-items:center !important;
  }

  .header-nav{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start;
    gap:6px !important;
    min-height:0;
  }

  .reference-brand{
    flex:0 1 auto !important;
    margin-left:0 !important;
    gap:8px !important;
  }

  .header-brand-image{
    width:34px !important;
    height:34px !important;
    border-radius:12px;
  }

  .reference-brand h1{
    font-size:10px !important;
    line-height:1.2;
    max-width:112px;
    white-space:normal;
  }

  .header-link,
  .header-action,
  .icon-button.mobile-only{
    height:34px !important;
    min-height:34px;
    border-radius:11px !important;
    font-size:10.5px !important;
    padding:0 8px !important;
    z-index:130;
  }

  .header-print-button{
    width:34px !important;
    min-width:34px !important;
    padding:0 !important;
  }

  .header-nav > .icon-button.mobile-only[data-panel-toggle="engine"]{
    width:34px !important;
    min-width:34px !important;
    order:6;
  }

  .bottom-nav{
    z-index:160 !important;
    pointer-events:auto !important;
  }

  .bottom-nav button{
    pointer-events:auto !important;
    touch-action:manipulation;
  }
}

@media (max-width: 768px){
  .reference-brand .eyebrow,
  .header-brand-title,
  #runAnalysis,
  .header-nav > .icon-button.mobile-only[data-panel-toggle="inputs"],
  .header-nav > .icon-button.mobile-only[data-panel-toggle="engine"]{
    display:none !important;
  }

  .topbar{
    height:auto !important;
    min-height:44px !important;
    padding:5px 8px !important;
    align-items:center !important;
    overflow:visible !important;
    z-index:80 !important;
  }

  .header-nav{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:6px !important;
    width:100% !important;
    min-height:0 !important;
    overflow:visible !important;
  }

  .reference-brand{
    flex:0 1 auto !important;
    margin-left:0 !important;
    min-width:0 !important;
    max-width:128px !important;
  }

  .header-brand-image{
    width:32px !important;
    height:32px !important;
    border-radius:10px !important;
  }

  .reference-brand h1{
    font-size:9.5px !important;
    line-height:1.15 !important;
    max-width:88px !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  .header-home-link,
  .header-consult-button,
  .header-print-button{
    height:32px !important;
    min-height:32px !important;
    border-radius:10px !important;
    font-size:10px !important;
    line-height:1 !important;
    position:relative !important;
    z-index:90 !important;
  }

  .header-home-link,
  .header-consult-button{
    padding:0 8px !important;
  }

  .header-print-button{
    width:32px !important;
    min-width:32px !important;
    padding:0 !important;
  }

  .bottom-nav{
    z-index:200 !important;
    pointer-events:auto !important;
  }

  .bottom-nav button,
  .bottom-nav [data-scroll-target="inputsPanel"]{
    pointer-events:auto !important;
    touch-action:manipulation !important;
    position:relative !important;
    z-index:201 !important;
  }

  #inputsPanel.open,
  #inputsPanel.mobile-panel-visible{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
    z-index:70 !important;
  }
}

@media (max-width: 768px){
  header.topbar,
  .topbar{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    z-index:auto !important;
    transform:none !important;
    height:auto !important;
    min-height:42px !important;
    padding:5px 8px !important;
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    overflow:visible !important;
  }

  .reference-brand .eyebrow,
  .header-brand-title,
  #runAnalysis,
  .header-nav > .icon-button.mobile-only[data-panel-toggle="inputs"],
  .header-nav > .icon-button.mobile-only[data-panel-toggle="engine"],
  .bottom-nav [data-scroll-target="enginePanel"]{
    display:none !important;
  }

  .header-nav{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:6px !important;
    width:100% !important;
    min-height:0 !important;
    overflow:visible !important;
    transform:none !important;
  }

  .reference-brand{
    flex:0 1 auto !important;
    max-width:126px !important;
    margin-left:0 !important;
    min-width:0 !important;
  }

  .header-brand-image{
    width:32px !important;
    height:32px !important;
    border-radius:10px !important;
  }

  .reference-brand h1{
    font-size:9px !important;
    line-height:1.15 !important;
    max-width:84px !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  .header-consult-button{
    display:inline-flex !important;
    order:2 !important;
    flex:0 0 auto !important;
    height:32px !important;
    min-height:32px !important;
    padding:0 10px !important;
    border-radius:10px !important;
    font-size:10.5px !important;
    line-height:1 !important;
    position:relative !important;
    z-index:2 !important;
  }

  .header-consult-button b{
    display:none !important;
  }

  .header-home-link{
    order:3 !important;
    height:32px !important;
    min-height:32px !important;
    padding:0 9px !important;
    border-radius:10px !important;
    font-size:10px !important;
    position:relative !important;
    z-index:2 !important;
  }

  .header-print-button{
    order:4 !important;
    display:inline-flex !important;
    width:32px !important;
    min-width:32px !important;
    height:32px !important;
    min-height:32px !important;
    padding:0 !important;
    border-radius:10px !important;
    position:relative !important;
    z-index:2 !important;
  }

  .header-print-button .print-text{
    display:none !important;
  }

  .header-print-button .print-icon{
    display:inline !important;
  }

  .bottom-nav{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    z-index:200 !important;
    pointer-events:auto !important;
  }

  .bottom-nav [data-scroll-target="inputsPanel"]{
    display:block !important;
    pointer-events:auto !important;
    touch-action:manipulation !important;
    position:relative !important;
    z-index:201 !important;
  }

  #inputsPanel.open,
  #inputsPanel.mobile-panel-visible{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    pointer-events:auto !important;
  }
}