@font-face{font-family:"Vazirmatn";src:url("fonts/Vazirmatn-Regular.ttf");font-weight:400}
@font-face{font-family:"Vazirmatn";src:url("fonts/Vazirmatn-Bold.ttf");font-weight:700}
:root{
--bg:#0b1220;--card:#131c2e;--card2:#0f1728;--line:#22304a;
--txt:#e6ebf2;--mut:#8a94a6;--acc:#00e5a0;--amb:#ffb020;--red:#ff4d6d;
--blue:#38bdf8;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--txt);font-family:"Vazirmatn",Tahoma,sans-serif;line-height:1.8}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;background:#0d1526;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;flex-wrap:wrap}
.brand{display:flex;gap:12px;align-items:center}
.brand h1{margin:0;font-size:22px}
.sub{margin:0;color:var(--mut);font-size:12.5px}
.radar{width:44px;height:44px;border-radius:50%;border:2px solid var(--acc);position:relative;overflow:hidden;background:radial-gradient(circle,#0e2a22 0%,#0b1220 70%)}
.radar span{position:absolute;inset:0;background:conic-gradient(from 0deg,rgba(0,229,160,.7),transparent 25%);animation:spin 2.2s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.radar span{animation:none}}
.top-right{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.top-left{display:flex;gap:10px;align-items:center;direction:ltr}
.top-left .user-chip{direction:rtl}
.pill{padding:6px 14px;border-radius:99px;font-size:13px;border:1px solid var(--line);background:var(--card)}
.pill.live{border-color:var(--acc);color:var(--acc)}
.pill.busy{border-color:var(--amb);color:var(--amb)}
.btn{background:var(--acc);color:#06251b;border:0;border-radius:10px;padding:9px 16px;font-family:inherit;font-weight:700;cursor:pointer}
.btn.ghost{background:transparent;color:var(--txt);border:1px solid var(--line)}
.btn:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.wrap{max-width:1680px;width:100%;margin:0 auto;padding:12px 10px 40px}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.kpi label{font-size:13px;color:var(--mut)}
.kpi b{display:block;font-size:30px;line-height:1.2}
.kpi small{color:var(--mut);font-size:12px}
.kpi.alert b{color:var(--red)}.kpi.watch b{color:var(--amb)}
.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:12px 10px;margin-bottom:16px}
.panel-head{display:flex;flex-direction:column;gap:10px}
.title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.title-row h2{margin:0;font-size:17px;white-space:nowrap}
.search-right{width:230px;max-width:60vw}
.search-symbol{width:440px;min-width:340px;max-width:90vw;height:36px;line-height:1.6;text-align:center;margin-right:0;flex:0 0 auto;padding:7px 14px}
.mini-stats{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-inline-start:auto}
.mini-stat{display:inline-flex;align-items:center;gap:6px;background:var(--card2);border:1px solid var(--line);border-radius:99px;padding:4px 12px;font-size:12px;color:var(--mut);white-space:nowrap}
.mini-stat b{font-size:15px;line-height:1}
.mini-stat.alert b{color:var(--red)}
.mini-stat.watch b{color:var(--amb)}
.mini-stat.time b{color:var(--txt);font-size:13px}
.mini-stat.time small{font-size:11px;color:var(--mut);max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.panel h2{margin:0;font-size:17px}
.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:6px}
select,input{background:var(--card2);color:var(--txt);border:1px solid var(--line);border-radius:10px;padding:7px 12px;font-family:inherit;font-size:13px;line-height:1.6}
select{height:36px}
input{height:36px}
.chk{font-size:13px;color:var(--mut);display:flex;gap:6px;align-items:center}
.chart-box{height:220px;margin:6px 0 12px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin-top:4px}
table{width:100%;border-collapse:collapse;min-width:1240px;table-layout:auto}
th,td{padding:7px 6px;text-align:right;font-size:12.5px;border-bottom:1px solid var(--line);white-space:nowrap}
th{background:#0e1830;color:var(--mut);font-weight:400;font-size:12.5px}
tbody tr{cursor:pointer}
tbody tr:hover{background:#182642}
td.num{font-variant-numeric:tabular-nums;direction:ltr;text-align:left}
.pos{color:var(--blue)}.neg{color:var(--red)}
.scorebar{height:8px;background:#22304a;border-radius:99px;overflow:hidden;min-width:70px}
.scorebar i{display:block;height:100%;background:linear-gradient(90deg,var(--amb),var(--red))}
tr.lv-ALERT{background:rgba(255,77,109,.07)}
tr.lv-WATCH{background:rgba(255,176,32,.05)}
.badge{padding:2px 10px;border-radius:99px;font-size:12px}
.b-ALERT{background:var(--red);color:#fff}.b-WATCH{background:var(--amb);color:#3a2500}.b-none{background:#2a3550;color:var(--mut)}
.empty{text-align:center;color:var(--mut);padding:26px}
.hint{color:var(--mut);font-size:12.5px}
.detail{background:var(--card2);border:1px dashed var(--acc);border-radius:12px;padding:12px;margin-top:10px;font-size:13.5px}
.detail.hidden{display:none}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:860px){.kpis{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}
.alog{max-height:300px;overflow:auto;display:flex;flex-direction:column;gap:8px}
.alog .it{background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:13px}
.muted{color:var(--mut);font-size:13px}
.cfg label{display:block;font-size:13px;margin-bottom:8px}
.cfg input[type=range]{width:100%}
.tabs{display:flex;flex-direction:column;gap:12px;margin-top:10px}
.tab{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:12px}
.tab h3{margin:0 0 8px;font-size:14px}
.soon{background:#2a3550;color:var(--mut);font-size:11px;padding:2px 8px;border-radius:99px;font-weight:400}
.tab input{width:100%;margin-bottom:8px}
.row{display:flex;gap:8px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
footer{color:var(--mut);font-size:12.5px;text-align:center;margin-top:8px}

.pref{background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:10px 0}
.pref h4{margin:0 0 4px;font-size:13.5px}
.pref .small{font-size:12px;margin:0 0 8px}
.pref label{display:block;font-size:13px}
.pref input[type=number]{width:100%;margin-top:4px;direction:ltr;text-align:center}

/* --- sortable columns + settings page --- */
th.sortable{cursor:pointer;user-select:none;-webkit-user-select:none;position:sticky;top:0}
th.sortable:hover{background:#16223a;color:var(--txt)}
th.sortable.active{color:var(--acc)}
th.sortable .arr{font-size:11px;min-width:14px;display:inline-block;color:var(--acc)}
.navlink{text-decoration:none;display:inline-block;line-height:1.8}
.hint a{color:var(--acc)}
footer a{color:var(--acc)}
.sticky-bar{position:sticky;bottom:0;background:var(--card2);padding:10px;border:1px solid var(--line);border-radius:12px}
.panel h3{margin:0 0 8px;font-size:15px}
.grid2 .panel input{width:100%;margin-bottom:8px}
@media(max-width:640px){.top-right,.top-left{width:100%}.top-right{justify-content:flex-start}.top-left{justify-content:flex-start}.top-left .btn,.top-left .navlink{flex:1;text-align:center}}

/* نشان تنظیم فعلی موتور در صفحه اصلی */
.cfg-badge{display:inline-block;padding:7px 12px;border:1px solid var(--line);border-radius:10px;background:#0f172a;color:var(--txt);font-size:13px;white-space:nowrap}

/* --- ستون ردیف + انتخاب ستون‌ها --- */
.colpick-wrap{position:relative}
#colBtn{white-space:nowrap}
.colmenu{position:absolute;top:110%;left:0;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:10px;min-width:260px;max-height:460px;overflow:auto;z-index:30;display:grid;grid-template-columns:1fr 1fr;gap:6px;box-shadow:0 12px 32px rgba(0,0,0,.5)}
.colmenu.hidden{display:none}
.colmenu label{font-size:12.5px;display:flex;gap:6px;align-items:center;background:#0f172a;border:1px solid var(--line);border-radius:8px;padding:5px 8px;cursor:pointer;margin:0;white-space:nowrap}
.colmenu label input{accent-color:var(--acc)}
.colmenu-actions{grid-column:1/-1;display:flex;gap:8px;margin-top:4px;position:sticky;bottom:-10px;background:var(--card2);padding-top:6px}
.colmenu-actions button{flex:1;background:var(--card);color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:6px;font-family:inherit;cursor:pointer;font-size:12.5px}
.colmenu-actions button:hover{border-color:var(--acc)}
td.rownum{color:var(--mut);text-align:center;font-size:12px;min-width:36px}
th[data-key="row"]{text-align:center;min-width:36px;color:var(--mut)}
.table-wrap{overflow-x:auto}
@media(max-width:1400px){.wrap{padding:10px 8px 40px}}

.cfg-badge.batch{background:#0f2a22;border-color:#1f4d3f;color:#7ef0c6}
.recv-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.recv-list li{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:13px}
.recv-list li b{direction:ltr;letter-spacing:1px}
.recv-list li button{background:transparent;border:1px solid var(--line);color:var(--red);border-radius:8px;padding:2px 10px;cursor:pointer;font-family:inherit}
.recv-list li button:hover{border-color:var(--red)}

/* راهنمای ستون‌ها: هاور روی تیتر توضیح می‌دهد */
th[title]{cursor:help}
th.sortable[title]{border-bottom:1px dotted #33507a}
th.sortable[title]:hover{border-bottom-color:var(--acc)}
.hint b{color:var(--txt)}

/* ردیف تازه اسکن‌شده: هایلایت سبز لحظه‌ای */
@keyframes freshPulse{from{background:rgba(46,213,115,.30);}to{background:transparent;}}
tr.fresh td{animation:freshPulse 2.5s ease-out;}

/* --- کاربر واردشده + خروج --- */
.user-chip{display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:99px;background:#0f172a;color:var(--mut);font-size:12.5px;white-space:nowrap}
.user-chip b{color:var(--acc)}

/* --- صفحه لاگین --- */
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.login-card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px 24px;text-align:center}
.login-card h1{margin:8px 0 2px;font-size:22px}
.login-card .sub{margin-bottom:18px}
.login-card label{display:block;text-align:right;font-size:13px;color:var(--mut);margin:10px 0 4px}
.login-card input{width:100%;text-align:center;direction:ltr}
.login-card input[type="text"]{direction:ltr}
.login-card .btn{width:100%;margin-top:14px}
.login-err{color:var(--red);font-size:13px;min-height:24px;margin-top:8px}
.login-brand{display:flex;justify-content:center;margin-bottom:6px}

@media(max-width:640px){
.title-row{gap:8px}
.search-right{flex:1 1 160px;width:auto}
.search-symbol{margin-right:0;flex:1 1 200px;width:auto;min-width:0}
.mini-stats{margin-inline-start:0;width:100%}
.mini-stat.time small{max-width:50vw}
}

/* دکمه توقف (قرمز) */
#scanBtn.stop{background:var(--red);color:#fff}
#statusPill{min-width:210px;text-align:center}
.mini-stat.tf b{color:var(--acc);font-size:13px}

.urec{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:6px 10px;margin:6px 0;font-size:13px}
.urec b{color:var(--acc)}
.urec button{background:transparent;border:1px solid var(--line);color:var(--txt);border-radius:8px;padding:3px 10px;cursor:pointer;font-family:inherit;font-size:12px}
.urec button:hover{border-color:var(--red)}
.admin-only{}

.guest-link{background:none;border:none;color:var(--mut);font-family:inherit;font-size:12px;margin-top:10px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.guest-link:hover{color:var(--txt)}