:root{
  --bg:#07111f;--panel:#0d192a;--panel2:#101f34;--text:#f6f8fb;--muted:#93a6bd;
  --lime:#b7f34a;--line:rgba(255,255,255,.09);--blue:#63aefb;--red:#ff7979;--amber:#ffd166;--green:#63df7a;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0,rgba(183,243,74,.08),transparent 26%),var(--bg);color:var(--text);font-family:Tahoma,Arial,"Segoe UI",sans-serif}
a{color:inherit}.app{max-width:1500px;margin:auto;padding:22px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}.brand-row{display:flex;gap:12px;align-items:center}.logo{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:var(--lime);color:#07111f;font-weight:1000}.topbar h1{font-size:22px;margin:0}.topbar p{font-size:12px;color:var(--muted);margin:4px 0 0}.top-actions{display:flex;gap:9px;flex-wrap:wrap}
.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:10px 14px;border-radius:11px;text-decoration:none;cursor:pointer}.btn.primary{background:var(--lime);color:#07111f;border-color:var(--lime);font-weight:900}.btn:disabled{opacity:.6;cursor:wait}
.alert{border:1px solid var(--line);padding:12px 14px;border-radius:12px;margin-bottom:12px}.alert.good{background:rgba(99,223,122,.07);border-color:rgba(99,223,122,.25)}.alert.bad{background:rgba(255,121,121,.07);border-color:rgba(255,121,121,.28)}
.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px}.kpi{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:15px}.kpi span{display:block;color:var(--muted);font-size:11px}.kpi b{display:block;font-size:26px;margin-top:6px}.kpi .small-value{font-size:17px}
.run-strip{display:flex;gap:18px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:11px 14px;margin-bottom:12px;font-size:12px;color:var(--muted)}.run-strip b{color:var(--text)}
.filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:9px;margin-bottom:10px}.filters input,.filters select,.form-grid input,.form-grid select,textarea{width:100%;background:#091525;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit}
.table-wrap{overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;min-width:1200px}th,td{border-bottom:1px solid var(--line);padding:11px 9px;text-align:right;font-size:12px;vertical-align:middle}th{position:sticky;top:0;background:#0a1727;z-index:2;color:#c9d6e5}tbody tr:hover{background:rgba(255,255,255,.025)}td small{display:block;color:var(--muted);margin-top:5px;max-width:330px}.product-link{font-weight:900;text-decoration:none}.product-link:hover{color:var(--lime)}
.score{font-size:18px}.score.good{color:var(--lime)}.score.mid{color:var(--amber)}.score.low{color:var(--red)}.badge,.gate{display:inline-block;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;border:1px solid var(--line)}.badge.sample,.badge.scale,.gate.green{color:#bfffc9;border-color:rgba(99,223,122,.3);background:rgba(99,223,122,.08)}.badge.watch,.badge.test,.gate.yellow{color:#ffe4a0;border-color:rgba(255,209,102,.3);background:rgba(255,209,102,.07)}.badge.kill,.gate.red{color:#ffc2c2;border-color:rgba(255,121,121,.3);background:rgba(255,121,121,.07)}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:14px}.panel h2{margin:0 0 14px;font-size:18px}.panel h3{font-size:14px;margin:18px 0 7px}.panel p{color:#c0ccda;line-height:1.8}.runs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.run-card{border:1px solid var(--line);border-radius:12px;padding:12px}.run-card span,.run-card small{display:block;color:var(--muted);margin-top:5px}.run-card em{display:block;color:#ffb2b2;font-style:normal;margin-top:6px}.run-card p{font-size:12px;margin-bottom:0}.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.flow div{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;gap:9px;align-items:center}.flow b{display:grid;place-items:center;min-width:27px;height:27px;border-radius:9px;background:#15263d}.flow span{font-size:12px;color:#c1cedc}.warning{border-right:3px solid var(--amber);padding-right:10px;color:#e4d6a5!important;font-size:12px}
.detail-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:14px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.chip{border:1px solid var(--line);padding:6px 9px;border-radius:999px;color:#cbd6e4;font-size:11px}.score-list>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px 0;font-size:12px}.score-list span{color:var(--muted)}.score-orb{border:2px solid var(--line);width:78px;height:78px;border-radius:50%;display:flex;align-items:baseline;justify-content:center;padding-top:20px}.score-orb b{font-size:27px}.score-orb span{font-size:10px;color:var(--muted)}.score-orb.good{border-color:var(--green)}.score-orb.mid{border-color:var(--amber)}.score-orb.low{border-color:var(--red)}.back{font-size:12px;color:var(--muted)}
.sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.source{display:block;text-decoration:none;border:1px solid var(--line);border-radius:12px;padding:12px;background:#091525}.source:hover{border-color:rgba(183,243,74,.35)}.source b{display:block}.source span,.source small{display:block;color:var(--muted);margin-top:5px;font-size:11px;line-height:1.5}
.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.form-grid label,.block-label{font-size:11px;color:var(--muted)}.form-grid input,.form-grid select,.block-label textarea{margin-top:5px}.block-label{display:block;margin:12px 0}.metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:12px 0}.metrics div{border:1px solid var(--line);border-radius:11px;padding:11px}.metrics span{display:block;color:var(--muted);font-size:10px}.metrics b{display:block;margin-top:5px;font-size:16px}.muted{color:var(--muted)}.small{font-size:11px}.empty{text-align:center;padding:45px;color:var(--muted)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:18px}.login-card{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:24px}.login-card h1{margin:15px 0 4px}.login-card p{color:var(--muted);margin:0 0 18px}.login-card label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.login-card input{width:100%;background:#091525;border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--text);margin-bottom:12px}.login-card .btn{width:100%}
code{background:#091525;padding:2px 5px;border-radius:5px}
@media(max-width:1050px){.kpis{grid-template-columns:repeat(3,1fr)}.detail-grid{grid-template-columns:1fr}.flow{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.app{padding:13px}.kpis{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}.runs,.sources,.form-grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.top-actions{width:100%}.top-actions form,.top-actions .btn{flex:1}.top-actions form .btn{width:100%}}

.trend{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;white-space:nowrap}.trend.hot{color:#d8ff9f;border-color:rgba(183,243,74,.38);background:rgba(183,243,74,.09)}.trend.accelerating{color:#bfe0ff;border-color:rgba(99,174,251,.35);background:rgba(99,174,251,.08)}.trend.early{color:#ffe5a2;border-color:rgba(255,209,102,.3);background:rgba(255,209,102,.07)}.search-term{font-size:19px;font-weight:900;direction:ltr;text-align:right;background:#091525;border:1px solid var(--line);padding:10px 12px;border-radius:10px;width:max-content;max-width:100%}

/* V2.2 — Multi-stage focus recommendation */
.focus-section{margin:0 0 14px;background:linear-gradient(180deg,rgba(183,243,74,.055),rgba(13,25,42,.9));border:1px solid rgba(183,243,74,.18);border-radius:18px;padding:18px}.focus-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:12px}.focus-head h2{margin:5px 0 0;font-size:20px}.eyebrow{font-size:11px;color:var(--lime);font-weight:900}.focus-run{font-size:11px;color:var(--muted)}.focus-hero{display:grid;grid-template-columns:1.25fr .7fr 1fr;gap:12px}.focus-main,.focus-metrics,.focus-actions{border:1px solid var(--line);border-radius:14px;background:#091525;padding:14px}.focus-main{display:flex;gap:12px;align-items:flex-start}.focus-number{min-width:46px;height:46px;border-radius:13px;background:var(--lime);color:#07111f;display:grid;place-items:center;font-size:18px;font-weight:1000}.focus-copy{min-width:0}.focus-title{font-size:20px;font-weight:1000;text-decoration:none}.focus-title:hover{color:var(--lime)}.focus-en{font-size:11px;color:var(--muted);margin-top:5px}.focus-copy p{font-size:13px;line-height:1.8;margin:10px 0 0;color:#d3deea}.focus-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.focus-metrics div{border:1px solid var(--line);border-radius:10px;padding:10px}.focus-metrics span,.focus-actions span{display:block;color:var(--muted);font-size:10px}.focus-metrics b{display:block;font-size:20px;margin-top:5px}.focus-actions{display:grid;gap:10px}.focus-actions>div{border-bottom:1px solid var(--line);padding-bottom:9px}.focus-actions b{display:block;font-size:12px;line-height:1.65;margin-top:5px}.focus-shortlist{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.focus-mini{border:1px solid var(--line);border-radius:12px;background:rgba(9,21,37,.75);padding:11px;text-decoration:none;min-width:0}.focus-mini:hover{border-color:rgba(183,243,74,.3)}.focus-mini>span{font-size:10px;color:var(--lime);font-weight:900}.focus-mini strong{display:block;margin:5px 0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.focus-mini small{display:block;color:var(--muted);font-size:10px;line-height:1.5}.stage-panel{padding-bottom:14px}.stage-funnel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.stage-card{border:1px solid var(--line);border-radius:12px;padding:11px;display:flex;gap:9px;align-items:flex-start;background:#091525}.stage-index{display:grid;place-items:center;min-width:28px;height:28px;border-radius:9px;background:#15263d;font-size:11px;font-weight:900}.stage-card b{display:block;font-size:12px}.stage-card small{display:block;color:var(--muted);font-size:10px;margin-top:4px;line-height:1.45}.focus-score{font-size:17px;color:var(--lime)}.candidate-focus{border:1px solid rgba(183,243,74,.2);background:rgba(183,243,74,.045);border-radius:16px;padding:16px;margin-bottom:14px}.candidate-focus h2{font-size:16px;line-height:1.7;margin:7px 0 12px}.candidate-focus-grid{display:grid;grid-template-columns:.45fr 1fr 1fr;gap:9px}.candidate-focus-grid>div{background:#091525;border:1px solid var(--line);border-radius:11px;padding:11px}.candidate-focus-grid span{display:block;color:var(--muted);font-size:10px}.candidate-focus-grid b{display:block;margin-top:5px;font-size:12px;line-height:1.6}.candidate-focus-grid>div:first-child b{font-size:21px;color:var(--lime)}
@media(max-width:1100px){.focus-hero{grid-template-columns:1fr 1fr}.focus-main{grid-column:1/-1}.stage-funnel{grid-template-columns:repeat(3,1fr)}.focus-shortlist{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.focus-section{padding:13px}.focus-hero{grid-template-columns:1fr}.focus-main{grid-column:auto}.focus-metrics{grid-template-columns:repeat(2,1fr)}.focus-shortlist,.stage-funnel,.candidate-focus-grid{grid-template-columns:1fr}.focus-title{font-size:17px}}

.global-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0}
.global-strip>div{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:12px}
.global-strip span{display:block;color:var(--muted);font-size:11px}.global-strip b{display:block;margin-top:6px;font-size:18px}
.breakout-panel{border-color:rgba(255,209,102,.22)}
.breakout-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.breakout-card{display:block;text-decoration:none;background:#091525;border:1px solid var(--line);border-radius:13px;padding:12px}
.breakout-card:hover{border-color:rgba(255,209,102,.45)}
.breakout-card>b,.breakout-card>small{display:block}.breakout-card>small{color:var(--muted);margin:5px 0 10px}
.breakout-card>div{display:flex;justify-content:space-between;font-size:11px;padding-top:5px}.breakout-card>div span{color:var(--muted)}
.breakout-tag{display:inline-block;margin-bottom:7px;color:var(--amber);font-size:11px;font-weight:900}
.candidate-global-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0}
.candidate-global-metrics>div{background:#091525;border:1px solid var(--line);border-radius:11px;padding:10px}
.candidate-global-metrics span{display:block;color:var(--muted);font-size:10px}.candidate-global-metrics b{display:block;font-size:18px;margin-top:4px}
.supplier-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}
.supplier-card{display:block;text-decoration:none;background:#091525;border:1px solid var(--line);border-radius:12px;padding:12px}
.supplier-card:hover{border-color:rgba(183,243,74,.4)}.supplier-card b,.supplier-card small,.supplier-card em{display:block}
.supplier-card small{color:var(--muted);margin-top:5px}.supplier-card em{font-style:normal;color:var(--lime);font-size:10px;margin-top:8px}
.supplier-platform{display:inline-block;color:#c9d6e5;border:1px solid var(--line);border-radius:999px;padding:4px 7px;font-size:10px;margin-bottom:8px}
@media(max-width:1050px){.global-strip{grid-template-columns:repeat(2,1fr)}.breakout-grid{grid-template-columns:repeat(2,1fr)}.supplier-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.global-strip,.breakout-grid,.supplier-grid,.candidate-global-metrics{grid-template-columns:1fr}}

/* V3.1 — قراءة تجارية أوضح */
.focus-score{display:block;max-width:150px;line-height:1.35}
td>small{display:block;color:var(--muted);margin-top:4px}
.score-list.explained>div{align-items:flex-start;gap:12px}
.score-list.explained span{min-width:0}
.score-list.explained span small{display:block;color:var(--muted);font-size:11px;line-height:1.6;margin-top:4px;max-width:520px}
.score-list.explained b{white-space:nowrap}
.direct-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}
.direct-actions>div{background:#091525;border:1px solid var(--line);border-radius:12px;padding:12px}
.direct-actions span{display:block;color:var(--muted);font-size:10px}.direct-actions b{display:block;margin-top:5px;line-height:1.5}
@media(max-width:700px){.direct-actions{grid-template-columns:1fr}}