/* Branch Device Readiness (جاهزية أجهزة الفروع). Every rule is scoped to the feature: .dr-* elements, body.dr-open, and
   the entry injected into the manager navigation / header. Same tokens and hierarchy as the Broadcast Center: green only
   for «جاهز ومتحقق», amber for a registered device that still needs a (re)test, neutral for no device. */

/* ---------- entries ---------- */
.ref-actions .dr-top-btn{display:none!important}
@media(max-width:900px){.ref-actions .dr-top-btn{display:inline-grid!important;place-items:center}}
/* at phone widths the sidebar is the bottom bar: the header icon is the entry there, the bar keeps its items */
@media(max-width:820px){.ref-sidebar nav [data-side="readiness"]{display:none!important}}

/* ---------- shared pieces ---------- */
.dr-back,.dr-card,.dr-toast{--dr-navy:#102342;--dr-blue:#1f61d5;--dr-text:#182033;--dr-muted:#6b778a;--dr-line:#e6ebf2;--dr-bg:#f7f9fc;--dr-card:#fff;
  --dr-ok:#16734a;--dr-ok-bg:#e8f6ee;--dr-warn:#9a5b06;--dr-warn-bg:#fff4e0;--dr-bad:#c0372f;--dr-mute:#5f6b7c;--dr-mute-bg:#f1f3f6}
.dr-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap;line-height:1.35}
.dr-pill.dr-ok{background:var(--dr-ok-bg);color:var(--dr-ok)}
.dr-pill.dr-warn{background:var(--dr-warn-bg);color:var(--dr-warn)}
.dr-pill.dr-muted{background:var(--dr-mute-bg);color:var(--dr-mute)}
.dr-primary,.dr-secondary,.dr-close,.dr-chip,.dr-link{font:inherit;cursor:pointer;border-radius:12px;min-height:44px}
.dr-primary{border:0;background:var(--dr-blue);color:#fff;font-weight:800;padding:10px 16px}
.dr-secondary{border:1px solid var(--dr-line);background:#fff;color:var(--dr-text);font-weight:700;padding:9px 14px;white-space:nowrap}
.dr-primary:disabled,.dr-secondary:disabled{opacity:.55;cursor:default}
.dr-link{display:inline-flex;align-items:center;border:0;background:none;color:var(--dr-blue);font-weight:800;padding:0 10px}
.dr-wide{width:100%}
.dr-row{display:flex;gap:8px;flex-wrap:wrap}
.dr-dim{color:var(--dr-muted)}
.dr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dr-back bdi,.dr-card bdi{unicode-bidi:isolate}
.dr-time{font-weight:700;unicode-bidi:isolate}
.dr-err{color:var(--dr-bad)}
.dr-err[hidden]{display:none}
.dr-warn-text{color:var(--dr-warn)!important;font-weight:700}
.dr-no-test{font-size:12px}

/* ---------- the management screen (full screen, over the dashboard, under sheets and printable reports) ---------- */
body.dr-open{overflow:hidden}
.dr-back{position:fixed;inset:0;z-index:75;background:var(--dr-bg);overflow-y:auto;overflow-x:hidden;direction:rtl;color:var(--dr-text);-webkit-overflow-scrolling:touch}
.dr-shell{box-sizing:border-box;width:min(1180px,100%);margin:0 auto;padding:18px 22px calc(28px + env(safe-area-inset-bottom))}
.dr-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;margin-bottom:6px;background:rgba(247,249,252,.94);backdrop-filter:blur(14px)}
.dr-head small{color:#b28a4a;font-weight:800;font-size:11px}
.dr-head h1{margin:2px 0;font-size:26px;color:var(--dr-navy)}
.dr-head p{margin:0;color:var(--dr-muted);font-size:12.5px}
.dr-close{width:44px;height:44px;padding:0;border:1px solid var(--dr-line);background:#fff;font-size:22px;line-height:1;color:var(--dr-text);flex:none}
.dr-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 10px}
.dr-kpi{background:var(--dr-card);border:1px solid var(--dr-line);border-radius:18px;padding:14px 16px;min-width:0}
.dr-kpi span{display:block;color:var(--dr-muted);font-size:12px;font-weight:700}
.dr-kpi strong{display:block;font-size:28px;margin:4px 0 2px;color:var(--dr-navy);unicode-bidi:isolate}
.dr-kpi small{display:block;color:var(--dr-muted);font-size:11px}
.dr-kpi-ok strong{color:var(--dr-ok)}.dr-kpi-warn strong{color:var(--dr-warn)}.dr-kpi-muted strong{color:var(--dr-mute)}
.dr-cover{margin:0 0 4px;color:var(--dr-muted);font-size:12.5px;font-weight:700}
.dr-updated{margin:0 0 12px;color:var(--dr-muted);font-size:11.5px}
.dr-updated.dr-stale{color:var(--dr-warn);font-weight:700}
.dr-panel{background:var(--dr-card);border:1px solid var(--dr-line);border-radius:18px;padding:14px}
.dr-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.dr-chip{border:1px solid var(--dr-line);background:#fff;color:var(--dr-text);font-weight:700;font-size:12.5px;padding:8px 12px}
.dr-chip em{font-style:normal;color:var(--dr-muted);margin-inline-start:4px;unicode-bidi:isolate}
.dr-chip.active{background:var(--dr-navy);border-color:var(--dr-navy);color:#fff}
.dr-chip.active em{color:#c9d6ea}
.dr-table-wrap{overflow-x:auto}
.dr-table{width:100%;border-collapse:collapse;font-size:13px}
.dr-table th{text-align:right;background:#f5f7fa;color:#5b6678;font-size:12px;font-weight:800;padding:10px;border-bottom:1px solid var(--dr-line);white-space:nowrap}
.dr-table td{padding:10px;border-bottom:1px solid #eef1f5;vertical-align:middle}
.dr-table td strong{color:var(--dr-navy)}
.dr-cell{display:grid;gap:2px;min-width:0}
.dr-cell small{color:var(--dr-muted);font-size:11px;overflow-wrap:anywhere}
.dr-count{font-weight:800}
.dr-test-pending{color:var(--dr-warn);font-weight:800}
.dr-test-ok{color:var(--dr-ok);font-weight:800}
.dr-ask{display:grid;gap:6px;min-width:220px;border:1px solid #f1dcb4;background:var(--dr-warn-bg);border-radius:12px;padding:8px}
.dr-ask>span{font-size:12px;font-weight:700;color:#5c3a05}
.dr-empty-row td{text-align:center;color:var(--dr-muted);padding:18px}
.dr-note{margin:12px 0 0;color:var(--dr-muted);font-size:11.5px;line-height:1.7}

/* ---------- branch: the pending test card ---------- */
.dr-card{display:grid;gap:8px;margin:0 0 14px;padding:12px 14px;border:1px solid #cddcf6;border-radius:16px;background:#f6f9ff;color:var(--dr-text);direction:rtl}
.dr-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.dr-card-head b{font-size:15px;color:var(--dr-navy)}
.dr-card-head span{font-size:11.5px;color:var(--dr-muted)}
.dr-card p{margin:0;font-size:13px;line-height:1.7}
.dr-card-done{border-color:#bfe3cd;background:var(--dr-ok-bg);color:var(--dr-ok)}
.dr-card-done b{font-size:15px}
.dr-card-done span{color:#2b5b41;font-size:12.5px}
.dr-card-done .dr-secondary,.dr-card-recorded .dr-secondary{justify-self:start}
.dr-card-hint{font-size:12.5px!important;color:#3b4658;background:#fff;border:1px solid var(--dr-line);border-radius:12px;padding:8px 10px}
.dr-card .dr-hint-registered,.dr-card .dr-hint-none{border-color:#f1dcb4;background:var(--dr-warn-bg);color:#5c3a05}
.dr-card-recorded{border-color:var(--dr-line);background:#fff}
.dr-card-recorded b{font-size:15px;color:var(--dr-navy)}
.dr-card-recorded span{font-size:12.5px;color:var(--dr-muted)}
.dr-toast{position:fixed;z-index:210;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translateX(-50%);max-width:calc(100vw - 32px);background:#102342;color:#fff;border-radius:14px;padding:11px 16px;font-size:13.5px;font-weight:700;box-shadow:0 16px 40px rgba(16,35,66,.25);direction:rtl}

/* ---------- small screens: one card per branch ---------- */
@media(max-width:700px){
  .dr-shell{padding:10px 14px calc(24px + env(safe-area-inset-bottom))}
  .dr-head{padding:10px 0}
  .dr-head h1{font-size:21px}
  .dr-head p{display:none}
  .dr-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .dr-kpi{padding:11px 12px;border-radius:14px}
  .dr-kpi strong{font-size:23px}
  .dr-table thead{display:none}
  .dr-table,.dr-table tbody,.dr-table tr,.dr-table td{display:block;width:100%;box-sizing:border-box}
  .dr-table tr{border:1px solid var(--dr-line);border-radius:14px;padding:6px 10px;margin-bottom:8px}
  .dr-table td{display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;padding:6px 0;min-height:32px}
  .dr-table td::before{content:attr(data-label);color:var(--dr-muted);font-size:11.5px;font-weight:700;flex:none}
  .dr-table td:first-child{display:block}
  .dr-table td:first-child::before,.dr-table td.dr-action::before{content:none}
  .dr-table td .dr-cell{text-align:left;justify-items:end}
  .dr-table td.dr-action{display:block}
  .dr-table td.dr-action>.dr-secondary{width:100%}
  .dr-ask{min-width:0}
  .dr-ask .dr-row>button{flex:1 1 0}
  .dr-table .dr-empty-row td{display:block;text-align:center}
  .dr-table .dr-empty-row td::before{content:none}
  .dr-table-wrap{overflow:visible}
}

/* ---------- dark mode (body.ref-dark, as the dashboard) ---------- */
.ref-dark .dr-back{--dr-text:#eef4ff;--dr-muted:#9aa7ba;--dr-line:#283446;--dr-bg:#101722;--dr-card:#17202d;--dr-navy:#e7eefb;--dr-mute-bg:#232e3e;--dr-mute:#b3bfd0}
.ref-dark .dr-head{background:rgba(16,23,34,.92)}
.ref-dark .dr-close,.ref-dark .dr-secondary,.ref-dark .dr-chip{background:#1d2735;color:#eef4ff;border-color:#2c3a4e}
.ref-dark .dr-chip.active{background:#8bb8ff;color:#0d1a2e;border-color:#8bb8ff}
.ref-dark .dr-table th{background:#1d2735;color:#b3bfd0}
.ref-dark .dr-table td{border-color:#243041}