/* مِيقاتُ الآيات — /miqat (ملفٌّ مستقلٌّ لا يمسّ marsad.css) · الألوانُ من رموز الموقع فتتبع الوضعَ الليليّ */
.mq{display:grid;gap:.9rem}
.mq-pick{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1.4fr) auto;gap:.7rem;align-items:end;padding:1rem;border:1px solid var(--rule);border-radius:.5rem;background:var(--card)}
.mq-pick label,.mq-opt-grid label:not(.tw-ck),.mq-who{display:grid;gap:.25rem;font-family:var(--kufi);font-size:.9rem;color:var(--muted)}
.mq select,.mq input[type=number],.mq input[type=text],.mq input[type=file]{min-height:44px;padding:.35rem .6rem;font:inherit;font-size:1rem;border:1px solid var(--rule);border-radius:.4rem;background:var(--paper);color:var(--ink);min-width:0;width:100%}
.mq .cta{min-height:44px}
.mq-opts{border:1px solid var(--rule);border-radius:.5rem;padding:.4rem 1rem;background:var(--card)}
.mq-opts summary{cursor:pointer;font-family:var(--kufi);color:var(--head-2);min-height:36px;display:flex;align-items:center}
.mq-opt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.6rem 1rem;padding:.5rem 0}
.mq-status{font-family:var(--kufi);color:var(--muted);margin:0}
.mq-status.bad{color:var(--alert)}
.mq-bar{height:6px;border-radius:3px;background:var(--rule);overflow:hidden}
.mq-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--q-teal),var(--q-gold));transition:width .25s ease}
.mq-work{display:grid;gap:.8rem}
.mq-player{position:sticky;top:var(--mq-top,5rem);z-index:5;display:grid;gap:.5rem;padding:.8rem 1rem;border:1px solid var(--rule);border-radius:.5rem;background:var(--card);box-shadow:0 6px 18px rgba(0,0,0,.07)}
.mq-now{display:flex;gap:.8rem;align-items:baseline;min-height:2.4rem}
.mq-now-ref{font-family:var(--kufi);font-weight:700;color:var(--teal-ink);white-space:nowrap}
.mq-now-txt{margin:0;font-family:var(--naskh);font-size:1.3rem;line-height:1.9;color:var(--ink);max-height:5.7em;overflow:auto}
#mq-wave{width:100%;height:120px;border-radius:.4rem;background:var(--paper);border:1px solid var(--rule);cursor:crosshair;display:block}
.mq-ctl{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.mq-ctl .reset,.mq-ctl .cta{min-width:44px;min-height:44px}
.mq-ctl select{width:auto}
.mq-mark{background:var(--q-gold)!important;border-color:var(--q-gold)!important;color:#1C1208!important;font-weight:700}
.mq-sum{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;font-family:var(--kufi);color:var(--muted);font-size:.92rem}
.mq-sum b{color:var(--head);font-size:1.15rem}
.mq-tools{display:flex;flex-wrap:wrap;gap:.5rem;align-items:end}
.mq-who{flex:1 1 12rem;max-width:18rem}
.mq-tbl-wrap{max-height:70vh;overflow:auto;border:1px solid var(--rule);border-radius:.5rem;background:var(--card)}
.mq-tbl{width:100%;border-collapse:collapse;font-size:.95rem}
.mq-tbl thead th{position:sticky;top:0;z-index:1;background:var(--paper-2);font-family:var(--kufi);font-weight:600;color:var(--head-2);text-align:start;padding:.5rem .6rem;border-bottom:1px solid var(--rule)}
.mq-tbl td,.mq-tbl tbody th{padding:.25rem .6rem;border-bottom:1px solid var(--rule);vertical-align:middle;text-align:start;font-weight:400}
.mq-tbl tr{transition:background-color .2s ease}
.mq-tbl tr.is-now{background:var(--teal-tint)}
.mq-tbl tr.is-sel{outline:2px solid var(--q-gold);outline-offset:-2px}
.mq-tbl tr.mq-o,.mq-tbl tr.mq-b{color:var(--muted)}
.mq-ref{font:inherit;font-family:var(--kufi);font-size:.9rem;background:none;border:0;color:var(--head);cursor:pointer;padding:.3rem 0;min-height:36px;white-space:nowrap;text-align:start}
.mq-txt{font-family:var(--naskh);font-size:1.05rem;color:var(--ink);max-width:24rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mq-t button,.mq-fix button{font:inherit;font-family:var(--kufi);font-size:.85rem;min-height:36px;min-width:36px;padding:.2rem .45rem;border:1px solid var(--rule);border-radius:.35rem;background:var(--paper);color:var(--head-2);cursor:pointer}
.mq-t button{white-space:nowrap;direction:ltr}
.mq-fix button[data-act=minus],.mq-fix button[data-act=plus]{direction:ltr;unicode-bidi:isolate}
.mq-fix{white-space:nowrap}
.mq-fix button+button{margin-inline-start:.25rem}
.mq-fix button:hover,.mq-t button:hover{border-color:var(--q-gold)}
.mq-tbl tr.is-ok .mq-fix button[data-act=ok]{background:var(--teal-ink);color:var(--paper);border-color:var(--teal-ink)}
.mq-conf{display:inline-block;width:3.2rem;height:.45rem;border-radius:.25rem;background:var(--rule);overflow:hidden;vertical-align:middle}
.mq-conf i{display:block;height:100%;transition:width .3s ease}
.mq-conf.hi i{background:var(--q-teal)}
.mq-conf.mid i{background:var(--q-gold)}
.mq-conf.lo i{background:var(--alert)}
.mq-conf.anc i{background:var(--head-2)}
.mq-conf.ok i{background:var(--teal-ink)}
.mq-help ol{padding-inline-start:1.3rem;line-height:2}
@media (max-width:52rem){.mq-pick{grid-template-columns:1fr 1fr}.mq-pick .cta{grid-column:1/-1}.mq-file{grid-column:1/-1}}
@media (max-width:40rem){
  .mq-fix{display:grid;grid-template-columns:repeat(2,40px);gap:.25rem;white-space:normal}
  .mq-fix button+button{margin:0}
  .mq-player{position:static}
  .mq-txt{display:none}
  .mq-tbl thead th:nth-child(2){display:none}
  .mq-tbl td,.mq-tbl tbody th{padding:.2rem .3rem}
  .mq-fix button{min-width:40px;min-height:40px}
  .mq-now-txt{font-size:1.1rem}
}
@media (prefers-reduced-motion:reduce){.mq-bar span,.mq-conf i,.mq-tbl tr{transition:none}}
@media (max-height:760px){.mq-player{position:static}}   /* شاشةٌ قصيرة: المشغّلُ الملتصقُ يأكل الجدول */