@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:center;font-size:12.5px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle}
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:center}
.pos{color:var(--blue)}.neg{color:var(--red)}
.scorebar{height:6px;background:#22304a;border-radius:99px;overflow:hidden;width:64px;max-width:64px;min-width:0;margin:2px auto 3px}
.scorebar i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#16a34a)}
.scorebar i.b-watch{background:linear-gradient(90deg,#ffb020,#ff8a00)}
.scorebar i.b-alert{background:linear-gradient(90deg,#ff6b6b,var(--red))}
td[data-c="score"]{text-align:center;min-width:112px}
td[data-c="score"] small{color:var(--mut);font-size:11.5px;display:block;line-height:1.6}
th[data-key="score"]{min-width:112px;text-align:center}
td[data-c="score"] .lvl{font-size:11px;display:block;line-height:1.5}
.lvl-a{color:var(--red);font-weight:700}
.lvl-w{color:var(--amb)}
.lvl-n{color:var(--mut)}
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)}

/* ==== چک‌باکس کوچک و زیبا (سوییچی) — 20261101e ==== */
.chk{font-size:13px;color:var(--txt);display:flex;gap:8px;align-items:center;background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:7px 10px;cursor:pointer;margin:0 0 6px;line-height:1.7}
.chk:hover{border-color:#33507a}
.chk input[type="checkbox"]{-webkit-appearance:none;appearance:none;width:30px;height:17px;min-width:30px;background:#2a3550;border:1px solid #31435f;border-radius:99px;position:relative;cursor:pointer;margin:0;padding:0;transition:background .2s,border-color .2s;flex:0 0 auto}
.chk input[type="checkbox"]::after{content:"";position:absolute;top:2px;right:2px;width:11px;height:11px;border-radius:50%;background:#8a94a6;transition:transform .2s,background .2s}
.chk input[type="checkbox"]:checked{background:rgba(0,229,160,.22);border-color:var(--acc)}
.chk input[type="checkbox"]:checked::after{transform:translateX(-13px);background:var(--acc);box-shadow:0 0 8px rgba(0,229,160,.7)}
.chk input[type="checkbox"]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* ==== Hint دایره‌ای ؟ با تولتیپ ==== */
.hint-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border-radius:50%;background:#1a2742;border:1px solid #2f4368;color:#9fb3d1;font-size:11px;font-weight:700;cursor:help;line-height:1;user-select:none;flex:0 0 auto}
.hint-tip:hover,.hint-tip:focus{border-color:var(--acc);color:var(--acc);outline:none}
.hint-tip::after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);right:50%;transform:translateX(50%);width:max-content;max-width:280px;min-width:170px;white-space:normal;background:#0b1426;border:1px solid #2f4368;border-radius:10px;padding:8px 10px;font-size:12px;line-height:1.9;color:var(--txt);font-weight:400;z-index:60;box-shadow:0 12px 32px rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .15s}
.hint-tip:hover::after,.hint-tip:focus::after{opacity:1}
.hint-tip::before{content:"";position:absolute;top:100%;right:50%;transform:translateX(50%);border:5px solid transparent;border-bottom-color:#2f4368;opacity:0;transition:opacity .15s}
.hint-tip:hover::before,.hint-tip:focus::before{opacity:1}

/* ==== فیلد با تیتر + ؟ ==== */
.field{margin-bottom:8px}
.field-head{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--txt);margin-bottom:4px;font-weight:700}
.field-head .hint-tip{margin:0}
.field input{width:100%;margin:0 !important}
.chk-row{display:flex;align-items:flex-start;gap:6px;margin-bottom:6px}
.chk-row .chk{flex:1;margin:0}
.chk-row .hint-tip{margin-top:9px}
.lbl-wrap{display:flex;align-items:center;gap:6px;flex-wrap:wrap}

/* ==== راهنمای جمع‌شونده (جایگزین پاراگراف بلند) ==== */
.guide{margin:8px 0;padding:0;border:1px dashed #33507a;border-radius:10px;background:rgba(15,23,42,.6)}
.guide summary{cursor:pointer;font-weight:700;font-size:12.5px;color:var(--mut);padding:7px 10px;list-style:none}
.guide summary::-webkit-details-marker{display:none}
.guide summary::before{content:"+";display:inline-flex;width:18px;height:18px;border-radius:50%;background:#1a2742;border:1px solid #2f4368;align-items:center;justify-content:center;font-size:13px;margin-left:6px;color:var(--acc)}
.guide[open] summary::before{content:"−"}
.guide[open] summary{color:var(--txt)}
.guide .guide-body{padding:2px 12px 10px;font-size:12.5px;line-height:2;color:var(--mut)}
.guide .guide-body b{color:var(--txt)}
@media(max-width:640px){.hint-tip::after{max-width:62vw;min-width:150px}}

.hint-p{display:block;font-weight:400;color:var(--mut);font-size:11.5px;line-height:1.9;margin-top:4px}

/* ==== جزئیات ارز به‌صورت مودال شناور (بدون اسکرول صفحه) ==== */
body.modal-open{overflow:hidden}
.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(4,10,20,.68);backdrop-filter:blur(3px)}
.modal-overlay.hidden{display:none}
.modal-card{width:100%;max-width:640px;max-height:86vh;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--acc);border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.6);overflow:hidden;animation:popIn .18s ease-out}
@keyframes popIn{from{transform:translateY(10px) scale(.98);opacity:0}to{transform:none;opacity:1}}
.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:#0e1830}
.modal-head b{font-size:15px}
.modal-x{background:transparent;color:var(--txt);border:1px solid var(--line);border-radius:10px;padding:6px 12px;cursor:pointer;font-family:inherit;font-size:13px}
.modal-x:hover{border-color:var(--red);color:var(--red)}
.modal-body{padding:14px 16px;font-size:13.5px;line-height:2;overflow-y:auto;text-align:right}
.modal-body .drow{padding:6px 0;border-bottom:1px dashed #22304a}
.modal-body .drow:last-child{border-bottom:0}
tr.sel-row{background:#1a2a4a !important;box-shadow:inset 0 0 0 1px var(--acc)}
@media(max-width:640px){.modal-overlay{padding:10px}.modal-card{max-height:90vh}.modal-body{font-size:13px}}