:root{
  --bg:#0a0f14;--panel:#101821;--panel2:#131f2a;--line:#253341;--text:#eef4f8;--muted:#92a2b1;
  --accent:#f0b44d;--good:#43c28a;--warn:#f0b44d;--bad:#e46f67;--blue:#6fa8dc;--radius:18px;
  --shadow:0 14px 40px rgba(0,0,0,.22);--max:1500px;
}
html[data-accent="blue"]{--accent:#6fa8dc}
html[data-accent="teal"]{--accent:#5bc0a8}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 72% -10%,rgba(56,92,121,.18),transparent 38%),var(--bg)}
button,input,select{font:inherit}button,a{outline-offset:3px}a{color:inherit;text-decoration:none}
.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;background:rgba(10,15,20,.94);backdrop-filter:blur(14px);z-index:30}
.brand{display:flex;align-items:center;gap:12px}.brand img{width:42px;height:42px;object-fit:contain}.brand span{display:grid}.brand b{font-size:15px}.brand small{color:var(--muted);font-size:11px;margin-top:2px}
.top-actions{display:flex;align-items:center;gap:9px}.chip,.icon-btn,.text-btn,.primary-btn{border:1px solid var(--line);background:#111a23;color:var(--text);border-radius:12px;cursor:pointer}
.chip{padding:8px 12px;font-size:12px}.icon-btn{width:36px;height:36px;font-size:19px;display:grid;place-items:center}.text-btn{padding:8px 12px;font-size:12px;color:#c6d5e1}.primary-btn{padding:10px 14px;background:#e8eef2;color:#0b1116;border-color:#e8eef2;font-weight:700}
.text-btn.disabled{opacity:.4;pointer-events:none}.primary-btn:disabled{opacity:.35;cursor:not-allowed}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.settings-panel{position:fixed;top:82px;inset-inline-end:28px;width:min(340px,calc(100vw - 28px));z-index:45;border:1px solid var(--line);border-radius:16px;background:#101821;box-shadow:0 20px 60px rgba(0,0,0,.45);padding:15px;display:grid;gap:12px}.settings-panel[hidden]{display:none}.settings-head{display:flex;align-items:center;justify-content:space-between}.settings-head strong{font-size:14px}.settings-head button{border:0;background:transparent;color:var(--muted);font-size:22px;cursor:pointer}.settings-panel label{display:grid;grid-template-columns:1fr 140px;align-items:center;gap:12px;color:#c5d2dc;font-size:12px}.settings-panel small{color:var(--muted);font-size:10px;line-height:1.6}
.live-state{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:12px}.live-state i,.source-dot,.source-card i{width:8px;height:8px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 4px rgba(240,180,77,.08)}
.live-state.ok i,.source-dot.ok,.source-card.ok i{background:var(--good);box-shadow:0 0 0 4px rgba(67,194,138,.1)}.live-state.down i,.source-card.down i{background:var(--bad)}
.shell{max-width:var(--max);margin:0 auto;padding:38px 28px 80px}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:end;padding:24px 0 34px}
.eyebrow{margin:0 0 8px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1{font-size:clamp(30px,4vw,58px);line-height:1.12;max-width:900px;margin:0;font-weight:800;letter-spacing:-.025em}
.lead{max-width:850px;color:var(--muted);font-size:15px;line-height:1.9;margin:16px 0 0}.hero-status{border:1px solid var(--line);border-radius:16px;padding:16px 18px;min-width:230px;background:rgba(16,24,33,.75);display:grid;gap:4px}
.hero-status span,.hero-status small{font-size:11px;color:var(--muted)}.hero-status strong{font-size:14px}
.section-block{margin-top:22px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(19,31,42,.87),rgba(13,21,29,.92));box-shadow:var(--shadow);padding:22px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-head h2{margin:0;font-size:22px}.compact-head{align-items:center}.micro{color:var(--muted);font-size:11px}
.indicator-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.indicator-card{appearance:none;text-align:start;display:flex;flex-direction:column;min-height:210px;padding:16px;border:1px solid var(--line);border-radius:15px;background:#0d151d;color:var(--text);cursor:pointer;transition:.18s ease}
.indicator-card:hover,.indicator-card.selected{border-color:#526b80;transform:translateY(-1px);background:#111c26}.indicator-card.is-stale{border-style:dashed}.indicator-top{display:flex;justify-content:space-between;align-items:center}.source-pill,.source-tag{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid #344656;border-radius:999px;font-size:10px;color:#bbcad5;background:#121d27}
.indicator-card h3{margin:20px 0 6px;font-size:14px;color:#dce7ee}.big-number{display:flex;align-items:baseline;gap:7px;margin-bottom:18px}.big-number bdi{font:750 34px/1 "Segoe UI",Arial,sans-serif;letter-spacing:-.04em}.big-number small{font-size:12px;color:var(--muted)}
.card-meta{margin-top:auto;display:grid;gap:4px;color:var(--muted);font-size:10px}.card-meta bdi{direction:ltr;unicode-bidi:isolate}
.fx-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.fx-card{padding:14px;border:1px solid var(--line);border-radius:13px;background:#0c141c;display:grid;gap:5px}.fx-card span{font-size:11px;color:var(--muted);direction:ltr;text-align:left}.fx-card strong{font-size:24px;direction:ltr;text-align:left}.fx-card small{font-size:10px;color:#718190;direction:ltr;text-align:left}
.pulse-columns{display:grid;grid-template-columns:1fr;gap:18px}.subhead{font-size:12px;margin:0 0 9px;color:#c8d5de}.commodity-grid,.regional-fx-grid{display:grid;gap:9px}.commodity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.regional-fx-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.pulse-card{display:grid;gap:7px;border:1px solid var(--line);border-radius:13px;background:#0d151d;padding:13px;min-width:0}.pulse-card:hover{background:#14212c}.pulse-card>div{display:flex;justify-content:space-between;gap:8px;align-items:center}.pulse-card>div small{color:var(--muted);font-size:9px}.pulse-card h3{font-size:12px;margin:2px 0;color:#dce7ee}.pulse-card strong{font:750 24px/1 "Segoe UI",Arial,sans-serif;direction:ltr;text-align:start}.pulse-card em{font-style:normal;font-size:9px;color:var(--muted);direction:ltr;text-align:start}.fx-pulse strong{font-size:20px}
.country-table{overflow:hidden;border:1px solid var(--line);border-radius:14px}.country-head,.country-row{display:grid;grid-template-columns:minmax(170px,1.15fr) minmax(105px,.62fr) minmax(105px,.62fr) minmax(155px,.82fr) minmax(130px,.72fr) 105px;align-items:center;gap:12px;padding:11px 14px}.country-head{background:#0b1219;color:var(--muted);font-size:10px;text-transform:uppercase}.country-row{border-top:1px solid var(--line);background:#0f1821;transition:.15s}.country-row:hover{background:#14212c}.country-row>span{display:grid;gap:3px;min-width:0;font-size:11px}.country-row strong{font-size:14px}.country-row small{color:var(--muted);font-size:9px}.country-name b{font-size:13px}.country-name small{direction:ltr;text-align:start}.country-search{min-width:240px}
.tools-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px}.tool-card{border:1px solid var(--line);border-radius:14px;background:#0d151d;padding:16px}.tool-card h3{margin:0 0 12px;font-size:13px}.alert-list{display:grid;gap:8px}.editor-alert{display:flex;align-items:flex-start;gap:9px;padding:9px 10px;border:1px solid #253746;border-radius:11px;background:#101b24;color:#c7d5df;font-size:11px;line-height:1.6}.editor-alert i{width:7px;height:7px;border-radius:50%;background:var(--warn);margin-top:5px;flex:none}.editor-alert.important{border-color:rgba(228,111,103,.35);background:rgba(228,111,103,.06)}.editor-alert.important i{background:var(--bad)}.empty-mini{padding:18px 8px;color:var(--muted);font-size:11px}.compare-selects{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-bottom:12px}.compare-selects>span{color:var(--muted)}.compare-result{display:grid;grid-template-columns:1fr 1fr;gap:9px}.compare-result article{border:1px solid var(--line);border-radius:12px;background:#111c25;padding:12px}.compare-result h4{margin:0 0 10px;font-size:13px}.compare-result h4 small{color:var(--muted);font-size:9px}.compare-result article>div{display:grid;grid-template-columns:1fr auto;gap:3px 8px;border-top:1px solid var(--line);padding:7px 0}.compare-result article>div span{font-size:9px;color:var(--muted)}.compare-result article>div strong{font:700 13px "Segoe UI",Arial,sans-serif;direction:ltr}.compare-result article>div small{grid-column:1/-1;color:#718392;font-size:8px;direction:ltr}.tool-note{margin:12px 0 0;color:var(--muted);font-size:9px;line-height:1.6}
.analysis-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:14px;border:0;padding:0;background:none;box-shadow:none}.chart-card,.editor-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#111c25,#0d151d);padding:22px;box-shadow:var(--shadow)}
.bars{height:240px;display:flex;gap:10px;align-items:end;border-bottom:1px solid var(--line);padding-top:30px}.bar-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px;min-width:0}.bar-col b{font-size:11px;font-weight:600;direction:ltr}.bar-col i{display:block;width:min(34px,68%);min-height:12px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#90b6d2,#385975);opacity:.9}.bar-col span{font-size:9px;color:var(--muted);direction:ltr}.chart-foot{margin-top:12px;font-size:10px;color:var(--muted)}
.editor-card{display:flex;flex-direction:column}.editor-card h2{font-size:20px;margin:2px 0 14px}.editor-value{font:750 42px/1 "Segoe UI",Arial,sans-serif;direction:ltr;text-align:start;margin-bottom:14px}.editor-value small{font-size:13px;color:var(--muted)}.editor-note{font-size:13px;line-height:1.8;color:#bdcbd5;min-height:52px}
.editor-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 18px}.editor-meta span{border-top:1px solid var(--line);padding-top:8px;font-size:11px;color:var(--muted);display:grid;gap:2px}.editor-meta b{color:#d9e4ea;font-size:10px}.editor-actions{display:flex;gap:8px;margin-top:auto}
.newsroom{padding-bottom:14px}.newsroom-head{align-items:center}.feed-tools{display:flex;gap:8px;align-items:center}.search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#0d151d;border-radius:12px;padding:0 10px;min-width:310px}.search span{color:var(--muted)}.search input{width:100%;height:38px;border:0;outline:0;background:transparent;color:var(--text)}
select{height:40px;border:1px solid var(--line);border-radius:12px;background:#0d151d;color:var(--text);padding:0 12px}
.feed-tabs{display:flex;gap:7px;overflow:auto;padding-bottom:12px}.feed-tabs button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:#0d151d;color:var(--muted);padding:7px 11px;cursor:pointer;font-size:11px}.feed-tabs button.active{color:#0c1116;background:#dce7ee;border-color:#dce7ee}
.news-table{overflow:hidden;border:1px solid var(--line);border-radius:14px}.news-head,.news-row{display:grid;grid-template-columns:150px 150px minmax(360px,1fr) 150px 130px;align-items:center;gap:10px;padding:10px 13px}.news-head{background:#0b1219;color:var(--muted);font-size:10px;text-transform:uppercase}.news-row{border-top:1px solid var(--line);min-height:72px;background:#0f1821;transition:.15s}.news-row:hover{background:#14212c}
.news-row>span{min-width:0;font-size:11px}.news-date{color:#9badbb;direction:ltr;text-align:left}.news-row span:nth-child(2){display:grid;gap:5px}.news-row span:nth-child(2) small{font-size:9px;color:#6f8292}.news-title{display:grid;gap:4px}.news-title strong{font-size:13px;line-height:1.5}.news-title small{font-size:10px;color:var(--muted);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.news-row em{font-style:normal;font-size:10px;color:#b6c8d5}
.feed-footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:10px;padding:10px 2px 0}.empty{padding:34px;text-align:center;color:var(--muted)}
.sources-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.source-card{border:1px solid var(--line);background:#0d151d;border-radius:13px;padding:13px;display:grid;gap:8px}.source-card>div{display:flex;align-items:center;gap:8px}.source-card strong{font-size:12px}.source-card>span{font-size:11px;color:#b9c8d3}.source-card small{font-size:9px;line-height:1.6;color:var(--muted)}
.footer{max-width:var(--max);margin:0 auto;padding:18px 28px 34px;display:flex;justify-content:space-between;gap:16px;color:#657685;font-size:10px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#e8eef2;color:#0c1116;border-radius:12px;padding:10px 15px;font-size:12px;font-weight:700;transition:.2s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}
.skeleton{min-height:210px;border-radius:15px;background:linear-gradient(90deg,#101923,#172531,#101923);background-size:200% 100%;animation:sk 1.2s infinite}.skeleton.small{min-height:82px}.skeleton.row{min-height:72px;border-radius:0;border-top:1px solid var(--line)}@keyframes sk{to{background-position:-200% 0}}
html[data-density="compact"] .indicator-card{min-height:170px;padding:12px}html[data-density="compact"] .news-row{min-height:54px;padding-block:7px}html[data-density="compact"] .news-title small{display:none}
html[dir="ltr"] .brand span,html[dir="ltr"] .indicator-card{text-align:left}html[dir="ltr"] .eyebrow{letter-spacing:.08em}

@media(max-width:1100px){
  .indicator-grid{grid-template-columns:repeat(2,1fr)}.fx-grid{grid-template-columns:repeat(3,1fr)}.analysis-grid{grid-template-columns:1fr}.pulse-columns{grid-template-columns:1fr}.regional-fx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-grid{grid-template-columns:1fr}
  .news-table{overflow:auto}.news-head,.news-row{min-width:960px}.sources-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .topbar{height:66px;padding:0 14px}.brand img{width:36px;height:36px}.brand small{display:none}.live-state span{display:none}.chip{padding:7px 9px}.settings-panel{top:72px;inset-inline-end:14px;width:calc(100vw - 28px)}.settings-panel label{grid-template-columns:1fr 130px}.shell{padding:22px 14px 60px}
  .hero{grid-template-columns:1fr;padding-top:10px}.hero h1{font-size:32px}.hero-status{min-width:0}.section-block,.chart-card,.editor-card{padding:15px;border-radius:15px}
  .section-head{align-items:flex-start}.section-head h2{font-size:18px}.indicator-grid{grid-template-columns:1fr}.indicator-card{min-height:170px}
  .fx-grid{display:flex;overflow:auto}.fx-card{min-width:150px}.commodity-grid,.regional-fx-grid{grid-template-columns:1fr 1fr}.analysis-grid{gap:12px}.bars{height:210px}.bar-col i{width:24px}
  .countries-head{display:grid}.country-search{min-width:0;width:100%}.country-table{border:0;overflow:visible}.country-head{display:none}.country-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;border:1px solid var(--line);border-radius:13px;margin-bottom:8px;padding:13px}.country-row .country-name{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.country-row>span:nth-child(5),.country-row>span:nth-child(6){display:none}
  .compare-selects{grid-template-columns:1fr}.compare-selects>span{display:none}.compare-result{grid-template-columns:1fr}.editor-tools .section-head{display:grid}.editor-tools .primary-btn{width:100%}
  .newsroom-head{display:grid}.feed-tools{width:100%;display:grid;grid-template-columns:1fr}.search{min-width:0}.news-table{border:0;overflow:visible}.news-head{display:none}.news-row{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:8px;border:1px solid var(--line);border-radius:13px;margin-bottom:8px;padding:13px}
  .news-row .news-title{grid-column:1/-1;order:-1}.news-row>span:nth-child(4),.news-row>span:nth-child(5){display:none}.news-date{font-size:9px}.feed-footer{display:grid}
  .sources-grid{grid-template-columns:1fr}.footer{padding-inline:14px;display:grid}.editor-meta{grid-template-columns:1fr}.editor-actions{flex-wrap:wrap}
}

/* R1 — professional light/dark shell + grouped navigation */
[hidden]{display:none!important}
.desk-tabs{position:sticky;top:74px;z-index:28;display:flex;justify-content:center;gap:6px;padding:9px 24px;border-bottom:1px solid var(--line);backdrop-filter:blur(16px);overflow:auto;scrollbar-width:none}
.desk-tabs::-webkit-scrollbar{display:none}.desk-tabs button{border:0;background:transparent;color:var(--muted);padding:9px 14px;border-radius:10px;white-space:nowrap;cursor:pointer;font-weight:700;font-size:12px;transition:.18s}.desk-tabs button:hover{color:var(--text)}.desk-tabs button.active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}
.theme-toggle{width:62px;height:34px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--panel);display:grid;grid-template-columns:1fr 1fr;align-items:center;cursor:pointer;box-shadow:0 3px 12px rgba(15,23,42,.08)}.theme-toggle span{height:26px;display:grid;place-items:center;border-radius:50%;font-size:14px;transition:.2s}.theme-toggle .sun{background:var(--accent);color:#fff}.theme-toggle .moon{color:var(--muted)}
html[data-theme="dark"] .theme-toggle .sun{background:transparent;color:var(--muted)}html[data-theme="dark"] .theme-toggle .moon{background:#314155;color:#fff}

html[data-theme="light"]{
  --bg:#f4f7fa;--panel:#ffffff;--panel2:#f8fafc;--line:#dbe3ea;--text:#142033;--muted:#66788a;
  --accent:#e47824;--good:#08a35a;--warn:#e89222;--bad:#df3744;--blue:#2475c5;--radius:16px;
  --shadow:0 10px 28px rgba(27,47,70,.07);color-scheme:light
}
html[data-theme="light"][data-accent="blue"]{--accent:#2475c5}html[data-theme="light"][data-accent="teal"]{--accent:#168f82}
html[data-theme="light"],html[data-theme="light"] body{background:#f4f7fa;color:var(--text)}
html[data-theme="light"] body{background:linear-gradient(180deg,#fbfcfe 0,#f4f7fa 360px,#eef3f7 100%)}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.95);border-color:var(--line);box-shadow:0 1px 12px rgba(30,54,78,.05)}
html[data-theme="light"] .desk-tabs{background:rgba(250,252,254,.94)}
html[data-theme="light"] .brand b{color:#172234}html[data-theme="light"] .brand small,html[data-theme="light"] .live-state{color:#6c7d8d}
html[data-theme="light"] .chip,html[data-theme="light"] .icon-btn,html[data-theme="light"] .text-btn{background:#fff;color:#26374a;border-color:#d9e3eb}
html[data-theme="light"] .chip:hover,html[data-theme="light"] .icon-btn:hover,html[data-theme="light"] .text-btn:hover{background:#f3f7fa;border-color:#bfcdd8}
html[data-theme="light"] .primary-btn{background:#16293d;color:#fff;border-color:#16293d}
html[data-theme="light"] .settings-panel{background:#fff;border-color:#d9e2e9;box-shadow:0 20px 60px rgba(30,50,70,.16)}
html[data-theme="light"] .settings-panel label{color:#35475a}html[data-theme="light"] select{background:#fff;color:#253649;border-color:#d9e2ea}
html[data-theme="light"] .shell{padding-top:26px}
html[data-theme="light"] .hero{padding:14px 0 22px;align-items:center}
html[data-theme="light"] .hero h1{font-size:clamp(30px,3.25vw,50px);color:#172235;max-width:820px}
html[data-theme="light"] .lead{color:#586b7d;margin-top:12px}
html[data-theme="light"] .hero-status{background:#fff;border-color:#d8e2ea;box-shadow:var(--shadow)}
html[data-theme="light"] .section-block,html[data-theme="light"] .chart-card,html[data-theme="light"] .editor-card{background:#fff;border-color:#dce5ec;box-shadow:var(--shadow)}
html[data-theme="light"] .section-head h2,html[data-theme="light"] .tool-card h3,html[data-theme="light"] .editor-card h2{color:#1a2a3c}
html[data-theme="light"] .indicator-card,html[data-theme="light"] .fx-card,html[data-theme="light"] .pulse-card,html[data-theme="light"] .tool-card,html[data-theme="light"] .compare-result article,html[data-theme="light"] .source-card{background:#fbfdff;border-color:#dce5ec;color:#172235}
html[data-theme="light"] .indicator-card:hover,html[data-theme="light"] .indicator-card.selected,html[data-theme="light"] .pulse-card:hover{background:#fff;border-color:#aebfcd;box-shadow:0 10px 24px rgba(35,60,84,.09)}
html[data-theme="light"] .indicator-card h3,html[data-theme="light"] .pulse-card h3{color:#27394b}
html[data-theme="light"] .source-pill,html[data-theme="light"] .source-tag{background:#f1f6fa;border-color:#ccdbe6;color:#456074}
html[data-theme="light"] .country-head,html[data-theme="light"] .news-head{background:#f1f5f8;color:#647789}
html[data-theme="light"] .country-row,html[data-theme="light"] .news-row{background:#fff;border-color:#e0e7ed;color:#1d2c3d}
html[data-theme="light"] .country-row:hover,html[data-theme="light"] .news-row:hover{background:#f7fafc}
html[data-theme="light"] .editor-alert{background:#f7fafc;border-color:#dce5ec;color:#405467}html[data-theme="light"] .editor-alert.important{background:#fff2f2;border-color:#f1c6ca}
html[data-theme="light"] .search{background:#fff;border-color:#d8e2e9}html[data-theme="light"] .search input{color:#1d2d3d}
html[data-theme="light"] .feed-tabs button{background:#f4f7fa;border-color:#dbe4eb;color:#5c7082}html[data-theme="light"] .feed-tabs button.active{background:#1d3449;color:#fff;border-color:#1d3449}
html[data-theme="light"] .bars{border-color:#dfe6ec}html[data-theme="light"] .bar-col i{background:linear-gradient(180deg,#69a9db,#2475c5)}
html[data-theme="light"] .editor-note{color:#526678}html[data-theme="light"] .editor-meta span{border-color:#dfe6ec;color:#66798b}html[data-theme="light"] .editor-meta b{color:#2f4356}
html[data-theme="light"] .footer{color:#7b8b99}
html[data-theme="light"] .skeleton{background:linear-gradient(90deg,#edf2f6,#f7f9fb,#edf2f6);background-size:200% 100%}

/* dark keeps newsroom character but uses new navigation */
html[data-theme="dark"]{color-scheme:dark}html[data-theme="dark"] .desk-tabs{background:rgba(10,15,20,.95)}

@media(max-width:720px){
  .desk-tabs{top:66px;justify-content:flex-start;padding:7px 12px}.desk-tabs button{padding:8px 10px;font-size:11px}.theme-toggle{width:54px;height:30px}.theme-toggle span{height:22px}.top-actions{gap:6px}.shell{padding-top:16px}
  html[data-theme="light"] .hero h1{font-size:29px}
}

/* R2 — visual overview */
.market-ticker{border-bottom:1px solid var(--line);background:var(--panel);overflow:hidden}.ticker-track{max-width:var(--max);margin:0 auto;padding:8px 24px;display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:8px}.ticker-item{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--panel2);padding:9px 10px;display:grid;grid-template-columns:1fr 62px;gap:4px 8px;align-items:center}.ticker-item>div{display:grid;gap:2px;min-width:0}.ticker-item span{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-item strong{font:750 15px/1.1 "Segoe UI",Arial,sans-serif;direction:ltr;text-align:start}.ticker-item small{grid-column:1/-1;font-size:9px;direction:ltr;text-align:start}.ticker-item.up small{color:var(--good)}.ticker-item.down small{color:var(--bad)}.sparkline{width:62px;height:32px;overflow:visible}.sparkline polyline{fill:none;stroke:var(--blue);stroke-width:2;vector-effect:non-scaling-stroke}.sparkline.up polyline{stroke:var(--good)}.sparkline.down polyline{stroke:var(--bad)}.ticker-skeleton{height:62px;border-radius:10px;background:var(--panel2)}
.hero-pro{min-height:280px;border-radius:22px;padding:30px;margin-top:18px;border:1px solid var(--line);background:linear-gradient(120deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--blue) 8%,var(--panel)));box-shadow:var(--shadow);overflow:hidden;position:relative}.hero-pro:after{content:"";position:absolute;inset-inline-start:-60px;bottom:-90px;width:300px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 20%,transparent),transparent 70%);pointer-events:none}.hero-copy{position:relative;z-index:1}.hero-side{display:grid;gap:10px;min-width:300px;position:relative;z-index:1}.hero-signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-signal:first-child{grid-column:1/-1}.hero-signal{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:color-mix(in srgb,var(--panel) 88%,transparent);display:grid;gap:3px}.hero-signal span{font-size:9px;color:var(--muted)}.hero-signal strong{font:750 18px "Segoe UI",Arial,sans-serif;direction:ltr;text-align:start}.hero-signal.warn{border-color:color-mix(in srgb,var(--warn) 32%,var(--line));background:color-mix(in srgb,var(--warn) 8%,var(--panel))}.hero-signal.up strong{color:var(--good)}.hero-signal.down strong{color:var(--bad)}
.overview-visuals{display:grid;grid-template-columns:1fr 1.2fr;gap:14px;margin-top:14px}.visual-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:18px}.visual-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px}.visual-head h2{font-size:18px;margin:3px 0 0}.visual-kicker{font-size:10px;color:var(--accent);font-weight:800}.live-pill{font-size:9px;font-weight:800;color:#fff;background:var(--bad);border-radius:999px;padding:5px 8px;letter-spacing:.08em}.overview-alerts{display:grid;gap:8px}.overview-alert{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--panel2)}.overview-alert .alert-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:900}.overview-alert b{font-size:10px}.overview-alert p{margin:2px 0 0;font-size:11px;color:var(--muted);line-height:1.45}.overview-alert.critical{background:color-mix(in srgb,var(--bad) 7%,var(--panel));border-color:color-mix(in srgb,var(--bad) 28%,var(--line))}.overview-alert.critical .alert-icon{background:var(--bad);color:#fff}.overview-alert.warning{background:color-mix(in srgb,var(--warn) 8%,var(--panel));border-color:color-mix(in srgb,var(--warn) 30%,var(--line))}.overview-alert.warning .alert-icon{background:var(--warn);color:#fff}.overview-alert.info .alert-icon{background:color-mix(in srgb,var(--blue) 16%,var(--panel));color:var(--blue)}
.movement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.movement-card{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--panel2);display:grid;gap:7px}.movement-card>div{display:flex;align-items:end;justify-content:space-between;gap:8px}.movement-card span{font-size:9px;color:var(--muted)}.movement-card strong{font:750 18px "Segoe UI",Arial,sans-serif;direction:ltr}.movement-card .sparkline{width:100%;height:54px}.movement-card small{font-size:9px;direction:ltr;text-align:start}.movement-card.up small{color:var(--good)}.movement-card.down small{color:var(--bad)}
html[data-theme="light"] .market-ticker{background:#fff}.html{}
html[data-theme="light"] .ticker-item,html[data-theme="light"] .movement-card,html[data-theme="light"] .overview-alert{background:#fbfdff}
html[data-theme="dark"] .hero-pro{background:linear-gradient(120deg,#101821,#112434)}
@media(max-width:1100px){.ticker-track{grid-template-columns:repeat(3,1fr)}.overview-visuals{grid-template-columns:1fr}.movement-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.market-ticker{overflow:auto}.ticker-track{display:flex;width:max-content;padding:7px 12px}.ticker-item{width:158px}.hero-pro{padding:18px;min-height:0}.hero-side{min-width:0}.hero-signal-grid{grid-template-columns:1fr}.hero-signal:first-child{grid-column:auto}.overview-visuals{gap:10px}.movement-grid{display:flex;overflow:auto}.movement-card{min-width:180px}.visual-panel{padding:14px}}

/* R3 — grouped views */
.view-intro{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:center;margin:10px 0 18px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow)}.view-intro[hidden]{display:none!important}.view-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 14%,var(--panel));color:var(--accent);font-size:22px;font-weight:800}.view-intro .eyebrow{margin:0 0 3px}.view-intro h1{margin:0;font-size:24px;line-height:1.25}.view-intro p:last-child{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.65;max-width:900px}
html[data-theme="light"] .view-intro{background:linear-gradient(120deg,#fff,#f7fafc)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 32%,transparent);outline-offset:2px}
@media(max-width:720px){.view-intro{grid-template-columns:42px 1fr;padding:14px}.view-icon{width:40px;height:40px;border-radius:11px;font-size:18px}.view-intro h1{font-size:20px}.view-intro p:last-child{font-size:11px}}

/* R4 — no group flash before deferred JS */
html[data-view="overview"] [data-views]:not([data-views~="overview"]),
html[data-view="markets"] [data-views]:not([data-views~="markets"]),
html[data-view="energy"] [data-views]:not([data-views~="energy"]),
html[data-view="arab"] [data-views]:not([data-views~="arab"]),
html[data-view="news"] [data-views]:not([data-views~="news"]),
html[data-view="editor"] [data-views]:not([data-views~="editor"]){display:none!important}

/* R2 hero editorial image */
.hero-pro{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);grid-template-areas:"copy media" "side media";align-items:stretch}.hero-copy{grid-area:copy;align-self:center}.hero-media{grid-area:media;margin:0;min-height:320px;border-radius:17px;overflow:hidden;position:relative;background:#d8e1e8}.hero-media img{width:100%;height:100%;object-fit:cover;display:block}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(8,20,33,.72));pointer-events:none}.hero-media figcaption{position:absolute;z-index:2;inset-inline:12px;bottom:10px;display:flex;align-items:end;justify-content:space-between;gap:10px;color:#fff;font-size:9px}.hero-media figcaption span{font-weight:800;font-size:11px}.hero-media figcaption a{opacity:.78;text-decoration:none}.hero-side{grid-area:side;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);align-items:stretch}.hero-signal-grid{grid-template-columns:repeat(3,1fr)}.hero-signal:first-child{grid-column:auto}.hero-status{min-width:0}.hero-pro .hero-status{height:100%}
html[data-theme="light"] .hero-media{box-shadow:0 10px 30px rgba(37,65,91,.12)}
@media(max-width:1100px){.hero-pro{grid-template-columns:1fr;grid-template-areas:"copy" "media" "side"}.hero-media{min-height:280px}.hero-side{grid-template-columns:220px 1fr}}
@media(max-width:720px){.hero-media{min-height:220px}.hero-side{grid-template-columns:1fr}.hero-signal-grid{grid-template-columns:1fr}.hero-media figcaption{font-size:8px}}

/* R3 — rich grouped content */
html[data-view="arab"] .country-head{display:none}html[data-view="arab"] .country-table{border:0;overflow:visible}html[data-view="arab"] #countryRows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}html[data-view="arab"] .country-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px solid var(--line);border-radius:15px;padding:15px;background:var(--panel);box-shadow:0 8px 20px rgba(30,52,73,.05)}html[data-view="arab"] .country-row .country-name{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--line)}html[data-view="arab"] .country-row .country-name b{font-size:15px}html[data-view="arab"] .country-row>span:nth-child(4){grid-column:1/-1;border-top:1px solid var(--line);padding-top:8px}html[data-view="arab"] .country-row>span:nth-child(5),html[data-view="arab"] .country-row>span:nth-child(6){display:none}html[data-view="arab"] .country-row strong{font-size:18px}html[data-view="arab"] .country-row small{font-size:9px}
html[data-theme="light"][data-view="arab"] .country-row{background:linear-gradient(180deg,#fff,#fbfdff)}

html[data-view="news"] .news-table{border:0;overflow:visible}html[data-view="news"] .news-head{display:none}html[data-view="news"] #newsRows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}html[data-view="news"] .news-row{min-width:0;min-height:220px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr auto;gap:8px;border:1px solid var(--line);border-radius:16px;padding:0 14px 14px;background:var(--panel);overflow:hidden;box-shadow:0 8px 22px rgba(28,51,72,.06)}html[data-view="news"] .news-row:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(28,51,72,.11)}html[data-view="news"] .news-visual{grid-column:1/-1;margin:0 -14px 4px;min-height:78px;padding:15px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,color-mix(in srgb,var(--blue) 13%,var(--panel2)),var(--panel2));border-bottom:1px solid var(--line)}html[data-view="news"] .news-visual b{font-size:30px}html[data-view="news"] .news-visual small{font-size:10px;font-weight:800;color:var(--muted)}html[data-view="news"] .news-row[data-category="Energy"] .news-visual{background:linear-gradient(120deg,#fff2db,#fff8eb);color:#c87508}html[data-view="news"] .news-row[data-category="Markets"] .news-visual{background:linear-gradient(120deg,#e8f5ff,#f4faff);color:#2475c5}html[data-view="news"] .news-row[data-category="Banking"] .news-visual{background:linear-gradient(120deg,#edf1ff,#f7f8ff);color:#5a68c7}html[data-view="news"] .news-row[data-category="Trade"] .news-visual{background:linear-gradient(120deg,#e8faf3,#f5fcf9);color:#138b60}html[data-view="news"] .news-row[data-category="Macro"] .news-visual{background:linear-gradient(120deg,#fff0f1,#fff7f7);color:#cf3947}html[data-view="news"] .news-title{grid-column:1/-1;grid-row:3;align-self:start}html[data-view="news"] .news-title strong{font-size:15px;line-height:1.65}html[data-view="news"] .news-title small{-webkit-line-clamp:3;font-size:10px}html[data-view="news"] .news-date{grid-column:1;grid-row:2;color:var(--muted);font-size:9px}html[data-view="news"] .news-row>span:nth-child(3){grid-column:2;grid-row:2}html[data-view="news"] .news-row>span:nth-child(5){grid-column:1;grid-row:4;color:var(--muted)}html[data-view="news"] .news-row>span:nth-child(6){grid-column:2;grid-row:4;text-align:end}html[data-view="news"] .feed-footer{margin-top:12px}
html[data-theme="dark"][data-view="news"] .news-row[data-category] .news-visual{background:#13202b;color:var(--accent)}

@media(max-width:1100px){html[data-view="arab"] #countryRows,html[data-view="news"] #newsRows{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){html[data-view="arab"] #countryRows,html[data-view="news"] #newsRows{grid-template-columns:1fr}html[data-view="news"] .news-row{min-height:200px}.newsroom .feed-tabs{padding-bottom:8px}}

/* R4 mobile card conflict repair */
@media(max-width:720px){
  html[data-view="news"] .news-row .news-title{display:grid!important;order:initial;grid-column:1/-1;grid-row:3}
  html[data-view="news"] .news-row>span:nth-child(5){display:block}
  html[data-view="news"] .news-row>span:nth-child(6){display:block}
}

/* R7 — Arab country tabs + data heatmap */
.country-quick-tabs{display:flex;gap:7px;overflow:auto;scrollbar-width:none;margin:-2px 0 12px;padding-bottom:2px}.country-quick-tabs::-webkit-scrollbar{display:none}.country-quick-tabs button{white-space:nowrap;border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700;cursor:pointer}.country-quick-tabs button.active{background:#172d42;color:#fff;border-color:#172d42}.arab-heatmap-wrap{border:1px solid var(--line);border-radius:14px;background:var(--panel2);padding:13px;margin-bottom:14px}.heatmap-head{display:flex;justify-content:space-between;gap:12px;align-items:end;margin-bottom:9px}.heatmap-head strong{font-size:12px}.heatmap-head small{font-size:9px;color:var(--muted)}.arab-heatmap{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.heat-cell{border:1px solid var(--line);border-radius:10px;padding:8px;text-align:start;display:grid;gap:3px;cursor:pointer;min-width:0}.heat-cell span{font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heat-cell small{font-size:8px;direction:ltr;text-align:start}.heat-cell.good{background:color-mix(in srgb,var(--good) 11%,var(--panel));color:color-mix(in srgb,var(--good) 74%,var(--text))}.heat-cell.watch{background:color-mix(in srgb,var(--warn) 12%,var(--panel));color:#a85f06}.heat-cell.risk{background:color-mix(in srgb,var(--bad) 10%,var(--panel));color:color-mix(in srgb,var(--bad) 78%,var(--text))}.heat-cell.info{background:color-mix(in srgb,var(--blue) 9%,var(--panel));color:color-mix(in srgb,var(--blue) 76%,var(--text))}.heat-cell.active{outline:2px solid var(--accent);outline-offset:1px}.heat-cell:hover{transform:translateY(-1px)}
html[data-theme="dark"] .country-quick-tabs button.active{background:#dce8f0;color:#10202f;border-color:#dce8f0}
@media(max-width:1100px){.arab-heatmap{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.arab-heatmap{grid-template-columns:repeat(2,minmax(0,1fr))}.heatmap-head{display:grid}.country-quick-tabs{margin-inline:-2px}}

/* S1/S2 — official recurring rates + country/source emoji flags */
.emoji-flag{font-family:inherit;font-weight:400;font-size:1.15em;line-height:1;vertical-align:-.08em}.official-rates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.official-rate-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:15px;background:var(--panel2);padding:14px;box-shadow:0 7px 18px rgba(25,48,70,.04);transition:.18s}.official-rate-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 38%,var(--line));box-shadow:0 12px 26px rgba(25,48,70,.09)}.official-rate-top{display:grid;grid-template-columns:auto auto 1fr;gap:7px;align-items:center}.official-rate-top small{text-align:end;color:var(--muted);font-size:9px;direction:ltr}.official-flag{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:var(--panel);border:1px solid var(--line);font:inherit}.official-rate-card h3{margin:0;font-size:12px;line-height:1.55;color:var(--text)}.official-rate-value{display:flex;align-items:baseline;gap:7px}.official-rate-value strong{font:800 26px/1 "Segoe UI",Arial,sans-serif;direction:ltr}.official-rate-value em{font-style:normal;font-size:9px;color:var(--muted);direction:ltr}.official-rate-card footer{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:8px;color:var(--muted);font-size:8px}.source-flag{font:inherit;flex:none}.source-card>div{align-items:center}.news-region{display:flex;align-items:center;gap:4px}.ticker-item .emoji-flag{margin-inline-end:2px}.source-pill .emoji-flag{margin-inline-end:2px}.country-name b,.country-quick-tabs button,.heat-cell span{font-family:inherit}
html[data-theme="light"] .official-rate-card{background:linear-gradient(180deg,#fff,#f8fbfd)}html[data-theme="dark"] .official-rate-card{background:#0f1922}
@media(max-width:1100px){.official-rates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.official-rates-grid{grid-template-columns:1fr}.official-rate-card{padding:12px}.official-rate-value strong{font-size:24px}}

/* S5 — fixed page gutter + editorial button system */
:root{
  --page-gutter:clamp(34px,4.6vw,76px);
  --max:1480px;
  --control-h:38px;
  --control-radius:8px;
}
body{overflow-x:clip}
.shell,.footer{
  width:min(calc(100% - (var(--page-gutter) * 2)),var(--max));
  max-width:none;
  margin-inline:auto;
  padding-inline:0;
}
.topbar{padding-inline:var(--page-gutter)}
.desk-tabs{padding-inline:var(--page-gutter)}
.ticker-track{
  width:min(calc(100% - (var(--page-gutter) * 2)),var(--max));
  max-width:none;
  margin-inline:auto;
  padding-inline:0;
}

/* controls: flatter, editorial, less pill/generative */
button,.chip,.icon-btn,.text-btn,.primary-btn,.theme-toggle,.feed-tabs button,.country-quick-tabs button{
  font-family:inherit;
  letter-spacing:0;
}
.chip,.icon-btn,.text-btn,.primary-btn{
  min-height:var(--control-h);
  border-radius:var(--control-radius);
  border:1px solid var(--line);
  box-shadow:none;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .12s ease;
}
.chip,.text-btn,.primary-btn{padding:0 13px;font-size:12px;font-weight:650}
.icon-btn{width:var(--control-h);height:var(--control-h);font-size:16px}
.chip:hover,.icon-btn:hover,.text-btn:hover,.primary-btn:hover{transform:translateY(-1px)}
.chip:active,.icon-btn:active,.text-btn:active,.primary-btn:active{transform:none}
.primary-btn{background:#15283a;color:#fff;border-color:#15283a}
.primary-btn:hover{background:#223a50;border-color:#223a50}
html[data-theme="dark"] .primary-btn{background:#edf3f7;color:#101820;border-color:#edf3f7}

/* theme switch becomes a compact segmented control, not a pill */
.theme-toggle{
  width:64px;height:var(--control-h);padding:3px;
  border-radius:var(--control-radius);
  grid-template-columns:1fr 1fr;
  background:var(--panel2);
  box-shadow:none;
}
.theme-toggle span{height:30px;border-radius:6px;font-size:13px}
.theme-toggle .sun{background:#ef7d23;color:#fff}
html[data-theme="dark"] .theme-toggle .moon{background:#304457;color:#fff}

/* main section tabs: text + underline, no rounded pills */
.desk-tabs{gap:22px;justify-content:center;background:var(--panel);border-bottom:1px solid var(--line)}
.desk-tabs button{
  min-height:44px;padding:0 2px;border:0;border-bottom:2px solid transparent;
  border-radius:0;background:transparent!important;box-shadow:none!important;
  color:var(--muted);font-size:12px;font-weight:700;
}
.desk-tabs button:hover{color:var(--text);border-bottom-color:color-mix(in srgb,var(--accent) 35%,transparent)}
.desk-tabs button.active{color:var(--text);border-bottom-color:var(--accent);box-shadow:none!important}

/* secondary/filter tabs: compact rectangular controls */
.feed-tabs,.country-quick-tabs{gap:6px}
.feed-tabs button,.country-quick-tabs button{
  min-height:34px;padding:0 11px;border:1px solid var(--line);
  border-radius:7px;background:var(--panel);color:var(--muted);
  box-shadow:none;font-size:11px;font-weight:650;
}
.feed-tabs button:hover,.country-quick-tabs button:hover{background:var(--panel2);color:var(--text);border-color:color-mix(in srgb,var(--accent) 25%,var(--line))}
.feed-tabs button.active,.country-quick-tabs button.active{
  background:#182d40;color:#fff;border-color:#182d40;box-shadow:inset 3px 0 0 var(--accent)
}
html[dir="rtl"] .feed-tabs button.active,html[dir="rtl"] .country-quick-tabs button.active{box-shadow:inset -3px 0 0 var(--accent)}
html[data-theme="dark"] .feed-tabs button.active,html[data-theme="dark"] .country-quick-tabs button.active{background:#e7eef4;color:#10202f;border-color:#e7eef4}

/* hero and KPI refinement */
.hero-pro{border-radius:16px;padding:26px;gap:22px}
.hero-media{border-radius:12px}
.hero h1,html[data-theme="light"] .hero h1{font-size:clamp(32px,3vw,48px);line-height:1.22;max-width:760px}
.hero-side{gap:9px}
.hero-status,.hero-signal{
  border-radius:9px;
  box-shadow:none;
  min-height:86px;
}
.hero-signal{padding:11px 13px}
.hero-signal strong{font-size:20px}
.hero-status{padding:12px 14px}

/* standardize all utility/search/select surfaces */
.search,select,.compare-selects select{
  border-radius:8px!important;
  box-shadow:none!important;
}
.settings-panel{border-radius:10px}

@media(max-width:1100px){
  :root{--page-gutter:28px}
  .desk-tabs{gap:16px}
}
@media(max-width:720px){
  :root{--page-gutter:14px;--control-h:36px}
  .topbar{padding-inline:var(--page-gutter)}
  .shell,.footer,.ticker-track{width:calc(100% - (var(--page-gutter) * 2))}
  .desk-tabs{padding-inline:var(--page-gutter);gap:14px;justify-content:flex-start}
  .desk-tabs button{min-height:40px;font-size:11px}
  .theme-toggle{width:58px;height:36px}.theme-toggle span{height:28px}
  .hero-pro{padding:15px;border-radius:12px}.hero-media{border-radius:10px}
  .hero h1,html[data-theme="light"] .hero h1{font-size:28px;line-height:1.28}
  .hero-status,.hero-signal{min-height:76px}
}

/* S5.1 — editorial utility toolbar, fewer boxed controls */
.top-actions{gap:2px;align-items:center}
.top-actions:before{content:"";width:1px;height:22px;background:var(--line);margin-inline:6px 4px;order:3}
.top-actions .icon-btn,
.top-actions .chip,
.top-actions .text-btn{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  border-radius:6px;
}
.top-actions .icon-btn:hover,
.top-actions .chip:hover,
.top-actions .text-btn:hover{
  background:var(--panel2)!important;
  border-color:transparent!important;
}
.top-actions .chip{font-weight:700;color:var(--text)}
.top-actions .text-btn{color:var(--muted)}
.top-actions .text-btn:hover{color:var(--text)}
.top-actions .primary-btn{border-radius:7px;box-shadow:none}
.theme-toggle{margin-inline:3px;border-color:var(--line);background:var(--panel2);border-radius:7px}
html[data-theme="light"] .top-actions .icon-btn,
html[data-theme="light"] .top-actions .chip,
html[data-theme="light"] .top-actions .text-btn{background:transparent!important;border-color:transparent!important}
html[data-theme="light"] .top-actions .icon-btn:hover,
html[data-theme="light"] .top-actions .chip:hover,
html[data-theme="light"] .top-actions .text-btn:hover{background:#eef3f7!important}

/* stronger hierarchy for action buttons outside toolbar */
.editor-tools .primary-btn,.editor-card .primary-btn{
  min-height:40px;border-radius:7px;padding-inline:15px;font-weight:750;
}

@media(max-width:720px){
  .top-actions{gap:0}.top-actions:before{display:none}
  .top-actions .chip,.top-actions .text-btn{padding-inline:8px}
}

/* S5.2 — responsive closure / no feature removal */
@media(max-width:900px){
  :root{--page-gutter:22px}
  .topbar{min-height:68px;height:auto;gap:14px}
  .brand{min-width:0}.brand span{min-width:0}.brand b{white-space:nowrap}
  .top-actions{flex:none}
  .section-head{align-items:flex-start;flex-wrap:wrap}
  .feed-tools{flex-wrap:wrap}
  .search{flex:1 1 260px}
  .hero-pro{gap:16px}
  .hero-side{grid-template-columns:190px minmax(0,1fr)}
  .hero-signal-grid{gap:7px}
  .overview-visuals{grid-template-columns:1fr}
  .official-rates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:720px){
  :root{--page-gutter:14px}
  .topbar{min-height:62px;padding-block:8px;gap:8px}
  .brand{gap:8px}.brand img{width:34px;height:34px}.brand b{font-size:12px}
  .top-actions{margin-inline-start:auto}
  .top-actions .icon-btn{width:34px;height:34px;min-height:34px}
  .top-actions .chip{height:34px;min-height:34px;padding-inline:8px}
  #densityBtn{width:34px;min-width:34px;padding:0;font-size:0;overflow:hidden}
  
  .theme-toggle{width:54px;height:34px;padding:3px}.theme-toggle span{height:26px}
  .desk-tabs{top:62px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
  .desk-tabs button{scroll-snap-align:start;flex:0 0 auto}
  .market-ticker{overscroll-behavior-inline:contain}
  .ticker-track{padding-block:7px;padding-inline:0}
  .shell{padding-bottom:48px}
  .hero-pro{margin-top:12px;gap:13px}
  .hero-copy .lead{font-size:13px;line-height:1.75;margin-top:10px}
  .hero-media{min-height:205px}
  .hero-side{grid-template-columns:1fr;gap:8px}
  .hero-status{min-height:70px}
  .hero-signal-grid{grid-template-columns:1fr 1fr}
  .hero-signal:first-child{grid-column:1/-1}
  .hero-signal{min-width:0;min-height:72px}
  .section-block{margin-top:14px;padding:14px}
  .section-head{gap:8px;margin-bottom:12px}
  .section-head h2{font-size:18px;line-height:1.35}
  .micro{font-size:10px;line-height:1.5}
  .visual-panel{border-radius:12px;padding:13px}
  .movement-grid{margin-inline:-2px;padding:0 2px 3px;scroll-snap-type:x proximity}
  .movement-card{min-width:168px;scroll-snap-align:start}
  .indicator-card{min-height:150px;padding:14px;border-radius:11px}
  .indicator-card h3{margin-top:14px}.big-number{margin-bottom:12px}
  .big-number bdi{font-size:30px}
  .feed-tools{display:grid;grid-template-columns:1fr;width:100%;gap:7px}
  .search{min-width:0;width:100%;height:40px}
  .feed-tabs,.country-quick-tabs{margin-inline:-2px;padding-inline:2px;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}
  .feed-tabs button,.country-quick-tabs button{scroll-snap-align:start;flex:0 0 auto}
  .country-row,.news-row{border-radius:10px}
  .arab-heatmap-wrap{padding:11px;border-radius:11px}
  .arab-heatmap{gap:5px}
  .heat-cell{border-radius:8px;padding:7px}
  .official-rates-grid{grid-template-columns:1fr}
  .official-rate-card{border-radius:11px}
  .footer{padding-top:14px;padding-bottom:26px;flex-direction:column;gap:7px}
  .settings-panel{top:68px;inset-inline:var(--page-gutter);width:auto;max-width:none}
}

@media(max-width:480px){
  .brand small{display:none}
  .brand b{font-size:11px}
  .live-state{padding-inline:0;min-width:10px}.live-state span{display:none!important}
  .top-actions .chip{padding-inline:6px}
  #langBtn{min-width:31px}
  .hero h1,html[data-theme="light"] .hero h1{font-size:26px;line-height:1.3}
  .hero-media{min-height:185px}
  .hero-signal-grid{grid-template-columns:1fr}
  .hero-signal:first-child{grid-column:auto}
  .movement-card{min-width:158px}
  .arab-heatmap{grid-template-columns:1fr 1fr}
  .official-rate-top{grid-template-columns:auto minmax(0,1fr)}
  .official-rate-top small{grid-column:1/-1;text-align:start}
}

/* prevent long dynamic text from creating horizontal page overflow */
.hero-pro,.section-block,.visual-panel,.indicator-card,.official-rate-card,.news-row,.country-row,.source-card{min-width:0}
.hero-pro *, .section-block *, .visual-panel *{max-width:100%}
.news-title,.country-name,.official-rate-card h3,.hero-signal span,.hero-status small{overflow-wrap:anywhere}

/* S6-A — fast source / official-rate filtering */
.source-quick-tabs,.rate-quick-tabs{
  display:flex;align-items:center;gap:6px;overflow:auto;scrollbar-width:none;
  padding:0 0 12px;margin-top:-4px;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;
}
.source-quick-tabs::-webkit-scrollbar,.rate-quick-tabs::-webkit-scrollbar{display:none}
.source-quick-tabs button,.rate-quick-tabs button{
  flex:0 0 auto;scroll-snap-align:start;min-height:34px;padding:0 10px;
  border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--muted);
  display:inline-flex;align-items:center;gap:7px;cursor:pointer;font:650 11px/1 inherit;box-shadow:none;
  transition:background-color .15s,border-color .15s,color .15s;
}
.source-quick-tabs button small,.rate-quick-tabs button small{
  min-width:18px;padding-inline:4px;border-inline-start:1px solid var(--line);font:700 9px/1.5 "Segoe UI",Arial,sans-serif;color:inherit;opacity:.72;
}
.source-quick-tabs button:hover,.rate-quick-tabs button:hover{background:var(--panel2);color:var(--text);border-color:color-mix(in srgb,var(--accent) 26%,var(--line))}
.source-quick-tabs button.active,.rate-quick-tabs button.active{
  background:#182d40;color:#fff;border-color:#182d40;box-shadow:inset 3px 0 0 var(--accent);
}
html[dir="rtl"] .source-quick-tabs button.active,html[dir="rtl"] .rate-quick-tabs button.active{box-shadow:inset -3px 0 0 var(--accent)}
html[data-theme="dark"] .source-quick-tabs button.active,html[data-theme="dark"] .rate-quick-tabs button.active{background:#e7eef4;color:#10202f;border-color:#e7eef4}
.rate-quick-tabs{margin-top:-2px}
@media(max-width:720px){
  .source-quick-tabs,.rate-quick-tabs{margin-inline:-2px;padding-inline:2px;padding-bottom:10px}
  .source-quick-tabs button,.rate-quick-tabs button{min-height:33px;padding-inline:9px}
}

/* S6-B — editorial newsroom scanning, less decorative/card-template styling */
html[data-view="news"] #newsRows{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
html[data-view="news"] .news-row{
  min-height:168px;border-radius:9px;padding:0 13px 12px;gap:7px;
  box-shadow:none;transition:border-color .15s ease,background-color .15s ease;
}
html[data-view="news"] .news-row:hover{
  transform:none;box-shadow:none;border-color:color-mix(in srgb,var(--accent) 32%,var(--line));
}
html[data-view="news"] .news-visual{
  min-height:34px;margin:0 -13px 2px;padding:0 12px;
  background:var(--panel2)!important;color:var(--text)!important;
  border-bottom:1px solid var(--line);border-inline-start:3px solid var(--blue);
}
html[dir="rtl"][data-view="news"] .news-visual{border-inline-start:3px solid var(--blue)}
html[data-view="news"] .news-row[data-category="Energy"] .news-visual{border-inline-start-color:#c77a13}
html[data-view="news"] .news-row[data-category="Markets"] .news-visual{border-inline-start-color:#2475c5}
html[data-view="news"] .news-row[data-category="Banking"] .news-visual{border-inline-start-color:#6670b8}
html[data-view="news"] .news-row[data-category="Trade"] .news-visual{border-inline-start-color:#16835f}
html[data-view="news"] .news-row[data-category="Macro"] .news-visual{border-inline-start-color:#c8434f}
html[data-view="news"] .news-visual b{font-size:14px;line-height:1}
html[data-view="news"] .news-visual small{font-size:9px;letter-spacing:.02em}
html[data-view="news"] .news-title strong{font-size:14px;line-height:1.55;font-weight:750}
html[data-view="news"] .news-title small{-webkit-line-clamp:2;font-size:10px;line-height:1.5}
html[data-view="news"] .news-date{font:700 10px/1.4 "Segoe UI",Arial,sans-serif;color:var(--muted)}
html[data-view="news"] .source-tag{border-radius:6px;padding:3px 6px;background:transparent;border-color:var(--line)}
html[data-view="news"] .news-row>span:nth-child(3) small{display:none}
html[data-view="news"] .news-row em{font-size:9px;font-weight:700;color:var(--muted)}
@media(max-width:900px){html[data-view="news"] #newsRows{grid-template-columns:1fr}}
@media(max-width:720px){
  html[data-view="news"] .news-row{min-height:154px;padding:0 11px 11px}
  html[data-view="news"] .news-visual{margin-inline:-11px;padding-inline:10px}
  html[data-view="news"] .news-title strong{font-size:13px}
}

/* S8-A — priority markets + geo-economic watch */
.priority-markets-block,.geo-watch-block{margin-top:16px}
.priority-head{margin-bottom:10px}
.priority-market-grid{
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;
}
.priority-card{
  min-width:0;min-height:132px;padding:11px 11px 9px;border:1px solid var(--line);border-top:3px solid #708090;
  border-radius:8px;background:var(--panel);display:grid;grid-template-rows:auto 1fr auto auto;gap:5px;box-shadow:none;
}
.priority-card[data-kind="gold"]{border-top-color:#b88a20;background:color-mix(in srgb,#c99b2e 5%,var(--panel))}
.priority-card[data-kind="silver"]{border-top-color:#8092a2;background:color-mix(in srgb,#aebbc5 5%,var(--panel))}
.priority-card[data-kind="oil"]{border-top-color:#2e6b51;background:color-mix(in srgb,#2e8060 4%,var(--panel))}
.priority-card[data-kind="metal"]{border-top-color:#6b65a8;background:color-mix(in srgb,#736db0 4%,var(--panel))}
.priority-card[data-kind="btc"]{border-top-color:#d27b18;background:color-mix(in srgb,#e78a1c 5%,var(--panel))}
.priority-card header{display:flex;align-items:center;gap:7px;min-width:0}
.priority-card header>div{display:grid;gap:2px;min-width:0}
.priority-card header b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.priority-card header small{font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.priority-icon{font:inherit;flex:none}
.priority-card>strong{align-self:end;font:800 23px/1.05 "Segoe UI",Arial,sans-serif;direction:ltr;text-align:start;letter-spacing:-.025em}
.priority-unit{font-size:8px;color:var(--muted);direction:ltr;text-align:start}
.priority-card footer{display:flex;justify-content:space-between;gap:6px;padding-top:6px;border-top:1px solid var(--line);font-size:8px;color:var(--muted);direction:ltr}
.priority-card footer em{font-style:normal;font-weight:800}.priority-card footer .up{color:var(--good)}.priority-card footer .down{color:var(--bad)}
.priority-quality{margin-top:2px;font-size:7.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.priority-quality.verified{color:var(--good);font-weight:750}
.geo-watch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.geo-card{min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:12px;display:grid;gap:9px;box-shadow:none}
.geo-card header{display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);padding-bottom:8px}
.geo-card header span{font:inherit}.geo-card header b{font-size:12px}
.geo-metric{display:grid;gap:3px}.geo-metric>small{font-size:9px;color:var(--muted)}.geo-metric>strong{font:800 20px/1.2 "Segoe UI",Arial,sans-serif;direction:ltr;text-align:start}.geo-metric>span{font-size:8px;color:var(--muted);direction:ltr;text-align:start}
.geo-card footer{display:grid;gap:5px;border-top:1px solid var(--line);padding-top:7px;min-height:40px}.geo-card footer span{font-size:8px;color:var(--muted);line-height:1.4}.geo-card footer em{font-style:normal;font-size:8px;font-weight:700;color:var(--text)}
html[data-theme="light"] .priority-card,html[data-theme="light"] .geo-card{background:#fff}
@media(max-width:1250px){.priority-market-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.geo-watch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.priority-market-grid{display:flex;overflow:auto;scroll-snap-type:x proximity;padding-bottom:3px}.priority-card{min-width:170px;scroll-snap-align:start}.geo-watch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.geo-watch-grid{grid-template-columns:1fr}.geo-card{padding:11px}.priority-card{min-width:158px;min-height:122px}.priority-card>strong{font-size:20px}}

/* S8-B — geo-economic newsroom filter */
.geo-news-tabs{display:flex;align-items:center;gap:6px;overflow:auto;scrollbar-width:none;padding:0 0 12px;overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
.geo-news-tabs::-webkit-scrollbar{display:none}
.geo-news-tabs button{flex:0 0 auto;scroll-snap-align:start;min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--muted);display:inline-flex;align-items:center;gap:7px;cursor:pointer;font:650 11px/1 inherit;box-shadow:none}
.geo-news-tabs button small{min-width:18px;padding-inline:4px;border-inline-start:1px solid var(--line);font:700 9px/1.5 "Segoe UI",Arial,sans-serif;opacity:.72}
.geo-news-tabs button:hover{background:var(--panel2);color:var(--text)}
.geo-news-tabs button.active{background:#182d40;color:#fff;border-color:#182d40;box-shadow:inset 3px 0 0 var(--accent)}
html[dir="rtl"] .geo-news-tabs button.active{box-shadow:inset -3px 0 0 var(--accent)}
html[data-theme="dark"] .geo-news-tabs button.active{background:#e7eef4;color:#10202f;border-color:#e7eef4}
@media(max-width:720px){.geo-news-tabs{margin-inline:-2px;padding-inline:2px;padding-bottom:10px}.geo-news-tabs button{min-height:33px;padding-inline:9px}}

/* S8-C — asset codes instead of decorative emoji in priority markets */
.priority-icon{
  width:30px;height:30px;display:grid;place-items:center;flex:none;
  border:1px solid var(--line);border-radius:6px;background:var(--panel2);
  font:800 10px/1 "Segoe UI",Arial,sans-serif;letter-spacing:-.02em;
}
.priority-card[data-kind="gold"] .priority-icon{color:#9a6c08;border-color:color-mix(in srgb,#b88a20 38%,var(--line))}
.priority-card[data-kind="silver"] .priority-icon{color:#667987;border-color:color-mix(in srgb,#8092a2 42%,var(--line))}
.priority-card[data-kind="oil"] .priority-icon{color:#286048;border-color:color-mix(in srgb,#2e6b51 40%,var(--line))}
.priority-card[data-kind="metal"] .priority-icon{color:#5d5796;border-color:color-mix(in srgb,#6b65a8 38%,var(--line))}

/* S8-D — explicit data freshness hierarchy */
.priority-card header{grid-template-columns:auto minmax(0,1fr) auto}
.priority-cadence{
  align-self:start;font-style:normal;font-size:7.5px;font-weight:800;text-transform:uppercase;
  color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:3px 5px;white-space:nowrap;
}
.priority-cadence.spot{color:#a65e07;border-color:color-mix(in srgb,#d27b18 36%,var(--line));background:color-mix(in srgb,#d27b18 6%,var(--panel))}
.priority-secondary{
  display:grid;grid-template-columns:1fr auto;gap:2px 7px;padding:6px 7px;border:1px solid var(--line);
  border-radius:6px;background:var(--panel2);font-size:7.5px;color:var(--muted);
}
.priority-secondary span{font-weight:700}.priority-secondary bdi{direction:ltr;color:var(--text);font-weight:750}.priority-secondary small{grid-column:1/-1;direction:ltr}
.priority-card:has(.priority-secondary){min-height:158px}
@media(max-width:800px){.priority-card:has(.priority-secondary){min-height:150px}}

/* S8-F — deterministic SVG country flags; no OS emoji dependency */
.flag-svg{width:20px;height:15px;object-fit:cover;display:inline-block;vertical-align:-3px;border-radius:2px;box-shadow:0 0 0 1px rgba(20,35,50,.12);flex:none}
.flag-slot{display:inline-flex;align-items:center;line-height:1}.flag-slot .flag-svg{margin:0}
.flag-neutral{width:7px;height:7px;border-radius:50%;background:var(--muted);opacity:.45;display:inline-block;flex:none}
.official-flag .flag-svg{width:24px;height:18px;border-radius:3px}.official-flag{font:inherit}
.source-flag{display:inline-flex;align-items:center}.source-flag .flag-svg{width:20px;height:15px}
.news-region .flag-svg,.source-tag .flag-svg,.source-pill .flag-svg{width:18px;height:13px;margin-inline-end:3px}
.country-name .flag-svg,.country-quick-tabs .flag-svg,.heat-cell .flag-svg{width:20px;height:15px;margin-inline-end:4px}
.geo-card header .flag-svg{width:28px;height:21px;border-radius:3px}.geo-card header span{font:inherit}
.hero-signal span{display:flex;align-items:center;gap:5px}.hero-signal .flag-svg{width:20px;height:15px}
.rate-quick-tabs .flag-svg,.geo-news-tabs .flag-svg,.source-quick-tabs .flag-svg{width:19px;height:14px}
.priority-secondary .flag-svg{width:18px;height:13px;margin-inline-end:3px}

/* S9-A — professional local SVG icon system */
.ui-icon{
  --icon:none;display:inline-block;width:16px;height:16px;flex:none;
  background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat;
  vertical-align:-3px;
}
.icon-btn .ui-icon{width:17px;height:17px}
.density-control{display:inline-flex;align-items:center;gap:6px}.density-control .ui-icon{width:15px;height:15px}
.theme-toggle>.sun,.theme-toggle>.moon{display:grid;place-items:center}.theme-toggle .ui-icon{width:14px!important;height:14px!important}
#settingsClose{display:grid;place-items:center}#settingsClose .ui-icon{width:16px;height:16px}
.search>.ui-icon{width:15px;height:15px;color:var(--muted);margin-inline:9px 2px}
.compare-icon{display:grid;place-items:center;color:var(--muted)}.compare-icon .ui-icon{width:17px;height:17px}
.view-icon .ui-icon{width:23px;height:23px}
.alert-icon .ui-icon{width:16px;height:16px}
.news-visual .ui-icon{width:17px;height:17px}
.priority-icon .ui-icon{width:18px;height:18px}
.trend-icon{width:13px;height:13px;vertical-align:-2px}
.quality-icon{width:12px;height:12px;vertical-align:-2px}
.geo-news-tabs .ui-icon,.source-quick-tabs .ui-icon{width:14px;height:14px}

/* asset identity remains subtle; movement/status controls the card tone */
.priority-card[data-kind="gold"] .priority-icon{color:#9a6c08}
.priority-card[data-kind="silver"] .priority-icon{color:#697b89}
.priority-card[data-kind="oil"] .priority-icon{color:#38614f}
.priority-card[data-kind="metal"] .priority-icon{color:#5d5796}
.priority-card[data-kind="btc"] .priority-icon{color:#b8680d}

/* S9-A — semantic card colour system */
.priority-card[data-tone="up"],.movement-card.up,.pulse-card.up{
  background:color-mix(in srgb,var(--good) 7%,var(--panel));
  border-color:color-mix(in srgb,var(--good) 34%,var(--line));
}
.priority-card[data-tone="down"],.movement-card.down,.pulse-card.down{
  background:color-mix(in srgb,var(--bad) 6%,var(--panel));
  border-color:color-mix(in srgb,var(--bad) 32%,var(--line));
}
.priority-card[data-tone="warn"]{
  background:color-mix(in srgb,var(--warn) 8%,var(--panel));
  border-color:color-mix(in srgb,var(--warn) 38%,var(--line));
}
.priority-card[data-tone="stale"],.pulse-card.stale,.official-rate-card.stale,.geo-card.stale,.indicator-card.is-stale{
  background:color-mix(in srgb,var(--warn) 6%,var(--panel));
  border-color:color-mix(in srgb,var(--warn) 34%,var(--line));
  border-style:dashed;
}
.priority-card[data-tone="neutral"],.movement-card.neutral,.pulse-card.neutral,.official-rate-card.current,.geo-card.current{
  background:color-mix(in srgb,var(--blue) 2.5%,var(--panel));
}
.priority-card[data-tone="up"]{border-top-color:var(--good)}
.priority-card[data-tone="down"]{border-top-color:var(--bad)}
.priority-card[data-tone="warn"],.priority-card[data-tone="stale"]{border-top-color:var(--warn)}
.priority-card[data-tone="neutral"]{border-top-color:color-mix(in srgb,var(--blue) 55%,var(--line))}
.priority-card[data-tone="up"]>strong,.movement-card.up strong{color:color-mix(in srgb,var(--good) 82%,var(--text))}
.priority-card[data-tone="down"]>strong,.movement-card.down strong{color:color-mix(in srgb,var(--bad) 82%,var(--text))}
.priority-card[data-tone="warn"]>strong,.priority-card[data-tone="stale"]>strong{color:color-mix(in srgb,var(--warn) 88%,var(--text))}
.priority-card footer em,.movement-card small{display:inline-flex;align-items:center;gap:3px}

/* ticker and hero use the same restrained semantic palette */
.ticker-item.up{background:color-mix(in srgb,var(--good) 5%,var(--panel));border-color:color-mix(in srgb,var(--good) 25%,var(--line))}
.ticker-item.down{background:color-mix(in srgb,var(--bad) 5%,var(--panel));border-color:color-mix(in srgb,var(--bad) 25%,var(--line))}
.hero-signal.up{background:color-mix(in srgb,var(--good) 7%,var(--panel));border-color:color-mix(in srgb,var(--good) 28%,var(--line))}
.hero-signal.down{background:color-mix(in srgb,var(--bad) 6%,var(--panel));border-color:color-mix(in srgb,var(--bad) 28%,var(--line))}
.hero-signal.warn{background:color-mix(in srgb,var(--warn) 8%,var(--panel));border-color:color-mix(in srgb,var(--warn) 34%,var(--line))}
.hero-signal.info{background:color-mix(in srgb,var(--blue) 5%,var(--panel));border-color:color-mix(in srgb,var(--blue) 24%,var(--line))}

/* mobile toolbar: icon remains, label hides cleanly */
@media(max-width:720px){
  #densityBtn{width:34px;min-width:34px;padding:0;justify-content:center;font-size:inherit}
  #densityBtn #densityLabel{display:none}
  #densityBtn::before{content:none!important}
}

/* S9-A — source and indicator status surfaces */
.indicator-card.current{
  background:color-mix(in srgb,var(--blue) 2.5%,var(--panel));
  border-color:color-mix(in srgb,var(--blue) 18%,var(--line));
}
.source-card.ok{
  background:color-mix(in srgb,var(--good) 5%,var(--panel));
  border-color:color-mix(in srgb,var(--good) 24%,var(--line));
}
.source-card.stale{
  background:color-mix(in srgb,var(--warn) 7%,var(--panel));
  border-color:color-mix(in srgb,var(--warn) 30%,var(--line));
}
.source-card.down{
  background:color-mix(in srgb,var(--bad) 6%,var(--panel));
  border-color:color-mix(in srgb,var(--bad) 30%,var(--line));
}
.source-card.stale i{background:var(--warn);box-shadow:0 0 0 4px color-mix(in srgb,var(--warn) 12%,transparent)}
.source-card.down i{box-shadow:0 0 0 4px color-mix(in srgb,var(--bad) 10%,transparent)}

/* S9-B — isolated Global Markets Terminal tab */
.global-markets-view{margin-top:10px;min-width:0}
.global-markets-frame{display:block;width:100%;min-height:720px;border:0;background:transparent}
@media(max-width:720px){.global-markets-view{margin-inline:calc(var(--page-gutter) * -1 + 2px)}.global-markets-frame{min-height:900px}}

/* S9-E — customizable top market cards + hero breathing room */
.market-ticker{position:relative;overflow:visible}
.ticker-track{
  grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);
  overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain;padding-inline-end:48px!important;
}
.ticker-track::-webkit-scrollbar{display:none}
.ticker-customize-btn{
  position:absolute;z-index:22;inset-inline-end:max(10px,var(--page-gutter));top:10px;width:31px;height:31px;
  display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);
  box-shadow:0 5px 16px rgba(23,43,61,.09);cursor:pointer
}
.ticker-customize-btn:hover{border-color:color-mix(in srgb,var(--blue) 35%,var(--line));background:var(--panel2)}
.ticker-customize-btn .ui-icon{width:16px;height:16px}
.ticker-picker{
  position:absolute;z-index:90;top:calc(100% + 7px);inset-inline-end:max(12px,var(--page-gutter));width:min(520px,calc(100vw - 28px));
  max-height:min(620px,72vh);overflow:hidden;border:1px solid var(--line);border-radius:11px;background:var(--panel);
  box-shadow:0 20px 60px rgba(17,36,52,.18);padding:12px
}
.ticker-picker[hidden]{display:none!important}
.ticker-picker-head{display:flex;justify-content:space-between;gap:10px;align-items:start;padding:2px 2px 9px}
.ticker-picker-head strong{display:block;font-size:13px}.ticker-picker-head small{display:block;margin-top:2px;color:var(--muted);font-size:8px}
.ticker-picker-head button{width:28px;height:28px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);cursor:pointer}
.ticker-picker-search{height:36px;display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;background:var(--panel2);margin-bottom:9px}
.ticker-picker-search .ui-icon{width:14px;height:14px;color:var(--muted);margin-inline:9px 4px}
.ticker-picker-search input{border:0;outline:0;background:transparent;color:var(--text);width:100%;height:100%;font:600 10px/1 inherit;padding-inline:4px 9px}
.ticker-picker-list{display:grid;grid-template-columns:1fr 1fr;gap:5px;max-height:430px;overflow:auto;padding-inline-end:2px}
.ticker-picker-item{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr) 20px;gap:7px;align-items:center;text-align:start;border:1px solid var(--line);border-radius:7px;background:var(--panel2);color:var(--text);padding:7px;cursor:pointer}
.ticker-picker-item:hover{border-color:color-mix(in srgb,var(--blue) 30%,var(--line))}.ticker-picker-item.selected{background:color-mix(in srgb,var(--blue) 6%,var(--panel));border-color:color-mix(in srgb,var(--blue) 34%,var(--line))}
.ticker-picker-icon{width:29px;height:29px;border:1px solid var(--line);border-radius:6px;background:var(--panel);display:grid;place-items:center;color:var(--blue)}
.ticker-picker-icon .ui-icon{width:15px;height:15px}.ticker-picker-item>span:nth-child(2){min-width:0}.ticker-picker-item b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-picker-item small{display:flex;align-items:center;gap:4px;margin-top:2px;font-size:7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-picker-item small .flag-svg{width:15px;height:11px}.ticker-picker-item em{font-style:normal;color:var(--muted)}.ticker-picker-item.selected em{color:var(--good)}.ticker-picker-item em .ui-icon{width:14px;height:14px}
.ticker-picker-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding:9px 2px 1px;margin-top:9px;color:var(--muted);font-size:8px}.ticker-picker-foot button{border:1px solid var(--line);border-radius:6px;background:var(--panel2);color:var(--text);padding:6px 9px;font-size:8px;cursor:pointer}
.ticker-asset-icon{display:grid;place-items:center;width:62px;height:32px;color:var(--muted)}.ticker-asset-icon .ui-icon{width:20px;height:20px}
@keyframes tickerFlashUp{0%{background:color-mix(in srgb,var(--good) 24%,var(--panel));box-shadow:inset 0 0 0 1px var(--good)}100%{box-shadow:none}}
@keyframes tickerFlashDown{0%{background:color-mix(in srgb,var(--bad) 22%,var(--panel));box-shadow:inset 0 0 0 1px var(--bad)}100%{box-shadow:none}}
.ticker-item.flash-up{animation:tickerFlashUp 1.25s ease-out}.ticker-item.flash-down{animation:tickerFlashDown 1.25s ease-out}
.hero-pro .hero-copy{padding-inline-start:30px;padding-inline-end:12px}
@media(max-width:720px){
  .ticker-track{grid-auto-columns:158px;padding-inline-end:45px!important}
  .ticker-item{flex:0 0 158px;width:158px;min-width:158px}
  .ticker-customize-btn{inset-inline-end:10px;top:8px}
  .ticker-picker{inset-inline:8px;width:auto;max-height:72vh}
  .ticker-picker-list{grid-template-columns:1fr}
  .hero-pro .hero-copy{padding-inline:8px}
}

/* S9-G — verified feed-image support; only displayed when source feed supplies one */
html[data-view="news"] .news-row.has-image .news-visual{position:relative;min-height:116px;overflow:hidden;padding:10px}
html[data-view="news"] .news-row.has-image .news-feed-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;max-width:none;filter:saturate(.88) contrast(.98)}
html[data-view="news"] .news-row.has-image .news-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,30,.08),rgba(10,20,30,.64));pointer-events:none}
html[data-view="news"] .news-row.has-image .news-visual>b,html[data-view="news"] .news-row.has-image .news-visual>small{position:relative;z-index:2;color:#fff}
@media(max-width:720px){html[data-view="news"] .news-row.has-image .news-visual{min-height:98px}}

/* S9-P — compact global font-size control */
.font-size-setting{align-items:center!important}.font-size-control{display:grid;grid-template-columns:30px minmax(90px,1fr) 30px 46px;gap:6px;align-items:center}.font-size-control button{height:30px;border:1px solid var(--line);border-radius:6px;background:var(--panel2);color:var(--text);font:800 10px/1 "Segoe UI",Arial,sans-serif;cursor:pointer}.font-size-control input[type="range"]{width:100%;accent-color:var(--accent);cursor:pointer}.font-size-control output{min-width:42px;text-align:end;color:var(--muted);font:750 9px/1 monospace;direction:ltr}.settings-panel{width:min(390px,calc(100vw - 28px))}.settings-panel .font-size-setting{grid-template-columns:90px 1fr}
@media(max-width:520px){.settings-panel .font-size-setting{grid-template-columns:1fr}.font-size-control{grid-template-columns:30px 1fr 30px 44px}}

/* S9-Q — professional per-type typography controls */
.type-settings{display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}
.type-settings-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:3px}
.type-settings-head strong{font-size:10px;font-weight:800;color:var(--text)}
.type-settings-head button{border:0;background:transparent;color:var(--muted);font-size:8px;font-weight:750;cursor:pointer;padding:3px 0}
.type-settings>label{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;color:var(--text)!important;font-size:9px!important}
.type-settings>label>div{display:grid;grid-template-columns:minmax(100px,1fr) 42px;gap:7px;align-items:center}
.type-settings .type-range{width:100%;accent-color:var(--accent);cursor:pointer}
.type-settings output{min-width:40px;text-align:end;color:var(--muted);font:750 8px/1 monospace;direction:ltr}
@media(max-width:520px){.type-settings>label{grid-template-columns:82px minmax(0,1fr)!important}.type-settings>label>div{grid-template-columns:minmax(80px,1fr) 40px}}

/* S9-R — functional accent system; semantic market colors stay independent */
html[data-accent="gold"]{--accent:#e47824;--accent-soft:color-mix(in srgb,#e47824 12%,transparent);--accent-strong:#b95a13}
html[data-accent="blue"]{--accent:#2475c5;--accent-soft:color-mix(in srgb,#2475c5 12%,transparent);--accent-strong:#195b9b}
html[data-accent="teal"]{--accent:#168f82;--accent-soft:color-mix(in srgb,#168f82 12%,transparent);--accent-strong:#0f7067}
html[data-theme="dark"][data-accent="gold"]{--accent:#f0b44d;--accent-strong:#d9992d}
html[data-theme="dark"][data-accent="blue"]{--accent:#6fa8dc;--accent-strong:#4d8fc9}
html[data-theme="dark"][data-accent="teal"]{--accent:#5bc0a8;--accent-strong:#38a98f}
.type-settings .type-range,.font-size-control input[type="range"]{accent-color:var(--accent)!important}
select:focus,input:focus{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}
.desk-tabs button.active{background:color-mix(in srgb,var(--accent) 9%,transparent)!important;border-bottom-color:var(--accent)!important;box-shadow:none!important}
.feed-tabs button.active,.country-quick-tabs button.active,.source-quick-tabs button.active,.rate-quick-tabs button.active,.geo-news-tabs button.active{
  background:color-mix(in srgb,var(--accent) 10%,var(--panel))!important;color:var(--text)!important;border-color:color-mix(in srgb,var(--accent) 48%,var(--line))!important;box-shadow:inset 3px 0 0 var(--accent)!important
}
html[dir="rtl"] .feed-tabs button.active,html[dir="rtl"] .country-quick-tabs button.active,html[dir="rtl"] .source-quick-tabs button.active,html[dir="rtl"] .rate-quick-tabs button.active,html[dir="rtl"] .geo-news-tabs button.active{box-shadow:inset -3px 0 0 var(--accent)!important}
.ticker-picker-item.selected{background:color-mix(in srgb,var(--accent) 7%,var(--panel))!important;border-color:color-mix(in srgb,var(--accent) 42%,var(--line))!important}
.ticker-picker-icon,.view-icon{color:var(--accent)!important}
.ticker-customize-btn:hover,.official-rate-card:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))!important}
.settings-panel select{outline:none}.settings-panel select:focus{border-color:var(--accent)!important}
.type-settings-head button:hover{color:var(--accent)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:color-mix(in srgb,var(--accent) 42%,transparent)!important}

/* S9-R — compact visual accent picker */
.accent-setting{align-items:center!important}.accent-swatches{display:flex;align-items:center;justify-content:flex-end;gap:8px}.accent-swatches button{width:30px;height:30px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel);display:grid;place-items:center;cursor:pointer;transition:.16s}.accent-swatches button i{width:16px;height:16px;border-radius:50%;display:block}.accent-swatches [data-accent-choice="gold"] i{background:#e47824}.accent-swatches [data-accent-choice="blue"] i{background:#2475c5}.accent-swatches [data-accent-choice="teal"] i{background:#168f82}.accent-swatches button:hover{transform:translateY(-1px)}.accent-swatches button.active{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}.accent-swatches button.active i{box-shadow:inset 0 0 0 2px rgba(255,255,255,.7)}

/* S9-T — layout theme selector + planned analysis phase */
.layout-switch{display:inline-flex;align-items:center;height:32px;border:1px solid var(--line);border-radius:7px;background:var(--panel2);padding:2px;gap:2px;margin-inline:2px}
.layout-switch button{width:27px;height:26px;border:0;border-radius:5px;background:transparent;color:var(--muted);font:800 10px/1 "Segoe UI",Arial,sans-serif;cursor:pointer}
.layout-switch button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 5px rgba(18,38,56,.10)}
.layout-switch button[data-layout-choice="b"].active{color:var(--accent)}
.analysis-phase{max-width:1080px;margin-inline:auto}
.analysis-phase-head{align-items:center}.analysis-phase-head .micro{max-width:720px;line-height:1.7;margin:6px 0 0}
.analysis-planned{flex:none;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--line));border-radius:6px;background:color-mix(in srgb,var(--accent) 7%,var(--panel));color:var(--accent);padding:6px 9px;font-size:9px;font-weight:800}
.analysis-phase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:16px}
.analysis-phase-grid article{border:1px solid var(--line);border-radius:10px;background:var(--panel2);padding:16px;display:grid;grid-template-columns:34px 1fr;gap:4px 9px;align-items:center}
.analysis-phase-grid article>.ui-icon{grid-row:1/3;width:20px;height:20px;color:var(--accent);justify-self:center}
.analysis-phase-grid b{font-size:12px}.analysis-phase-grid small{font-size:8px;color:var(--muted)}
@media(max-width:720px){.layout-switch{height:30px}.layout-switch button{height:24px;width:25px}.analysis-phase-grid{grid-template-columns:1fr}.analysis-phase-head{display:grid}.analysis-planned{justify-self:start}}

/* S9-W — compact hero comparisons + contextual image crossfade */
.hero-media .hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity 1.1s ease,transform 10s ease;will-change:opacity,transform}
.hero-media .hero-image.active{opacity:1;transform:scale(1)}
.hero-media figcaption{transition:opacity .25s ease}
.hero-side{grid-template-columns:minmax(158px,.52fr) minmax(0,1.48fr)}
.hero-status{min-height:82px!important;padding:10px 12px!important;align-content:center;gap:3px}
.hero-status>span{font-size:8px}.hero-status>strong{font-size:14px;line-height:1.2;white-space:nowrap}.hero-status>small{font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hero-signal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.hero-signal.compact{min-width:0;min-height:82px!important;padding:9px 10px!important;display:grid;grid-template-rows:auto auto auto;gap:5px;background:var(--panel);overflow:hidden}
.hero-signal.compact header{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0}
.hero-signal.compact header>span{min-width:0;display:flex;align-items:center;gap:5px;color:var(--text);font-size:8px}
.hero-signal.compact header>span b{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px}
.hero-signal.compact header .flag-svg{width:17px;height:12px;flex:none}
.hero-signal.compact header em{flex:none;font-style:normal;border:1px solid var(--line);border-radius:5px;padding:3px 5px;color:var(--muted);font-size:6.5px;font-weight:750;white-space:nowrap}
.hero-signal-current{display:flex;align-items:baseline;gap:5px;min-width:0;direction:ltr;justify-content:flex-start}
.hero-signal-current strong{font:800 18px/1 "Segoe UI",Arial,sans-serif!important;color:var(--text)!important;white-space:nowrap}
.hero-signal-unit{font-size:6.5px;color:var(--muted);white-space:nowrap}
.hero-signal-delta{margin-inline-start:auto;display:inline-flex;align-items:center;gap:2px;font:800 7px/1 monospace;white-space:nowrap}
.hero-signal-delta .ui-icon{width:10px;height:10px}.hero-signal-delta.up{color:var(--good)}.hero-signal-delta.down{color:var(--bad)}
.hero-signal.compact footer{display:flex;align-items:center;justify-content:space-between;gap:6px;border-top:1px solid color-mix(in srgb,var(--line) 78%,transparent);padding-top:5px;color:var(--muted);min-width:0}
.hero-signal.compact footer span,.hero-signal.compact footer small{font-size:6.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-signal.compact footer bdi{font-weight:750;color:var(--text)}
.hero-signal.compact.up{border-color:color-mix(in srgb,var(--good) 24%,var(--line))}.hero-signal.compact.down{border-color:color-mix(in srgb,var(--bad) 24%,var(--line))}
@media(max-width:1200px){.hero-side{grid-template-columns:150px minmax(0,1fr)}.hero-signal-current strong{font-size:17px!important}.hero-signal.compact header>span b{font-size:7.5px}}
@media(max-width:900px){.hero-side{grid-template-columns:1fr}.hero-status{min-height:68px!important}.hero-signal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.hero-signal-grid{grid-template-columns:1fr}.hero-signal.compact{min-height:72px!important}.hero-signal-current strong{font-size:18px!important}.hero-status>small{white-space:normal}}

/* S9-AB — 320–540px topbar density without removing controls */
@media(max-width:540px){
  .topbar{padding-inline:10px!important;gap:4px!important}
  .brand{gap:0!important;flex:none}.brand span{display:none!important}.brand img{width:32px!important;height:32px!important}
  .top-actions{gap:1px!important;min-width:0;margin-inline-start:auto}
  .live-state{min-width:8px!important;padding:0 2px!important}.live-state i{width:7px;height:7px}.live-state span{display:none!important}
  .top-actions .icon-btn{width:31px!important;height:31px!important;min-height:31px!important}
  .top-actions .chip{height:31px!important;min-height:31px!important;padding-inline:5px!important;font-size:10px}
  #densityBtn{width:31px!important;min-width:31px!important}
  #langBtn{min-width:29px!important}
  .layout-switch{height:29px!important;padding:2px!important;margin-inline:1px!important}.layout-switch button{width:22px!important;height:23px!important;font-size:9px!important}
  .theme-toggle{width:48px!important;height:31px!important;padding:3px!important;margin-inline:1px!important}.theme-toggle span{height:23px!important}
  .top-actions .ui-icon{width:14px;height:14px}
  .desk-tabs{top:62px;padding-inline:10px!important;gap:10px!important}
  .desk-tabs button{font-size:10px!important;padding-inline:7px!important}
}
@media(max-width:360px){
  .topbar{padding-inline:7px!important}.brand img{width:29px!important;height:29px!important}
  .top-actions .icon-btn{width:29px!important;height:29px!important;min-height:29px!important}.top-actions .chip{height:29px!important;min-height:29px!important}
  #densityBtn{width:29px!important;min-width:29px!important}.layout-switch button{width:20px!important}.theme-toggle{width:45px!important;height:29px!important}
}

/* S9-AD — compact settings panel for narrow phones */
@media(max-width:540px){
  .settings-panel{inset-inline:8px!important;width:auto!important;top:64px!important;padding:10px!important;border-radius:10px!important;max-height:calc(100vh - 76px);overflow:auto}
  .settings-head{margin-bottom:7px}.settings-head strong{font-size:11px}
  .type-settings{padding:8px!important;gap:7px!important}
  .type-settings>label{grid-template-columns:78px minmax(0,1fr)!important;gap:7px!important;font-size:8.5px!important}
  .type-settings>label>div{grid-template-columns:minmax(70px,1fr) 38px!important;gap:5px!important}
  .accent-setting{grid-template-columns:78px 1fr!important}.accent-swatches{gap:6px!important}.accent-swatches button{width:28px!important;height:28px!important}
  .settings-panel>label:not(.accent-setting){grid-template-columns:78px 1fr!important;gap:7px!important;font-size:8.5px!important}
}

/* S9-AE — page-level narrow-screen overflow guard; inner scrollers remain functional */
@media(max-width:720px){html,body{max-width:100%;overflow-x:clip}.desk-tabs,.market-ticker,.feed-tabs,.country-quick-tabs,.rate-quick-tabs,.geo-news-tabs,.source-quick-tabs{max-width:100%}}


/* S10-UI1 — owner-only live analysis newsroom */
.analysis-phase{max-width:1180px}.analysis-live{background:color-mix(in srgb,var(--good) 9%,var(--panel));border-color:color-mix(in srgb,var(--good) 38%,var(--line));color:var(--good)}
.analysis-status{display:flex;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);font-size:10px}.analysis-status .analysis-dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px color-mix(in srgb,var(--good) 12%,transparent)}.analysis-status b{font-size:10px}.analysis-status small{margin-inline-start:auto;color:var(--muted);font-size:8px;direction:ltr}.analysis-status.is-loading .analysis-dot{background:var(--accent);animation:pulse 1.3s infinite}.analysis-status.is-error .analysis-dot{background:var(--bad);box-shadow:0 0 0 4px color-mix(in srgb,var(--bad) 12%,transparent)}
.analysis-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.analysis-kpis article{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:14px;display:grid;grid-template-columns:1fr auto;gap:5px 12px;align-items:end}.analysis-kpis span{font-size:9px;color:var(--muted);font-weight:700}.analysis-kpis strong{grid-row:1/3;grid-column:2;font:800 24px/1 "Segoe UI",Arial,sans-serif;color:var(--text);direction:ltr}.analysis-kpis small{font-size:7px;color:var(--muted)}
.analysis-workbench{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:10px;margin-top:10px}.analysis-rule-card,.analysis-truth-card,.analysis-audit-block{border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:16px}.analysis-rule-card header,.analysis-truth-card header{display:flex;align-items:center;gap:10px}.analysis-rule-card header>.ui-icon,.analysis-truth-card header>.ui-icon{width:22px;height:22px;color:var(--accent)}.analysis-rule-card header div,.analysis-truth-card header div{display:grid;gap:2px}.analysis-rule-card header small,.analysis-truth-card header small{font-size:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.analysis-rule-card header b,.analysis-truth-card header b{font-size:11px}.analysis-rule-card header em{margin-inline-start:auto;font-style:normal;font-size:7px;font-weight:850;color:var(--good);border:1px solid color-mix(in srgb,var(--good) 35%,var(--line));border-radius:5px;padding:4px 6px}.analysis-rule-card h3{margin:16px 0 5px;font-size:15px}.analysis-rule-card p{margin:0;color:var(--muted);font-size:9px;line-height:1.8}.analysis-rule-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.analysis-rule-meta span{display:inline-flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:5px 7px;font-size:7px;color:var(--muted)}.analysis-rule-meta span>b{font-size:7px}.analysis-rule-meta bdi{font-weight:800;color:var(--text);direction:ltr}.analysis-truth-card ul{margin:15px 0 0;padding-inline-start:18px;display:grid;gap:9px}.analysis-truth-card li{font-size:8.5px;line-height:1.5;color:var(--muted)}
.analysis-audit-block{margin-top:10px}.analysis-audit-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.analysis-audit-head small{font-size:7px;color:var(--muted)}.analysis-audit-head h3{font-size:13px;margin:2px 0 0}.analysis-audit-head>span{font:800 8px/1 monospace;color:var(--muted);direction:ltr}.analysis-audit-list{display:grid;gap:6px}.analysis-audit-row{display:grid;grid-template-columns:minmax(120px,.8fr) auto minmax(180px,1.2fr);align-items:center;gap:10px;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:var(--panel2)}.analysis-audit-row>div{display:grid;gap:2px;min-width:0}.analysis-audit-row b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analysis-audit-row small{font-size:7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analysis-audit-row>span{font-size:7px;font-weight:800;border-radius:5px;padding:4px 6px}.analysis-audit-row.suppressed>span{color:var(--muted);background:color-mix(in srgb,var(--muted) 8%,transparent)}.analysis-audit-row.eligible>span{color:var(--good);background:color-mix(in srgb,var(--good) 9%,transparent)}.analysis-audit-row bdi{font:800 8px/1 monospace;direction:ltr}.analysis-empty{padding:18px;text-align:center;color:var(--muted);font-size:9px}
@media(max-width:760px){.analysis-kpis{grid-template-columns:1fr}.analysis-workbench{grid-template-columns:1fr}.analysis-audit-row{grid-template-columns:1fr auto}.analysis-audit-row>div:last-child{grid-column:1/3}.analysis-status{align-items:flex-start;flex-wrap:wrap}.analysis-status small{width:100%;margin-inline-start:16px}.analysis-rule-meta{display:grid;grid-template-columns:1fr 1fr}.analysis-rule-meta span:last-child{grid-column:1/3}}


/* S10-UI4 — controls simplification, readable Arabic, ticker navigation */
.layout-switch{display:none!important}
.market-ticker{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:8px;padding-inline:12px}
.ticker-track{min-width:0;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}
.ticker-track::-webkit-scrollbar{display:none}
.ticker-nav,.ticker-customize-btn{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.04)}
.ticker-nav:hover,.ticker-customize-btn:hover{border-color:var(--accent);background:var(--panel2)}
.ticker-nav .ui-icon,.ticker-customize-btn .ui-icon{width:18px;height:18px}
html[dir="rtl"] .ticker-nav-prev .ui-icon,html[dir="rtl"] .ticker-nav-next .ui-icon{transform:scaleX(-1)}
#densityBtn{min-width:92px;height:38px;padding-inline:12px;gap:7px}
#densityBtn #densityLabel{display:inline!important;font-size:10px;font-weight:750}
html[data-density="comfortable"] .ticker-item{padding:13px 14px;min-height:82px}
html[data-density="comfortable"] .indicator-card,html[data-density="comfortable"] .priority-card,html[data-density="comfortable"] .geo-card,html[data-density="comfortable"] .country-card{padding:16px}
html[data-density="comfortable"] .news-row{padding-block:11px;min-height:66px}
html[data-density="compact"] .ticker-item{padding:8px 10px;min-height:66px}
html[data-density="compact"] .indicator-card,html[data-density="compact"] .priority-card,html[data-density="compact"] .geo-card,html[data-density="compact"] .country-card{padding:10px 12px}
html[data-density="compact"] .country-row,html[data-density="compact"] .news-row,html[data-density="compact"] .official-rate-row{padding-block:6px;min-height:48px}
html[data-density="comfortable"] .country-row,html[data-density="comfortable"] .official-rate-row{padding-block:10px;min-height:58px}
html[lang="ar"] body{font-size:16px}
html[lang="ar"] .micro,html[lang="ar"] main p,html[lang="ar"] main li,html[lang="ar"] .settings-panel label,html[lang="ar"] .source-card,html[lang="ar"] .news-row,html[lang="ar"] .country-row,html[lang="ar"] .official-rate-row{font-size:max(11px,1em)}
html[lang="ar"] table,html[lang="ar"] .country-table,html[lang="ar"] .news-table{font-size:12px}
html[lang="ar"] th{font-size:11px}
html[lang="ar"] td,html[lang="ar"] .country-row span,html[lang="ar"] .news-row span{font-size:11.5px;line-height:1.55}
html[lang="ar"] .analysis-rule-card p,html[lang="ar"] .analysis-truth-card li,html[lang="ar"] .analysis-audit-row b,html[lang="ar"] .analysis-audit-row small{font-size:10px}
@media(max-width:760px){.market-ticker{grid-template-columns:auto auto minmax(0,1fr) auto;gap:5px;padding-inline:6px}.ticker-nav,.ticker-customize-btn{width:38px;height:38px}.ticker-nav .ui-icon,.ticker-customize-btn .ui-icon{width:16px;height:16px}#densityBtn{min-width:44px;width:44px;padding:0}#densityBtn #densityLabel{display:none!important}}


/* S10-UI5 — simplified settings: every visible control has a clear effect */
:root{--content-scale:1.15}
html[lang="en"]{--content-scale:1.05}
.type-settings label{grid-template-columns:minmax(120px,1fr) minmax(180px,1.4fr)}
main p,main li,.micro,.news-row,.country-row,.official-rate-row,.source-card,.analysis-rule-card p,.analysis-truth-card li,.analysis-audit-row{font-size:calc(1em * var(--content-scale))}
.country-row span,.news-row span,.official-rate-row span,.country-row small,.news-row small,.official-rate-row small{font-size:calc(10px * var(--content-scale));line-height:1.55}
table,.country-table,.news-table{font-size:calc(11px * var(--content-scale))}
th{font-size:calc(10px * var(--content-scale))}td{font-size:calc(10.5px * var(--content-scale));line-height:1.5}
@media(max-width:760px){.type-settings label{grid-template-columns:1fr}.type-settings label>div{width:100%}}