/* ══════════════════════════════════════════════════════════════════
   Big Power PMS — ستایلی سەرەکی
   ------------------------------------------------------------------
   ئەم فایلە لە پرۆتۆتایپەکەوە دەرهێنراوە و هەموو ڕووکاری بەرنامەکە
   لێرەدایە: ڕەنگەکان، مێنیو، خشتەکان، فۆرمەکان، دۆخی ڕووناک،
   و ڕیسپۆنسڤی مۆبایل (خشتەکان دەبنە کارت لە ژێر 700px).
   ══════════════════════════════════════════════════════════════════ */

:root{
  --bg:#0d1c26; --bg2:#0e1924; --card:#16202e; --card-2:#1b2736;
  --input:#0d1520; --line:#243244; --accent:#0fa3a3; --accent-h:#0dbcbc;
  --text:#e6edf3; --muted:#8b9bab;
  --green:#22c55e; --amber:#f59e0b; --red:#ef4444; --blue:#3b82f6;
  --r:11px; --side:214px;
}
/* ── دۆخی ڕووناک / Light theme ── */
html.light{
  --bg:#eef3f6; --bg2:#e5edf2; --card:#ffffff; --card-2:#eef3f7;
  --input:#f1f5f9; --line:#dce5ec; --text:#16202e; --muted:#5b6b7c;
}
html.light body{background:radial-gradient(1200px 700px at 50% -10%,#dcefef 0%,var(--bg) 45%,var(--bg2) 100%)}
html.light .topbar{background:rgba(238,243,246,.92)}
html.light aside{box-shadow:0 0 22px rgba(20,45,70,.07)}
html.light .panel,html.light .login-card,html.light .modal{box-shadow:0 2px 10px rgba(20,45,70,.07)}
html.light .ro{background:#e9eef3 !important}
html.light .modal-bg{background:rgba(20,35,50,.42)}
html.light .fld input::placeholder,html.light .fld textarea::placeholder,
html.light .tools input::placeholder{color:#9fadba}
html.light .ib:hover::after,html.light aside.mini nav a:hover::after{background:#16202e}
html.light .tag{color:#a8b6c2}
html.light ::-webkit-scrollbar-thumb{background:#c6d2dc}
html.light .toast{box-shadow:0 12px 30px rgba(20,45,70,.16)}
html.light .stat:hover{background:#e9f1f4}
html.light .logo,html.light .brand .mark{border-color:var(--accent)}
html.light .lang svg{box-shadow:0 0 0 1px #d3dde5}

*{box-sizing:border-box;margin:0;padding:0}
/* نیشانەی نووسین تەنها لە خانەکاندا دەردەکەوێت — لە دوگمە و لەیبڵەکاندا نا */
button,.btn,.ib,.pill,.tag,.chk,nav a,.stat,label,th,.brand,.who,.lang,.themebtn,
.panel-head,.modal-head,.note-box,.hint,.sect-lbl,.days,.tabs,.logo,#ttl,.empty,.thumb,span.mini{
  -webkit-user-select:none;user-select:none;cursor:default}
button,.btn,.ib,nav a,.stat,.chk,.themebtn,.lang button,.thumb b,span.mini{cursor:pointer}

tr.row-click{cursor:pointer}
label{cursor:inherit}
.chkset label,.chkgroup label{cursor:pointer}
td,td.note,input,textarea,select{-webkit-user-select:text;user-select:text}
body{font-family:'Noto Kufi Arabic',Tahoma,'Segoe UI',sans-serif;
  background:radial-gradient(1200px 700px at 50% -10%,#12303c 0%,var(--bg) 45%,var(--bg2) 100%);
  min-height:100vh;color:var(--text);font-size:13px;-webkit-text-size-adjust:100%}
.hidden{display:none !important}
a{color:var(--accent);text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none}
input,select,textarea{font-family:inherit}
::-webkit-scrollbar{height:9px;width:9px}
::-webkit-scrollbar-thumb{background:#2b3a4d;border-radius:6px}
::-webkit-scrollbar-track{background:transparent}

/* ---------- LOGIN ---------- */
#login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.login-top{position:absolute;top:16px;inset-inline-start:16px;display:flex;gap:8px;align-items:center}
.login-card{width:100%;max-width:390px;background:var(--card);border-radius:16px;padding:34px 28px 26px;
  box-shadow:0 24px 60px rgba(0,0,0,.45)}
.logo{width:56px;height:70px;margin:0 auto 20px;border:3px solid var(--accent);border-radius:8px;
  display:flex;flex-direction:column;justify-content:center;gap:7px;padding:0 12px}
.logo i{display:block;height:3px;background:var(--accent);border-radius:2px}
.logo i:nth-child(2){width:70%} .logo i:nth-child(4){width:55%}
.login-card h1{font-size:18px;text-align:center;margin-bottom:7px}
.login-card .sub{text-align:center;color:var(--muted);font-size:12px;margin-bottom:20px}
.fld{margin-bottom:12px}
.fld label{display:block;font-size:12px;margin-bottom:5px}
.fld .wrap{position:relative}
.fld input,.fld select,.fld textarea{width:100%;background:var(--input);border:1px solid transparent;
  border-radius:9px;padding:9px 12px;color:var(--text);font-size:13px;outline:none;transition:.15s}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--accent)}
.fld input::placeholder,.fld textarea::placeholder{color:#4d5c6b}
.eye{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);color:var(--muted);
  cursor:pointer;font-size:15px;background:none}
.btn{background:var(--accent);color:#fff;border-radius:9px;padding:11px;width:100%;font-size:14px;
  font-weight:500;transition:.15s}
.btn:hover{background:var(--accent-h)}
.btn.sm{width:auto;padding:7px 14px;font-size:12px;border-radius:8px}
.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}
.btn.ghost:hover{background:var(--card-2)}
.forgot{display:block;text-align:center;color:var(--muted);font-size:12px;margin-top:15px}

/* ---------- SHELL ---------- */
#app{display:flex;min-height:100vh}
aside{width:var(--side);background:var(--card);display:flex;flex-direction:column;position:fixed;
  inset-inline-start:0;top:0;bottom:0;z-index:40;transition:width .22s,transform .25s;overflow:hidden}
aside.mini{--side:62px;width:62px}
.brand{padding:13px 13px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;min-height:58px}
.brand .mark{width:27px;height:34px;border:2px solid var(--accent);border-radius:6px;flex:0 0 auto;
  display:flex;flex-direction:column;justify-content:center;gap:4px;padding:0 6px;cursor:pointer}
.brand .mark i{height:2px;background:var(--accent);border-radius:2px}
.brand .txt{overflow:hidden;white-space:nowrap}
.brand b{font-size:13px;display:block} .brand span{font-size:10px;color:var(--muted)}
aside.mini .brand .txt{display:none}
nav{padding:9px 8px;flex:1;overflow-y:auto;overflow-x:hidden}
nav a{display:flex;align-items:center;gap:10px;padding:8px 11px;border-radius:9px;color:var(--muted);
  font-size:12.5px;margin-bottom:2px;transition:.15s;white-space:nowrap;cursor:pointer;position:relative}
nav a:hover{background:var(--card-2);color:var(--text)}
nav a.on{background:var(--accent);color:#fff}
nav a .ic{font-size:15px;width:20px;text-align:center;flex:0 0 auto}
aside.mini nav a{justify-content:center;padding:10px 0}
aside.mini nav a .lb{display:none}
aside.mini nav a:hover::after{content:attr(data-tip);position:absolute;inset-inline-start:100%;
  margin-inline-start:9px;background:#000;color:#fff;padding:6px 11px;border-radius:7px;font-size:12px;z-index:60}
.who{padding:11px 13px;border-top:1px solid var(--line);font-size:12px;white-space:nowrap;overflow:hidden}
.who b{display:block} .who span{color:var(--muted);font-size:10px}
.who button{background:none;color:var(--red);font-size:12px;margin-top:7px;padding:0}
aside.mini .who{padding:14px 8px;text-align:center}
aside.mini .who b,aside.mini .who span{display:none}

main{flex:1;margin-inline-start:var(--side);transition:margin .22s;padding-bottom:26px;min-width:0}
body.mini main{margin-inline-start:62px}
.topbar{position:sticky;top:0;z-index:30;background:rgba(13,28,38,.92);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);padding:10px 16px;display:flex;align-items:center;gap:10px;min-height:56px}
.topbar h2{font-size:15px;flex:1;min-width:0}
.lang{display:flex;background:var(--card);border-radius:9px;padding:3px;gap:3px}
.lang button{background:none;padding:4px;border-radius:7px;line-height:0;opacity:.42;
  transition:.15s;border:1.5px solid transparent}
.lang button:hover{opacity:.8}
.lang button.on{opacity:1;border-color:var(--accent);background:rgba(15,163,163,.12)}
.lang svg{display:block;width:25px;height:17px;border-radius:3px}
.themebtn{background:var(--card);color:var(--muted);border-radius:9px;padding:6px 9px;line-height:0;
  transition:.15s;display:flex;align-items:center}
.themebtn:hover{color:var(--accent)}
.themebtn svg{width:17px;height:17px;display:block;fill:currentColor}
.burger{background:var(--card);color:var(--text);padding:7px 10px;border-radius:8px;font-size:14px;line-height:1}
.page{padding:15px}

/* ---------- COMPONENTS ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:10px;margin-bottom:15px}
.stat{--c:var(--accent);--bg:rgba(15,163,163,.11);
  background:var(--bg);border-radius:var(--r);padding:12px 13px;border-inline-start:3px solid var(--c);
  cursor:pointer;transition:.15s;position:relative}
.stat:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.25)}
.stat.sel{outline:2px solid var(--c);outline-offset:-2px}
.stat .n{font-size:22px;font-weight:700;line-height:1.2;color:var(--c)}
.stat .l{color:var(--muted);font-size:11px;margin-top:2px}
.stat.s1{--c:#0fa3a3;--bg:rgba(15,163,163,.12)}
.stat.s2{--c:#3b82f6;--bg:rgba(59,130,246,.12)}
.stat.s3{--c:#22c55e;--bg:rgba(34,197,94,.12)}
.stat.s4{--c:#f59e0b;--bg:rgba(245,158,11,.12)}
.stat.s5{--c:#ef4444;--bg:rgba(239,68,68,.12)}
.stat.s6{--c:#a855f7;--bg:rgba(168,85,247,.13)}
html.light .stat{background:var(--bg)}
html.light .stat:hover{box-shadow:0 5px 14px rgba(20,45,70,.13)}

.panel{background:var(--card);border-radius:var(--r);overflow:hidden;margin-bottom:14px}
.panel-head{padding:11px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.panel-head h3{font-size:13.5px;flex:1;min-width:120px}
.panel-body{padding:14px}
.tools{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.tools input,.tools select{background:var(--input);border:1px solid var(--line);border-radius:9px;
  padding:7px 10px;color:var(--text);font-size:12px;outline:none;max-width:100%}
.tools input:focus,.tools select:focus{border-color:var(--accent)}

.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
table{width:100%;border-collapse:collapse;font-size:12px}
th{background:var(--input);color:var(--muted);font-weight:500;text-align:start;padding:8px 10px;
  white-space:nowrap;border-bottom:1px solid var(--line);font-size:10.5px}
td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap;text-align:start}
tr:last-child td{border-bottom:none}
tbody tr:hover{background:var(--card-2)}
td.note{white-space:normal;min-width:210px;max-width:300px;color:var(--muted);font-size:11.5px;line-height:1.65}
.empty{text-align:center;color:var(--muted);padding:22px;white-space:normal}
/* ستوونی کردار هەمیشە لە کۆتاییەوە */
th.act,td.act{text-align:end}
td.act .ibtns{justify-content:flex-end}

.pill{display:inline-block;padding:3px 9px;border-radius:20px;font-size:10.5px;font-weight:500;white-space:nowrap}
.pill.act{background:rgba(15,163,163,.16);color:var(--accent)}
.pill.done{background:rgba(34,197,94,.15);color:var(--green)}
.pill.stop{background:rgba(245,158,11,.15);color:var(--amber)}
.pill.late{background:rgba(239,68,68,.16);color:var(--red)}
.pill.arch{background:rgba(139,155,171,.16);color:var(--muted)}
tr.overdue td:first-child{box-shadow:inset 3px 0 0 var(--red)}
html[dir=rtl] tr.overdue td:first-child{box-shadow:inset -3px 0 0 var(--red)}
tr.overdue td{background:rgba(239,68,68,.055)}
tr.soon td:first-child{box-shadow:inset 3px 0 0 var(--amber)}
html[dir=rtl] tr.soon td:first-child{box-shadow:inset -3px 0 0 var(--amber)}
tr.soon td{background:rgba(245,158,11,.06)}

.chk{width:16px;height:16px;border-radius:5px;border:1.5px solid var(--line);display:inline-flex;
  align-items:center;justify-content:center;background:var(--input);font-size:11px;cursor:pointer}
.chk.on{background:var(--accent);border-color:var(--accent);color:#fff}
.tags{display:flex;gap:4px}
.tag{min-width:28px;height:19px;padding:0 4px;border-radius:5px;display:flex;align-items:center;
  justify-content:center;font-size:9.5px;font-weight:700;background:var(--input);color:#3f4d5c;
  border:1px solid var(--line);letter-spacing:.2px}
.tag.on{background:var(--accent);color:#fff;border-color:var(--accent)}
tr.editing td{background:rgba(15,163,163,.13)}
tr.editing td:first-child{box-shadow:inset -3px 0 0 var(--accent)}
html[dir=ltr] tr.editing td:first-child{box-shadow:inset 3px 0 0 var(--accent)}
#p-daily .panel.editing{outline:1.5px solid var(--accent);outline-offset:-1.5px}
/* ── وێنە و ڤیدیۆ ── */
.mediabox{background:var(--input);border-radius:7px;padding:5px 6px;display:flex;gap:5px;
  align-items:center;flex-wrap:wrap;min-height:34px}
.addmedia{width:26px;height:26px;border-radius:6px;background:var(--card-2);color:var(--accent);
  font-size:15px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:1}
.addmedia:hover{background:var(--accent);color:#fff}
.camonly{display:none}
@media(hover:none){.camonly{display:flex}}
.thumbs{display:flex;gap:5px;flex-wrap:wrap}
.thumb{position:relative;width:26px;height:26px;border-radius:6px;overflow:hidden;
  background:var(--card-2);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb .vid{color:var(--accent);font-size:10px}
.thumb b{position:absolute;inset-block-start:0;inset-inline-end:0;background:var(--red);color:#fff;
  width:12px;height:12px;font-size:9px;display:flex;align-items:center;justify-content:center;
  border-start-start-radius:5px;font-weight:400;opacity:0;transition:.15s}
.thumb:hover b{opacity:1}
span.mini{width:24px;height:24px;border-radius:5px;overflow:hidden;background:var(--card-2);
  display:inline-flex;align-items:center;justify-content:center;color:var(--accent);font-size:9px;flex:0 0 auto}
span.mini img{width:100%;height:100%;object-fit:cover}
.more{font-size:10px;color:var(--muted);align-self:center}
#mdbody{padding:14px;text-align:center;background:var(--input)}
.mdbar{padding:9px 14px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}
.mdbar b{color:var(--text);font-weight:500;font-size:12.5px}
code{font-family:Consolas,monospace;font-size:11px;background:var(--input);padding:2px 6px;border-radius:4px}

tr.row-click{cursor:pointer}
tr.row-click:hover td:first-child{position:relative}
.days{font-weight:600} .days.neg{color:var(--red)} .days.warn{color:var(--amber)}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.ro{background:#0a1017 !important;color:var(--muted) !important}
.hint{color:var(--muted);font-size:11px;margin-top:4px}
.actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.note-box{border-top:1px solid var(--line);color:var(--muted);font-size:11.5px;line-height:1.7;padding:10px 14px}

.ibtns{display:flex;gap:5px}
.ib{width:27px;height:27px;border-radius:7px;background:var(--card-2);color:var(--muted);font-size:12px;
  display:inline-flex;align-items:center;justify-content:center;transition:.15s;position:relative}
.ib:hover{background:var(--accent);color:#fff}
.ib.dg:hover{background:var(--red)} .ib.am:hover{background:var(--amber);color:#111}
.ib.gr:hover{background:var(--green)} .ib.bl:hover{background:var(--blue)}
.ib:hover::after{content:attr(data-tip);position:absolute;bottom:118%;inset-inline-end:0;background:#000;
  color:#fff;padding:5px 9px;border-radius:6px;font-size:11px;white-space:nowrap;z-index:50}

/* ---- compact daily form ---- */
.cform{padding:11px 13px}
.cform .fld{margin-bottom:0}
.cform label{font-size:10.5px;margin-bottom:3px;color:var(--muted)}
.cform input,.cform select,.cform textarea{padding:6px 9px;font-size:12px;border-radius:7px}
.crow{display:grid;gap:8px;margin-bottom:9px}
.crow.c6{grid-template-columns:repeat(6,1fr)}
.crow.bot{grid-template-columns:1fr minmax(190px,.55fr) auto;align-items:stretch;margin-bottom:0}
.crow.bot .fld{display:flex;flex-direction:column}
.crow.bot .fld textarea{flex:1;resize:vertical}
.crow.bot .mediabox{flex:1;align-content:flex-start}
.crow.bot .actions{align-self:end}
.chkbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:9px}
.chkset{background:var(--input);border-radius:8px;padding:6px 9px 7px;display:flex;
  flex-direction:column;align-items:flex-start;flex:1;min-width:230px}
.chkbar .chkset:first-child{flex:1.7}
.chkset .cap{font-size:10px;color:var(--muted);margin:0 4px 4px;white-space:nowrap;font-weight:500}
.chkset .boxes{display:flex;gap:4px;flex-wrap:wrap;width:100%}
.chkset label{display:flex;gap:6px;align-items:center;cursor:pointer;font-size:11.5px;
  padding:3px 6px;border-radius:6px;transition:.15s;white-space:nowrap}
.chkset input{width:14px;height:14px;accent-color:#0fa3a3;cursor:pointer}
.chkset label.lock{background:rgba(34,197,94,.10);color:var(--green);cursor:not-allowed}
.chkset label.lock input{cursor:not-allowed;opacity:.85}
.chkset label.lock::after{content:'🔒';font-size:9px;opacity:.8}
.chkset label.noperm{opacity:.55;cursor:not-allowed;background:rgba(239,68,68,.08)}
.chkset label.noperm::after{content:'⛔';font-size:9px}
.cform .actions{margin-top:0;gap:8px}
.cform .btn.sm{padding:7px 13px}
@media(max-width:1280px){.crow.c6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.crow.c6{grid-template-columns:repeat(2,1fr)}
  .crow.bot{grid-template-columns:1fr;align-items:end} .chkset{min-width:100%}
  .crow.bot .mediabox{flex:none}}
@media(max-width:420px){.crow.c6{grid-template-columns:1fr}}

#p-daily .tbl-wrap,#rwrap{min-height:90px;overflow-y:auto}
#p-daily thead th,#rwrap thead th{position:sticky;top:0;z-index:3}
#p-daily .panel:last-child,#p-reports .panel:last-child{margin-bottom:0}
@media(max-width:920px){#p-daily .tbl-wrap,#rwrap{max-height:none !important}}

#toasts{position:fixed;top:68px;left:50%;transform:translateX(-50%);z-index:99;display:flex;
  flex-direction:column;gap:9px;width:min(440px,92vw);pointer-events:none}
.toast{pointer-events:auto;background:var(--card);border-radius:10px;padding:11px 14px;font-size:12.5px;
  box-shadow:0 14px 34px rgba(0,0,0,.5);display:flex;gap:10px;align-items:flex-start;
  border-inline-start:4px solid var(--accent);animation:drop .3s ease}
.toast.ok{border-color:var(--green)} .toast.warn{border-color:var(--amber)} .toast.err{border-color:var(--red)}
@keyframes drop{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}

.modal-bg{position:fixed;inset:0;background:rgba(4,10,16,.75);z-index:60;display:flex;
  align-items:center;justify-content:center;padding:16px}
.modal{background:var(--card);border-radius:15px;width:min(560px,100%);max-height:90vh;overflow:auto}
.modal-head{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:9px}
.modal-head h3{font-size:14.5px;flex:1}
.modal-head button{background:none;color:var(--muted);font-size:22px;line-height:1}
.modal-body{padding:16px}
.matrix td,.matrix th{text-align:center}
.matrix td:first-child,.matrix th:first-child{text-align:start}
.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:35;display:none}

@media(max-width:920px){
  aside{transform:translateX(-100%);width:230px !important}
  html[dir=rtl] aside{transform:translateX(100%)}
  aside.open{transform:none !important}
  aside.mini{width:230px}
  aside.mini nav a{justify-content:flex-start;padding:11px 13px}
  aside.mini nav a .lb,aside.mini .brand .txt,aside.mini .who b,aside.mini .who span{display:block}
  main,body.mini main{margin-inline-start:0}
  .grid2,.grid3{grid-template-columns:1fr}
  .page{padding:14px}
  .panel-head{padding:13px 14px}
  .tools{width:100%} .tools input,.tools select{flex:1;min-width:120px}
  .cards{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
  .stat{padding:13px} .stat .n{font-size:22px}
  body.navopen .backdrop{display:block}
  .topbar{padding:12px 14px;min-height:62px} .topbar h2{font-size:15px}
}
/* ── خشتەکان لە مۆبایلدا دەبنە کارت ── */
@media(max-width:700px){
  table.rwd thead{display:none}
  table.rwd,table.rwd tbody,table.rwd tr,table.rwd td{display:block;width:100%}
  table.rwd tr{background:var(--input);border-radius:9px;margin-bottom:8px;padding:8px 11px;border:1px solid var(--line)}
  table.rwd tbody tr:hover{background:var(--input)}
  table.rwd tr:last-child{margin-bottom:0}
  table.rwd td{border:none;padding:3px 0;white-space:normal;display:flex;gap:10px;align-items:center;min-height:24px}
  table.rwd td::before{content:attr(data-l);color:var(--muted);font-size:10.5px;flex:0 0 108px;
    max-width:108px;line-height:1.4}
  table.rwd td.empty{display:block;text-align:center;padding:18px}
  table.rwd td.empty::before{content:''}
  table.rwd td.note{min-width:0;max-width:none;align-items:flex-start}
  table.rwd td.act{justify-content:flex-start}
  table.rwd td.act .ibtns{justify-content:flex-start;flex-wrap:wrap}
  table.rwd tr.overdue td:first-child{box-shadow:none}
  table.rwd tr.overdue{border-color:var(--red)}
  table.rwd tr.soon{border-color:var(--amber)}
  table.rwd tr.soon td:first-child,table.rwd tr.overdue td:first-child{box-shadow:none}
  table.rwd tr.editing{border-color:var(--accent)}
  table.rwd tr.editing td{background:transparent}
  .tbl-wrap{overflow-x:visible;padding:10px}
  #p-daily .tbl-wrap,#rwrap{max-height:none !important;min-height:0}
  #p-daily thead th,#rwrap thead th{position:static}
  .modal .tbl-wrap{max-height:56vh !important;overflow-y:auto}
}
@media(max-width:520px){
  .panel-head{gap:8px} .panel-head .tools{width:100%}
  .panel-head .tools .btn.sm{flex:1;text-align:center}
  .cform .actions{width:100%} .cform .actions .btn.sm{flex:1}
  .modal-body .actions .btn.sm{flex:1}
  .mdbar{font-size:11px} .mdbar .btn.sm{flex:1}
}
/* لەسەر ئامێری دەستلێدان تووڵتیپ پیشان نادرێت */
@media(hover:none){
  .ib:hover::after,aside.mini nav a:hover::after{display:none}
  .ib{width:31px;height:31px}
  .thumb b{opacity:1}
  .chk{width:19px;height:19px}
}
@media(max-width:420px){.cards{grid-template-columns:1fr 1fr}
  table.rwd td::before{flex-basis:94px;max-width:94px}}

/* ══════════════════════════════════════════════════════════
   چاکسازی ڕێسپۆنسیڤ
   ══════════════════════════════════════════════════════════ */

/* دوگمەی مێنیو تەنها لە مۆبایلدا — لەسەر کۆمپیوتەر مێنیوەکە هەمیشە دیارە */
.burger{display:none}
@media(max-width:920px){ .burger{display:block} }

/* ناوچەی سەلامەت — ئایفۆنی خاوەن نۆچ و شریتی ناوماڵ */
aside{padding-bottom:env(safe-area-inset-bottom)}
.topbar{padding-top:calc(12px + env(safe-area-inset-top))}
main{padding-bottom:calc(26px + env(safe-area-inset-bottom))}

/* دوگمەکانی ناو ڕیز لە ئامێری دەستلێداندا گەورەتر بن */
@media(hover:none){ .ib{min-width:34px;min-height:34px} }
/* خانەی ووشەی نهێنی — نووسین بەر دوگمەی 👁 نەکەوێت */
.fld .wrap.has-eye input{padding-inline-end:40px}
/* خانەی ووشەی نهێنی و ناوی بەکارهێنەر — نووسین بەر ئایکۆنەکە نەکەوێت */
.fld .wrap.has-eye input{padding-inline-end:40px}

/* ئایکۆنی ڕەنگاوڕەنگ نەبێت، تەنها نیشانە */
.eye.ico{pointer-events:none;opacity:.5;font-size:14px;background:none}
/* ── قەبارەی نووسین جێگیر بێت لە مۆبایلدا ── */

html{
  -webkit-text-size-adjust:100%;
  -moz-text-size-adjust:100%;
  text-size-adjust:100%;
}

/* ١٦px ڕێگری لە زوومی خۆکاری ئایفۆن دەکات کاتێک خانەیەک دەکرێتەوە.
   تەنها لە ئامێری دەستلێداندا — لەسەر کۆمپیوتەر ڕووکارەکە وەک خۆی دەمێنێتەوە. */
@media(max-width:920px){
  input,select,textarea,
  .fld input,.fld select,.fld textarea,
  .tools input,.tools select,
  .cform input,.cform select,.cform textarea{
    font-size:16px;
  }
}