:root{--bg:#F7F8F5;--card:#FFFFFF;--ink:#171C19;--ink2:#526158;--muted:#7A877F;--line:#D5E2D8;--green:#2E7D4F;--deep:#0E4429;--gold:#F5C32C;--tint:#EDF5EF;--bar:#2E7D4F;--barHi:#0E4429}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:'Tajawal','Geeza Pro',system-ui,sans-serif;line-height:1.6}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:var(--card);border-bottom:1px solid var(--line);border-top:4px solid var(--gold)}
.brand{display:flex;align-items:center;gap:12px}.brand img{border-radius:50%;object-fit:contain}
.brand b{display:block;font-size:1.15rem;color:var(--deep)}.brand span{display:block;font-size:.82rem;color:var(--ink2)}
.top nav{display:flex;gap:16px}.top nav a{color:var(--deep);font-weight:700;text-decoration:none;font-size:.9rem}
main{max-width:1180px;margin:0 auto;padding:20px 16px 40px}
.gate{max-width:460px;margin:60px auto;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px;text-align:center}
.gate h1{color:var(--deep);margin-bottom:8px}.gate p{color:var(--ink2);margin-bottom:18px}
.btn{display:inline-block;background:var(--gold);color:var(--ink);font-weight:900;padding:12px 22px;border-radius:12px;text-decoration:none}
.filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}
.seg{display:flex;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.seg button{border:0;background:none;padding:9px 14px;font:inherit;font-weight:700;color:var(--ink2);cursor:pointer}
.seg button.on{background:var(--deep);color:#fff}
select,.ghost{font:inherit;border:1px solid var(--line);background:var(--card);border-radius:10px;padding:8px 12px;color:var(--ink)}
.ghost{cursor:pointer;font-weight:700;color:var(--deep)}
label{font-weight:700;color:var(--ink2);display:flex;gap:8px;align-items:center}
.muted{color:var(--muted);font-size:.82rem}
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:16px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.kpi span{display:block;font-size:.8rem;color:var(--ink2);font-weight:700}
.kpi b{display:block;font-size:1.9rem;font-weight:900;color:var(--ink);line-height:1.2;font-variant-numeric:tabular-nums;margin-top:4px}
.kpi small{display:block;font-size:.78rem;color:var(--muted)}
.kpi.lead{border-color:var(--gold);background:#FFFBEA}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px;margin-bottom:16px}
.card .head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.card h2{font-size:1.05rem;color:var(--deep)}.card h3{font-size:.86rem;color:var(--ink2);margin:14px 0 6px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid2 .card{margin-bottom:16px}
/* أعمدة يوميّة: سلسلة واحدة، بلون واحد، تبدأ من خطّ الأساس */
.bars{display:flex;align-items:flex-end;gap:2px;height:170px;border-bottom:1px solid var(--line);padding-top:8px;direction:ltr}
.bars .col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:4px;position:relative}
.bars .col i{display:block;width:100%;max-width:26px;background:var(--bar);border-radius:4px 4px 0 0;min-height:2px}
.bars .col:hover i{background:var(--barHi)}
.bars .col:hover::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;font-size:.75rem;padding:4px 8px;border-radius:6px;white-space:nowrap;z-index:2;direction:rtl}
.axis{display:flex;justify-content:space-between;direction:ltr;font-size:.72rem;color:var(--muted);margin-top:4px}
/* أشرطة أفقيّة: القيمة نصّ بجانب الشريط */
.hbars .row{display:grid;grid-template-columns:130px 1fr 64px;align-items:center;gap:10px;padding:4px 0}
.hbars.small .row{grid-template-columns:110px 1fr 54px}
.hbars .row span{font-size:.85rem;font-weight:700;color:var(--ink)}
.hbars .track{display:flex;justify-content:flex-start;height:12px;background:var(--tint);border-radius:6px;overflow:hidden}
.hbars .track i{display:block;height:100%;background:var(--bar);border-radius:6px}
.hbars .row b{font-size:.85rem;text-align:left;font-variant-numeric:tabular-nums;color:var(--ink)}
.hbars .row.hajj span{color:var(--deep)}
table{width:100%;border-collapse:collapse;font-size:.88rem}
th,td{text-align:right;padding:8px 6px;border-bottom:1px solid var(--line)}
th{color:var(--ink2);font-weight:800;font-size:.8rem}
td.n{font-variant-numeric:tabular-nums}
.tag{display:inline-block;font-size:.72rem;font-weight:800;border-radius:6px;padding:1px 7px;background:var(--tint);color:var(--deep)}
.tag.ok{background:#E3F4E8;color:#155735}.tag.wa{background:#FFF4CC;color:#6B5200}
.qlist{list-style:none;counter-reset:q}.qlist li{padding:8px 0;border-bottom:1px solid var(--line);display:flex;gap:10px;align-items:baseline}
.qlist li b{font-variant-numeric:tabular-nums;min-width:44px;color:#9A3B26}
.qlist li span{flex:1;font-size:.88rem}.qlist li small{color:var(--muted)}
details summary{cursor:pointer;color:var(--deep);font-weight:700;font-size:.85rem;margin-top:10px}
.empty{color:var(--muted);font-size:.9rem;padding:8px 0}
.foot{text-align:center;margin-top:10px}
@media(max-width:900px){.kpis{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:1fr}}
@media(max-width:520px){.kpis{grid-template-columns:repeat(2,1fr)}.top{padding:12px 16px}.top nav{display:none}.hbars .row{grid-template-columns:96px 1fr 48px}}
/* ---- الحركة داخل اللعبة ---- */
.live{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-weight:700;color:var(--ink2);font-size:.85rem}
.live i{width:9px;height:9px;border-radius:50%;background:var(--muted)}
.live b{font-size:1.05rem;color:var(--ink);font-variant-numeric:tabular-nums}
.live.on i{background:#1FA35B;box-shadow:0 0 0 0 rgba(31,163,91,.5);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(31,163,91,0)}100%{box-shadow:0 0 0 0 rgba(31,163,91,0)}}
@media(prefers-reduced-motion:reduce){.live.on i{animation:none}}
.note{margin-top:10px;line-height:1.9}.note b{color:var(--ink)}
.hbars.wide .row{grid-template-columns:170px 1fr 110px}
.hbars .row b small{color:var(--muted);font-weight:700}
.guide{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.guide div{background:var(--tint);border-radius:14px;padding:12px 14px}
.guide b{display:block;font-size:1.6rem;font-weight:900;color:var(--deep);font-variant-numeric:tabular-nums}
.guide span{display:block;font-size:.82rem;font-weight:700;color:var(--ink2)}.guide small{color:var(--muted);font-size:.75rem}
details.steps{border-bottom:1px solid var(--line);padding:6px 0}
details.steps summary{margin:0;color:var(--deep)}details.steps .hbars{margin-top:6px}
code{font-family:ui-monospace,Menlo,monospace;font-size:.78rem;direction:ltr;unicode-bidi:isolate;word-break:break-word}
table.clickable tbody tr[data-rid]{cursor:pointer}
table.clickable tbody tr[data-rid]:hover,table.clickable tbody tr[data-rid]:focus{background:var(--tint);outline:none}
.more{margin-top:10px}
/* لوحة مسار الرحلة */
.tl{position:fixed;inset:0;background:rgba(14,30,22,.45);display:flex;justify-content:flex-start;z-index:10}
.tl[hidden]{display:none}
.tl-card{background:var(--card);width:min(460px,100%);height:100%;overflow:auto;padding:16px 18px;box-shadow:0 0 30px rgba(0,0,0,.2)}
.tl-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;position:sticky;top:-16px;background:var(--card);padding:6px 0 10px;border-bottom:1px solid var(--line)}
.tl-head b{display:block;color:var(--deep);font-size:1.05rem}.tl-head small{display:block}
.tl-list{list-style:none;margin-top:8px}
.tl-list li{display:grid;grid-template-columns:58px 1fr;column-gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:.86rem}
.tl-list li time{grid-row:span 2;font-variant-numeric:tabular-nums;color:var(--muted);direction:ltr;text-align:right;font-size:.8rem}
.tl-list li b{color:var(--ink)}.tl-list li span{color:var(--ink2);font-size:.8rem}
.tl-list li.t-station b,.tl-list li.t-start b,.tl-list li.t-finish b{color:var(--deep)}
.tl-list li.t-wa b{color:#6B5200}.tl-list li.t-err b,.tl-list li.bad b{color:#9A3B26}
.tl-list li.t-ping{opacity:.55}
@media(max-width:520px){.card{overflow-x:auto}.hbars.wide .row{grid-template-columns:110px 1fr 76px}.guide{grid-template-columns:1fr}.seg button{padding:8px 10px}.filters{gap:8px}}

/* المهتمّون */
.head .csv{margin-inline-start:auto;font-size:.8rem;font-weight:800;text-decoration:none;padding:6px 10px;border-radius:8px}
.leads-wrap{max-height:340px;overflow:auto}
#leads a{color:#0E4429;font-weight:800}