/* ==== from index.html <style id="pcaStyle"> (v435 split) ==== */
      #pcAccessCard .pca-url{display:flex;align-items:center;gap:8px;background:var(--card-solid);border:1px solid var(--line);border-radius:12px;padding:11px 12px;margin-bottom:12px;overflow-x:auto}
      #pcAccessCard .pca-url svg{width:17px;height:17px;color:var(--brand);flex:0 0 auto}
      #pcAccessCard .pca-url-t{font-weight:700;font-size:.86rem;color:var(--txt);white-space:nowrap}
      #pcAccessCard .pca-btns{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
      #pcAccessCard .pca-b{flex:1;min-width:130px;min-height:44px;font-size:.84rem}
      #pcAccessCard .pca-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px}
      #pcAccessCard .pca-qr{background:#fff;padding:12px;border-radius:14px;border:1px solid var(--line);line-height:0;box-shadow:0 4px 14px -8px rgba(20,30,50,.25)}
      #pcAccessCard .pca-qr svg{display:block;width:208px;height:208px;max-width:100%}
      #pcAccessCard .pca-qr-cap{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--muted);font-weight:600}
      #pcAccessCard .pca-qr-cap svg{width:15px;height:15px;color:var(--brand)}
      #pcAccessCard .pca-note{display:flex;gap:8px;align-items:flex-start;font-size:.78rem;color:var(--muted);background:var(--card-solid);border:1px solid var(--line);border-radius:12px;padding:10px 12px;line-height:1.7}
      #pcAccessCard .pca-note svg{width:16px;height:16px;flex:0 0 auto;margin-top:2px;color:var(--brand)}
      #pcAccessCard .pca-note b{color:var(--txt)}

/* ==== from index.html <style id="reqStyle"> (v435 split) ==== */
      #reqOv,#reqFamOv{position:fixed;inset:0;z-index:2147483260;direction:rtl;font-family:Cairo,sans-serif;background:linear-gradient(160deg,var(--bg),var(--bg2));display:flex;flex-direction:column}
      #reqOv .rq-ribbon,#reqFamOv .rq-ribbon{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:.72rem;font-weight:800;background:var(--brand);color:#fff;padding:6px 12px;line-height:1.4}
      #reqOv .rq-ribbon svg,#reqFamOv .rq-ribbon svg{width:13px;height:13px;flex:0 0 auto}
      #reqOv .rq-top,#reqFamOv .rq-top{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--card);border-bottom:1px solid var(--line)}
      #reqOv .rq-back,#reqOv .rq-close,#reqOv .rq-bell,#reqFamOv .rq-back,#reqFamOv .rq-close{width:40px;height:40px;flex:0 0 auto;border-radius:12px;border:1px solid var(--line);background:var(--card-solid);color:var(--txt);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative}
      #reqOv .rq-close,#reqFamOv .rq-close{color:var(--bad)}
      #reqOv .rq-back svg,#reqOv .rq-close svg,#reqOv .rq-bell svg,#reqFamOv .rq-back svg,#reqFamOv .rq-close svg{width:18px;height:18px}
      #reqOv .rq-badge-n{position:absolute;top:-4px;left:-4px;background:var(--bad);color:#fff;font-size:.62rem;font-weight:800;min-width:16px;height:16px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}
      #reqOv .rq-top-tw,#reqFamOv .rq-top-tw{flex:1;min-width:0}
      #reqOv .rq-top-name,#reqFamOv .rq-top-name{display:flex;align-items:center;gap:7px;font-weight:900;font-size:1rem;color:var(--txt)}
      #reqOv .rq-top-name svg,#reqFamOv .rq-top-name svg{width:18px;height:18px;color:var(--brand)}
      #reqOv .rq-top-sub,#reqFamOv .rq-top-sub{font-size:.74rem;color:var(--muted);margin-top:2px}
      #reqOv .rq-scroll,#reqFamOv .rq-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 14px 32px;max-width:640px;margin:0 auto;width:100%;box-sizing:border-box}
      #reqOv .rq-day{font-weight:800;font-size:.9rem;color:var(--muted);margin:14px 2px 8px;padding-bottom:5px;border-bottom:2px solid var(--line)}
      #reqOv .rq-req{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:12px 13px;margin-bottom:10px}
      #reqOv .rq-req-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
      #reqOv .rq-req-fam{display:flex;align-items:center;gap:8px;font-size:.92rem;color:var(--txt)}
      #reqOv .rq-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 auto}
      #reqOv .rq-avatar.ph{background:var(--brand-soft);color:var(--brand);display:flex;align-items:center;justify-content:center}
      #reqOv .rq-avatar.ph svg{width:17px;height:17px}
      #reqOv .rq-req-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:.76rem;color:var(--muted);margin-bottom:9px}
      #reqOv .rq-req-meta span{display:flex;align-items:center;gap:4px} #reqOv .rq-req-meta svg{width:14px;height:14px}
      .rq-badge{font-size:.68rem;font-weight:800;padding:3px 10px;border-radius:20px;display:inline-block}
      .rq-pending{background:#fbf3d6;color:#a9821b} .rq-accepted{background:var(--ok-soft);color:var(--ok)} .rq-edited{background:#dde9fb;color:#2e62c4} .rq-rejected{background:#f7e0e0;color:var(--bad)}
      #reqOv .rq-card,#reqFamOv .rq-card{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:12px 13px;margin-bottom:11px}
      #reqOv .rq-sub,#reqFamOv .rq-sub,#reqOv .rq-sub2,#reqFamOv .rq-sub2{display:flex;align-items:center;gap:7px;font-weight:800;font-size:.9rem;color:var(--txt);margin-bottom:9px}
      #reqOv .rq-sub svg,#reqFamOv .rq-sub svg,#reqOv .rq-sub2 svg,#reqFamOv .rq-sub2 svg{width:16px;height:16px;color:var(--brand)}
      #reqOv .rq-sub2,#reqFamOv .rq-sub2{margin:6px 0 9px}
      #reqOv .rq-in,#reqFamOv .rq-in{width:100%;box-sizing:border-box;margin-bottom:8px;padding:11px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--card-solid);color:var(--txt);font-size:.9rem;font-family:inherit;outline:none}
      #reqOv .rq-2,#reqFamOv .rq-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
      #reqFamOv .rq-file{display:flex;align-items:center;gap:8px;border:1.5px dashed var(--line);border-radius:12px;padding:11px;color:var(--muted);font-size:.85rem;cursor:pointer;margin-bottom:8px}
      #reqFamOv .rq-file svg{width:17px;height:17px;color:var(--brand)}
      #reqOv .rq-line,#reqFamOv .rq-line{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--line);font-size:.85rem}
      #reqOv .rq-line:last-child,#reqFamOv .rq-line:last-child{border-bottom:none}
      #reqOv .rq-line>span,#reqFamOv .rq-line>span{color:var(--muted)} #reqOv .rq-line>b,#reqFamOv .rq-line>b{color:var(--txt);text-align:left}
      #reqOv .rq-item,#reqFamOv .rq-item{background:var(--card-solid);border:1px solid var(--line);border-radius:12px;padding:10px 11px;margin-bottom:8px}
      #reqOv .rq-item-h,#reqFamOv .rq-item-h{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.88rem;color:var(--txt)}
      #reqOv .rq-item-meta,#reqFamOv .rq-item-meta{font-size:.76rem;color:var(--muted);margin-top:4px}
      #reqFamOv .rq-item-act{display:flex;gap:5px}
      #reqFamOv .rq-ic{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--txt);cursor:pointer;display:flex;align-items:center;justify-content:center} #reqFamOv .rq-ic.rq-del{color:var(--bad)} #reqFamOv .rq-ic svg{width:15px;height:15px}
      #reqOv .rq-thumb,#reqFamOv .rq-thumb{max-width:100%;max-height:130px;border-radius:10px;margin-top:8px;display:block}
      #reqOv .rq-btn,#reqFamOv .rq-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:13px;font-weight:800;font-size:.92rem;font-family:inherit;cursor:pointer;border:none;margin-bottom:9px}
      #reqOv .rq-btn svg,#reqFamOv .rq-btn svg{width:18px;height:18px}
      #reqOv .rq-btn-primary,#reqFamOv .rq-btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}
      #reqOv .rq-btn-ghost,#reqFamOv .rq-btn-ghost{background:var(--card-solid);color:var(--txt);border:1.5px solid var(--line)}
      #reqOv .rq-sm,#reqFamOv .rq-sm{padding:11px;font-size:.85rem}
      #reqOv .rq-actions{display:flex;gap:8px;margin-top:6px}
      #reqOv .rq-actions .rq-btn{margin-bottom:0}
      #reqOv .rq-act-accept{background:#1d7a46;color:#fff} #reqOv .rq-act-edit{background:#2e62c4;color:#fff} #reqOv .rq-act-reject{background:var(--bad);color:#fff}
      #reqOv .rq-info,#reqFamOv .rq-info{display:flex;gap:7px;align-items:flex-start;font-size:.78rem;color:var(--muted);background:var(--card-solid);border:1px solid var(--line);border-radius:12px;padding:9px 11px;margin-bottom:11px;line-height:1.6}
      #reqOv .rq-info svg,#reqFamOv .rq-info svg{width:15px;height:15px;flex:0 0 auto;margin-top:2px;color:var(--brand)}
      #reqOv .rq-tgl{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--txt);cursor:pointer;padding:6px 0} #reqOv .rq-tgl input{width:17px;height:17px;accent-color:var(--brand)}
      #reqOv .rq-empty,#reqFamOv .rq-empty{color:var(--muted);font-size:.82rem;text-align:center;padding:12px}
      #reqOv .rq-empty2,#reqFamOv .rq-empty2{text-align:center;padding:26px 12px;color:var(--muted)} #reqOv .rq-empty2 svg,#reqFamOv .rq-empty2 svg{width:32px;height:32px;color:var(--line);margin-bottom:8px}
      #reqOv .rq-notif{display:flex;align-items:flex-start;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}
      #reqOv .rq-notif-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex:0 0 auto;background:var(--muted)}
      #reqOv .rq-notif.t-good .rq-notif-dot{background:var(--ok)} #reqOv .rq-notif.t-warn .rq-notif-dot{background:#e0902a} #reqOv .rq-notif.t-info .rq-notif-dot{background:var(--brand)} #reqOv .rq-notif.t-bad .rq-notif-dot{background:var(--bad)}
      #reqOv .rq-notif-t{font-size:.85rem;font-weight:700;color:var(--txt)} #reqOv .rq-notif-d{font-size:.72rem;color:var(--muted);margin-top:2px}
      #reqOv .rq-dates,#reqFamOv .rq-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end;margin-bottom:10px}
      #reqOv .rq-dates label,#reqFamOv .rq-dates label{display:flex;flex-direction:column;gap:4px;font-size:.76rem;font-weight:700;color:var(--muted)}
      #reqOv .rq-dates input,#reqFamOv .rq-dates input{width:100%;box-sizing:border-box;padding:10px;border:1.5px solid var(--line);border-radius:11px;background:var(--card-solid);color:var(--txt);font-family:inherit;font-size:.85rem}
      #reqOv .rq-dates .rq-sm,#reqFamOv .rq-dates .rq-sm{grid-column:1/-1;margin-bottom:0}
      #reqOv .rq-tbl-wrap,#reqFamOv .rq-tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin-bottom:12px}
      #reqOv .rq-tbl,#reqFamOv .rq-tbl{width:100%;border-collapse:collapse;font-size:.8rem;min-width:420px}
      #reqOv .rq-tbl th,#reqFamOv .rq-tbl th{background:var(--card-solid);color:var(--muted);font-weight:800;font-size:.72rem;padding:8px 6px;text-align:center;border-bottom:1px solid var(--line)}
      #reqOv .rq-tbl td,#reqFamOv .rq-tbl td{padding:7px 6px;text-align:center;border-bottom:1px solid var(--line);color:var(--txt)} #reqOv .rq-tbl td.r,#reqFamOv .rq-tbl td.r{text-align:right;font-weight:700}
      #reqOv .rq-exports,#reqFamOv .rq-exports{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px} #reqOv .rq-exports .rq-btn,#reqFamOv .rq-exports .rq-btn{flex:1;min-width:100px;margin-bottom:0}

/* ==== from index.html <style id="famStyle"> (v435 split) ==== */
      #famOverlay{position:fixed;inset:0;z-index:2147483250;direction:rtl;font-family:Cairo,sans-serif;background:linear-gradient(160deg,var(--bg),var(--bg2));display:flex;flex-direction:column}
      #famOverlay .fam-ribbon{height:auto;min-height:32px;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:.72rem;font-weight:800;background:var(--brand);color:#fff;padding:6px 12px;line-height:1.4}
      #famOverlay .fam-ribbon svg{width:13px;height:13px;flex:0 0 auto}
      #famOverlay .fam-top{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--card);border-bottom:1px solid var(--line)}
      #famOverlay .fam-back,#famOverlay .fam-logout{width:40px;height:40px;flex:0 0 auto;border-radius:12px;border:1px solid var(--line);background:var(--card-solid);color:var(--txt);cursor:pointer;display:flex;align-items:center;justify-content:center}
      #famOverlay .fam-logout{color:var(--bad)}
      #famOverlay .fam-back svg,#famOverlay .fam-logout svg{width:18px;height:18px}
      #famOverlay .fam-top-tw{flex:1;min-width:0}
      #famOverlay .fam-top-name{display:flex;align-items:center;gap:7px;font-weight:900;font-size:1.02rem;color:var(--txt)}
      #famOverlay .fam-top-name svg{width:18px;height:18px;color:var(--brand)}
      #famOverlay .fam-top-org{font-size:.74rem;color:var(--muted);margin-top:2px}
      #famOverlay .fam-title{font-weight:800;font-size:1.1rem;color:var(--txt);padding:14px 16px 4px;max-width:640px;margin:0 auto;width:100%;box-sizing:border-box}
      #famOverlay .fam-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 14px 32px;max-width:640px;margin:0 auto;width:100%;box-sizing:border-box}
      #famOverlay .fam-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:14px}
      #famOverlay .fam-kpi{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:13px 10px;text-align:center}
      #famOverlay .fam-kpi-v{font-weight:900;font-size:1.08rem;color:var(--txt)}
      #famOverlay .fam-kpi-l{font-size:.72rem;color:var(--muted);margin-top:3px}
      #famOverlay .fam-kpi.k-a .fam-kpi-v{color:var(--brand)} #famOverlay .fam-kpi.k-b .fam-kpi-v{color:#2e9e5b}
      #famOverlay .fam-kpi.k-c .fam-kpi-v{color:#c26a12} #famOverlay .fam-kpi.k-d .fam-kpi-v{color:var(--bad)}
      #famOverlay .fam-sec{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:13px 14px;margin-bottom:12px}
      #famOverlay .fam-sec-h{display:flex;align-items:center;gap:8px;font-weight:800;font-size:.94rem;color:var(--txt);margin-bottom:10px}
      #famOverlay .fam-sec-h svg{width:17px;height:17px;color:var(--brand)}
      #famOverlay .fam-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:.86rem}
      #famOverlay .fam-line:last-child{border-bottom:none}
      #famOverlay .fam-line>span{color:var(--muted)} #famOverlay .fam-line>b{color:var(--txt);font-weight:800;text-align:left}
      #famOverlay .fam-badge{font-size:.7rem;font-weight:800;padding:2px 10px;border-radius:20px}
      #famOverlay .fam-badge.ok{background:var(--ok-soft);color:var(--ok)}
      #famOverlay .fam-tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
      #famOverlay .fam-tbl{width:100%;border-collapse:collapse;font-size:.82rem;min-width:320px}
      #famOverlay .fam-tbl th{background:var(--card-solid);color:var(--muted);font-weight:800;font-size:.72rem;padding:8px 6px;text-align:center;border-bottom:1px solid var(--line)}
      #famOverlay .fam-tbl td{padding:7px 6px;text-align:center;border-bottom:1px solid var(--line);color:var(--txt)}
      #famOverlay .fam-tbl td.r{text-align:right;font-weight:700}
      #famOverlay .fam-tbl tbody tr:last-child td{border-bottom:none}
      #famOverlay .fam-empty2{color:var(--muted);font-size:.82rem;text-align:center;padding:10px}
      #famOverlay .fam-notif{display:flex;align-items:flex-start;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}
      #famOverlay .fam-notif:last-child{border-bottom:none}
      #famOverlay .fam-notif-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex:0 0 auto;background:var(--muted)}
      #famOverlay .fam-notif.t-good .fam-notif-dot{background:var(--ok)} #famOverlay .fam-notif.t-warn .fam-notif-dot{background:#e0902a} #famOverlay .fam-notif.t-info .fam-notif-dot{background:var(--brand)}
      #famOverlay .fam-notif-t{font-size:.85rem;font-weight:700;color:var(--txt)}
      #famOverlay .fam-notif-d{font-size:.72rem;color:var(--muted);margin-top:2px}
      #famOverlay .fam-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:13px;font-weight:800;font-size:.95rem;font-family:inherit;cursor:pointer;border:none}
      #famOverlay .fam-btn svg{width:18px;height:18px}
      #famOverlay .fam-btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}
      #famOverlay .fam-btn-ghost{background:var(--card-solid);color:var(--txt);border:1.5px solid var(--line)}
      #famOverlay .fam-sm{flex:1;min-width:110px;padding:11px;font-size:.85rem}
      #famOverlay .fam-rpt-chips,#famOverlay .fam-exports{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
      #famOverlay .fam-chip{border:1px solid var(--line);background:var(--card);color:var(--txt);border-radius:20px;padding:7px 16px;font-size:.82rem;font-weight:700;cursor:pointer}
      #famOverlay .fam-chip.on{background:var(--brand);color:#fff;border-color:var(--brand)}
      #famOverlay .fam-dates{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end;margin-bottom:12px}
      #famOverlay .fam-dates label{display:flex;flex-direction:column;gap:4px;font-size:.76rem;font-weight:700;color:var(--muted);min-width:0}
      #famOverlay .fam-dates input{width:100%;box-sizing:border-box;padding:10px;border:1.5px solid var(--line);border-radius:11px;background:var(--card-solid);color:var(--txt);font-family:inherit;font-size:.85rem}
      #famOverlay .fam-dates .fam-sm{grid-column:1/-1}
      #famOverlay .fam-exports{margin-top:12px}
      /* ===== C5 · مركز الربط والعضويات (منشأة) + عناصر الربط في بوابة الأسرة ===== */
      #flcOverlay{position:fixed;inset:0;z-index:2147483240;direction:rtl;font-family:Cairo,sans-serif;background:linear-gradient(160deg,var(--bg),var(--bg2));display:flex;flex-direction:column}
      #flcOverlay .flc-top{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--card);border-bottom:1px solid var(--line)}
      #flcOverlay .flc-title{flex:1;display:flex;align-items:center;gap:8px;font-weight:900;font-size:1.02rem;color:var(--txt)}
      #flcOverlay .flc-title svg{width:18px;height:18px;color:var(--brand)}
      #flcOverlay .flc-close{width:40px;height:40px;flex:0 0 auto;border-radius:12px;border:1px solid var(--line);background:var(--card-solid);color:var(--txt);cursor:pointer;display:flex;align-items:center;justify-content:center}
      #flcOverlay .flc-close svg{width:18px;height:18px}
      #flcOverlay .flc-tabs{display:flex;gap:6px;padding:10px 14px 0;flex-wrap:wrap}
      #flcOverlay .flc-tab{border:1.5px solid var(--line);background:var(--card-solid);color:var(--txt);border-radius:11px;padding:8px 13px;font-family:inherit;font-weight:800;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:6px}
      #flcOverlay .flc-tab svg{width:15px;height:15px}
      #flcOverlay .flc-tab.on{background:var(--brand);border-color:var(--brand);color:#fff}
      #flcOverlay .flc-scroll{flex:1;overflow-y:auto;padding:12px 14px 40px;-webkit-overflow-scrolling:touch}
      #flcOverlay .flc-sec{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px}
      #flcOverlay .flc-sec-h{display:flex;align-items:center;gap:8px;font-weight:900;font-size:.92rem;color:var(--txt);margin-bottom:10px}
      #flcOverlay .flc-sec-h svg{width:17px;height:17px;color:var(--brand)}
      #flcOverlay .flc-line{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:.84rem;color:var(--txt)}
      #flcOverlay .flc-line:last-child{border-bottom:none}
      #flcOverlay .flc-badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:.7rem;font-weight:800;background:var(--card-solid);border:1px solid var(--line);color:var(--muted)}
      #flcOverlay .flc-badge.ok{background:var(--ok-soft,#e8f7ef);border-color:transparent;color:var(--ok,#178a50)}
      #flcOverlay .flc-badge.warn{background:#fdf3e2;border-color:transparent;color:#a86a00}
      #flcOverlay .flc-badge.bad{background:#fdecec;border-color:transparent;color:var(--bad,#c0392b)}
      #flcOverlay .flc-btn{border:none;border-radius:11px;padding:10px 14px;font-family:inherit;font-weight:800;font-size:.82rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
      #flcOverlay .flc-btn svg{width:15px;height:15px}
      #flcOverlay .flc-btn-primary{background:var(--brand);color:#fff}
      #flcOverlay .flc-btn-ghost{background:var(--card-solid);color:var(--txt);border:1.5px solid var(--line)}
      #flcOverlay .flc-btn-danger{background:var(--bad,#c0392b);color:#fff}
      #flcOverlay .flc-btn[disabled]{opacity:.55;cursor:not-allowed}
      #flcOverlay .flc-input,#flcOverlay select.flc-input{width:100%;box-sizing:border-box;padding:10px;border:1.5px solid var(--line);border-radius:11px;background:var(--card-solid);color:var(--txt);font-family:inherit;font-size:.85rem;margin-bottom:8px}
      #flcOverlay .flc-empty{padding:14px;text-align:center;color:var(--muted);font-size:.82rem}
      #flcOverlay .flc-code{direction:ltr;text-align:center;font-weight:900;font-size:1.15rem;letter-spacing:2px;background:var(--card-solid);border:1.5px dashed var(--brand);border-radius:12px;padding:12px;margin:8px 0;user-select:all;word-break:break-all}
      #flcOverlay .flc-qr{display:flex;justify-content:center;padding:8px}
      #flcOverlay .flc-qr svg{width:190px;height:190px;background:#fff;border-radius:10px;padding:8px}
      #famOverlay .fam-lf-input{width:100%;box-sizing:border-box;padding:11px;border:1.5px solid var(--line);border-radius:11px;background:var(--card-solid);color:var(--txt);font-family:inherit;font-size:.95rem;margin:8px 0;direction:ltr;text-align:center;letter-spacing:2px}
      #famOverlay .fam-lf-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}

/* ==== from index.html <style id="agwStyle"> (v435 split) ==== */
      /* P8: قفل الهيكل الداخلي خارج authenticated_ready — الفئة تُدار من
         WadehAuth (shellLock/shellUnlock) وJS لا يحقن أي CSS. الـ!important
         ضروري مثبت: عناصر الهيكل تتلقى قيم display سطرية أثناء التشغيل
         (إظهار/إخفاء الصفحات وfab)، وقاعدة القفل الأمنية يجب أن تتغلب عليها
         دون شرط — تسريب هيكل خلف بوابة الدخول ليس حالة تنسيق بل حالة عزل. */
      body.wd-authgate #appHeader,body.wd-authgate .page,body.wd-authgate #navxBar,body.wd-authgate #fabAddDay{display:none!important}
      /* P8: القاعدة الشاملة — أثناء القفل يُخفى كل ابن مباشر لـbody عدا بوابة
         المصادقة (وعنصر toast الإخباري العام). لا افتراض بقائمة محددات: أي
         عنصر ظاهر (ترويسة، شاشة إعدادات، قوائم، أوراق، fabs، إشعارات) يختفي
         فورًا لحظة teardown ولا يعود إلا بعد authenticated_ready. */
      body.wd-authgate>:not(#wauthOverlay):not(#toast){display:none!important}
      #wauthOverlay{position:fixed;inset:0;z-index:2147483200;display:flex;align-items:center;justify-content:center;padding:54px 16px 20px;direction:rtl;font-family:Cairo,sans-serif;overflow-y:auto;background:radial-gradient(1100px 560px at 100% -10%,var(--accent-soft),transparent 58%),radial-gradient(900px 500px at -10% 110%,var(--brand-soft),transparent 55%),linear-gradient(160deg,var(--bg),var(--bg2))}
      #wauthOverlay.agw-boot{padding:max(18px,env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom))}
      #wauthOverlay .agw-ribbon{position:fixed;top:0;left:0;right:0;height:34px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.74rem;font-weight:800;background:var(--brand);color:#fff;z-index:2}
      #wauthOverlay .agw-ribbon svg{width:14px;height:14px}
      #wauthOverlay .agw-x{position:fixed;top:42px;left:14px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--card-solid);color:var(--txt);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3}
      #wauthOverlay .agw-x svg{width:18px;height:18px}
      #wauthOverlay .agw-card{width:100%;max-width:412px;margin:auto;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-lg);padding:24px 22px 20px;animation:agwIn .45s cubic-bezier(.2,.9,.3,1.08)}
      @keyframes agwIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
      @keyframes agwStg{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
      #wauthOverlay .agw-head{text-align:center;position:relative}
      #wauthOverlay .agw-back{position:absolute;right:0;top:0;width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:var(--card-solid);color:var(--txt);cursor:pointer;display:flex;align-items:center;justify-content:center}
      #wauthOverlay .agw-back svg{width:18px;height:18px}
      #wauthOverlay .agw-logo{width:96px;height:96px;border-radius:50%;margin:0 auto;overflow:hidden;border:1px solid var(--line);box-shadow:0 16px 36px -14px rgba(20,30,50,.3)}
      #wauthOverlay .agw-logo img{width:100%;height:100%;object-fit:cover;display:block}
      #wauthOverlay .agw-logo-ph{width:100%;height:100%;background:var(--ds-primary);display:flex;align-items:center;justify-content:center}
      #wauthOverlay .agw-logo-ph svg{width:40px;height:40px;color:#fff}
      #wauthOverlay .agw-name{font-weight:900;font-size:1.24rem;color:var(--txt);margin-top:10px;letter-spacing:-.3px}
      #wauthOverlay .agw-welcome{color:var(--muted);font-size:.8rem;margin-top:5px}
      #wauthOverlay .agw-body{margin-top:20px}
      #wauthOverlay .agw-body>*{animation:agwStg .45s ease both}
      #wauthOverlay .agw-title{font-weight:800;font-size:1.05rem;color:var(--txt);text-align:center;margin-bottom:14px}
      #wauthOverlay .agw-roles{display:flex;flex-direction:column;gap:10px}
      #wauthOverlay .agw-role,#wauthOverlay .agw-org{display:flex;align-items:center;gap:12px;width:100%;text-align:right;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:14px 14px;cursor:pointer;transition:transform .08s,border-color .18s,box-shadow .18s}
      #wauthOverlay .agw-role:hover,#wauthOverlay .agw-org:hover{border-color:var(--ds-primary);box-shadow:0 8px 22px -12px var(--ds-primary)}
      #wauthOverlay .agw-role:active{transform:scale(.985)}
      #wauthOverlay .agw-role-em{font-size:1.9rem;line-height:1;width:52px;height:52px;border-radius:14px;background:var(--ds-primary-soft);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
      #wauthOverlay .agw-org-ic{width:52px;height:52px;border-radius:14px;background:var(--ds-primary-soft);color:var(--ds-primary);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
      #wauthOverlay .agw-org-ic svg{width:24px;height:24px}
      #wauthOverlay .agw-role-tw{flex:1;min-width:0;display:flex;flex-direction:column}
      #wauthOverlay .agw-role-t{font-weight:800;font-size:.95rem;color:var(--txt)}
      #wauthOverlay .agw-role-s{font-size:.75rem;color:var(--muted);margin-top:2px;line-height:1.5}
      #wauthOverlay .agw-role-arrow{width:20px;height:20px;color:var(--muted);flex:0 0 auto}
      #wauthOverlay .agw-role-badge{display:inline-flex;align-items:center;gap:6px;background:var(--ds-primary-soft);color:var(--ds-primary);font-weight:800;font-size:.82rem;padding:6px 12px;border-radius:20px;margin-bottom:12px}
      #wauthOverlay .agw-role-badge span{font-size:1rem}
      #wauthOverlay .agw-f{margin-bottom:13px}
      #wauthOverlay .agw-f label{display:block;font-size:.8rem;font-weight:700;color:var(--txt);margin-bottom:6px}
      #wauthOverlay .agw-in-wrap{position:relative;display:flex;align-items:center}
      #wauthOverlay .agw-in-ic{position:absolute;right:12px;color:var(--muted);display:flex;pointer-events:none}
      #wauthOverlay .agw-in-ic svg{width:18px;height:18px}
      #wauthOverlay .agw-in{width:100%;box-sizing:border-box;padding:13px 42px 13px 14px;border:1.5px solid var(--line);border-radius:13px;font-size:16px;font-weight:600;background:var(--card-solid);color:var(--txt);font-family:inherit;outline:none;transition:border-color .18s,box-shadow .18s}
      #wauthOverlay .agw-in:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
      #wauthOverlay select.agw-in{padding-left:14px}
      #wauthOverlay .agw-ro .agw-in{opacity:.7}
      #wauthOverlay .agw-eye{position:absolute;left:9px;background:transparent;border:none;color:var(--muted);cursor:pointer;padding:5px;display:flex;border-radius:8px}
      #wauthOverlay .agw-eye svg{width:18px;height:18px}
      #wauthOverlay .agw-row-between{display:flex;align-items:center;justify-content:space-between;margin:6px 0 16px}
      #wauthOverlay .agw-lnk{background:none;border:none;color:var(--brand);font-family:inherit;font-size:.83rem;font-weight:700;cursor:pointer;padding:2px}
      #wauthOverlay .agw-remember{display:flex;align-items:center;gap:7px;font-size:.82rem;color:var(--muted);cursor:pointer}
      #wauthOverlay .agw-remember input{width:16px;height:16px;accent-color:var(--brand)}
      #wauthOverlay .agw-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:14px;font-weight:800;font-size:1rem;font-family:inherit;cursor:pointer;border:none;transition:transform .08s,filter .2s}
      #wauthOverlay .agw-btn:active{transform:scale(.98)}
      #wauthOverlay .agw-btn svg{width:19px;height:19px}
      #wauthOverlay .agw-btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 12px 26px -10px var(--brand)}
      #wauthOverlay .agw-btn-ghost{background:var(--card-solid);color:var(--txt);border:1.5px solid var(--line)}
      #wauthOverlay .agw-sep{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.78rem;margin:16px 0}
      #wauthOverlay .agw-sep::before,#wauthOverlay .agw-sep::after{content:"";flex:1;height:1px;background:var(--line)}
      #wauthOverlay .agw-hint2{display:flex;gap:7px;align-items:flex-start;font-size:.78rem;color:var(--muted);background:var(--card-solid);border:1px solid var(--line);border-radius:12px;padding:9px 11px;margin-bottom:12px;line-height:1.6}
      #wauthOverlay .agw-hint2 svg{width:15px;height:15px;flex:0 0 auto;margin-top:2px;color:var(--brand)}
      #wauthOverlay .agw-sub2{display:flex;align-items:center;gap:7px;font-weight:800;font-size:.9rem;color:var(--txt);margin:8px 0 10px}
      #wauthOverlay .agw-sub2 svg{width:16px;height:16px;color:var(--brand)}
      #wauthOverlay .agw-lnk2{flex:1;min-width:150px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--brand);background:var(--brand-soft);border:none;border-radius:10px;padding:9px;cursor:pointer}
      #wauthOverlay .agw-lnk2 svg{width:15px;height:15px}
      /* ===== تلميع HIG (المرحلة 2) — بطاقات اختيار الدور وشاشة البداية ===== */
      #wauthOverlay.agw-boot .agw-card{padding:28px 22px 24px;border-radius:var(--ds-radius-lg);box-shadow:var(--ds-shadow-lg)}
      #wauthOverlay.agw-boot .agw-logo{width:88px;height:88px}
      #wauthOverlay.agw-boot .agw-welcome{font-size:.9rem;font-weight:600;margin-top:6px}
      #wauthOverlay .agw-title{font-size:1.14rem;letter-spacing:-.35px;margin-bottom:16px;font-weight:800}
      #wauthOverlay .agw-roles{gap:12px}
      #wauthOverlay .agw-role{gap:14px;padding:15px 15px;border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-sm);transition:transform .15s cubic-bezier(.2,.9,.3,1.12),border-color .2s,box-shadow .24s,background .2s}
      #wauthOverlay .agw-role:hover{box-shadow:0 12px 26px -14px var(--brand)}
      #wauthOverlay .agw-role:active{transform:scale(.972)}
      #wauthOverlay .agw-role:hover .agw-role-arrow{transform:translateX(-3px)}
      #wauthOverlay .agw-role-arrow{transition:transform .2s ease}
      #wauthOverlay .agw-role-em{width:56px;height:56px;border-radius:16px;font-size:2rem;box-shadow:inset 0 0 0 1px rgba(20,30,50,.05)}
      #wauthOverlay .agw-role-t{font-size:1rem;letter-spacing:-.2px}
      #wauthOverlay .agw-role-s{font-size:.785rem;line-height:1.55}
      @media (prefers-reduced-motion:reduce){ #wauthOverlay .agw-role,#wauthOverlay .agw-role-arrow{transition:none} #wauthOverlay .agw-card{animation:none} }

/* ==== from index.html <style id="invStyle"> (v435 split) ==== */
      #inventoryCard .inv-sub{display:flex;align-items:center;gap:7px;font-weight:800;font-size:.92rem;color:var(--txt);margin:6px 0 4px}
      #inventoryCard .inv-sub svg{width:17px;height:17px;color:var(--brand)}
      #inventoryCard .inv-in{width:100%;box-sizing:border-box;margin-bottom:8px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card-solid);color:var(--txt);font-size:.9rem;font-family:inherit}
      #inventoryCard .inv-import{background:var(--card-solid);border:1px solid var(--line);border-radius:16px;padding:12px}
      #inventoryCard .inv-sess{background:var(--card-solid);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px}
      #inventoryCard .inv-sess-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}
      #inventoryCard .inv-sess-name{display:flex;align-items:center;gap:6px;font-weight:800;font-size:.9rem}
      #inventoryCard .inv-sess-name svg{width:16px;height:16px;color:var(--brand)}
      #inventoryCard .inv-sess-meta{font-size:.75rem;color:var(--muted);margin:3px 0}
      #inventoryCard .inv-badge{font-size:.68rem;font-weight:800;padding:3px 9px;border-radius:20px}
      #inventoryCard .inv-b-live{background:var(--ok-soft);color:var(--ok)}
      #inventoryCard .inv-b-done{background:#dde9fb;color:#2e62c4}
      #inventoryCard .inv-b-cancel{background:#f0e1e1;color:var(--bad)}
      #inventoryCard .inv-sess-bar{height:7px;background:var(--line);border-radius:6px;overflow:hidden;margin:6px 0}
      #inventoryCard .inv-sess-bar>span{display:block;height:100%;background:var(--brand);border-radius:6px}
      #inventoryCard .inv-sess-act,#inventoryCard .inv-exports,#inventoryCard .inv-modes,#inventoryCard .inv-manual{display:flex;gap:8px;flex-wrap:wrap}
      #inventoryCard .inv-sm{flex:1;min-width:120px;min-height:42px;font-size:.82rem}
      #inventoryCard .inv-manual{align-items:stretch;margin-top:6px}
      #inventoryCard .inv-manual .inv-in{margin-bottom:0;flex:1}
      #inventoryCard .inv-manual .btn{min-height:44px}
      #inventoryCard .inv-mode{flex:1}
      #inventoryCard .inv-mode.on{background:var(--brand);color:#fff;border-color:var(--brand)}
      #inventoryCard .inv-scan{background:var(--card-solid);border:1px solid var(--line);border-radius:16px;padding:12px;margin-bottom:12px}
      #inventoryCard .inv-fx{margin-top:8px;border-radius:12px;padding:10px 12px;min-height:20px;font-size:.85rem;transition:background .15s}
      #inventoryCard .inv-fx-ok{background:var(--ok-soft);color:var(--ok)}
      #inventoryCard .inv-fx-bad{background:#f7e3e3;color:var(--bad)}
      #inventoryCard .inv-fx-t{font-weight:800}
      #inventoryCard .inv-fx-s{font-size:.76rem;opacity:.85;margin-top:2px}
      #inventoryCard .inv-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
      #inventoryCard .inv-kpi{background:var(--card-solid);border:1px solid var(--line);border-radius:13px;padding:9px 6px;text-align:center}
      #inventoryCard .inv-kpi-v{font-weight:900;font-size:1rem;color:var(--txt)}
      #inventoryCard .inv-kpi-l{font-size:.7rem;color:var(--muted);margin-top:2px}
      #inventoryCard .inv-kpi.k-match .inv-kpi-v{color:var(--ok)}
      #inventoryCard .inv-kpi.k-def .inv-kpi-v{color:var(--bad)}
      #inventoryCard .inv-kpi.k-sur .inv-kpi-v{color:#c26a12}
      #inventoryCard .inv-kpi.k-nc .inv-kpi-v{color:var(--muted)}
      #inventoryCard .inv-kpi.k-unk .inv-kpi-v{color:#b8860b}
      #inventoryCard .inv-chips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
      #inventoryCard .inv-chip{border:1px solid var(--line);background:var(--card-solid);color:var(--txt);border-radius:20px;padding:5px 12px;font-size:.78rem;font-weight:700;cursor:pointer}
      #inventoryCard .inv-chip.on{background:var(--brand);color:#fff;border-color:var(--brand)}
      #inventoryCard .inv-search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:12px;padding:0 10px;background:var(--card-solid);margin-bottom:8px}
      #inventoryCard .inv-search svg{width:16px;height:16px;color:var(--muted)}
      #inventoryCard .inv-search input{flex:1;border:none;outline:none;background:transparent;color:var(--txt);padding:10px 0;font-size:.86rem;font-family:inherit}
      #inventoryCard .inv-tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
      #inventoryCard .inv-tbl{width:100%;border-collapse:collapse;font-size:.8rem;min-width:520px}
      #inventoryCard .inv-tbl th{background:var(--card-solid);color:var(--muted);font-weight:800;padding:8px 6px;font-size:.72rem;text-align:center;border-bottom:1px solid var(--line)}
      #inventoryCard .inv-tbl td{padding:7px 6px;text-align:center;border-bottom:1px solid var(--line)}
      #inventoryCard .inv-td-name{text-align:right;font-weight:700;min-width:150px}
      #inventoryCard .inv-td-sub{font-size:.68rem;color:var(--muted);font-weight:500;margin-top:2px}
      #inventoryCard .inv-tbl tr.st-def{background:rgba(220,60,60,.06)}
      #inventoryCard .inv-tbl tr.st-sur{background:rgba(200,110,20,.06)}
      #inventoryCard .inv-tbl tr.st-nc{background:rgba(120,120,120,.05)}
      #inventoryCard .inv-st{display:inline-block;font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:12px}
      #inventoryCard .inv-st.st-match{background:var(--ok-soft);color:var(--ok)}
      #inventoryCard .inv-st.st-def{background:#f7e3e3;color:var(--bad)}
      #inventoryCard .inv-st.st-sur{background:#faedd8;color:#c26a12}
      #inventoryCard .inv-st.st-nc{background:var(--line);color:var(--muted)}
      #inventoryCard .inv-diff{font-weight:800}
      #inventoryCard .inv-qty{display:inline-flex;align-items:center;gap:4px}
      #inventoryCard .inv-qbtn{width:28px;height:28px;border-radius:8px;border:1px solid var(--line);background:var(--card-solid);color:var(--txt);font-weight:900;font-size:1rem;cursor:pointer;line-height:1}
      #inventoryCard .inv-qin{width:52px;text-align:center;border:1px solid var(--line);border-radius:8px;padding:5px 2px;background:var(--card-solid);color:var(--txt);font-size:.82rem;font-family:inherit}
      #inventoryCard .inv-note{font-size:.8rem;color:var(--muted);padding:10px;text-align:center}
      #inventoryCard .inv-empty{text-align:center;padding:22px 12px;color:var(--muted)}
      #inventoryCard .inv-empty svg{width:34px;height:34px;color:var(--line);margin-bottom:8px}
      #inventoryCard .inv-shead{display:flex;align-items:center;gap:10px;margin-bottom:10px}
      #inventoryCard .inv-stitle{display:flex;flex-direction:column;line-height:1.3}
      #inventoryCard .inv-stitle span{font-size:.72rem;color:var(--muted)}
      #inventoryCard .inv-th-sub{font-size:.6rem;font-weight:700;color:var(--muted);margin-top:1px}
      /* صندوق تمرير داخلي ثابت الارتفاع لجدول المنتجات (مثل سجل النشاطات) */
      #inventoryCard .inv-tscroll{max-height:360px;overflow-y:auto;border:1px solid var(--line);border-radius:12px;background:var(--card-solid)}
      #inventoryCard .inv-tscroll .inv-tbl-wrap{border:none;border-radius:0}
      #inventoryCard .inv-tscroll .inv-tbl th{position:sticky;top:0;z-index:1}
      /* واجهة الكاميرا: ماسح باركود ثابت — إطار مسح + خط + نص، والفيديو محبوس داخل الحاوية (iOS Safari) */
      #inventoryCard .inv-cam-stage{position:relative;height:300px;max-height:56vh;border-radius:14px;overflow:hidden;background:#000;isolation:isolate}
      #inventoryCard #invVideo{position:absolute;inset:0;width:100%;height:100%;display:block;background:#000;object-fit:cover;border-radius:14px;pointer-events:none;z-index:1}
      /* منع أي واجهة مشغّل فيديو على iOS Safari (زر التشغيل/الشريط/PiP) */
      #inventoryCard #invVideo::-webkit-media-controls,
      #inventoryCard #invVideo::-webkit-media-controls-enclosure,
      #inventoryCard #invVideo::-webkit-media-controls-panel,
      #inventoryCard #invVideo::-webkit-media-controls-play-button,
      #inventoryCard #invVideo::-webkit-media-controls-start-playback-button,
      #inventoryCard #invVideo::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none!important;opacity:0!important;pointer-events:none!important}
      #inventoryCard .inv-cam-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:74%;height:46%;border:2px solid rgba(255,255,255,.92);border-radius:12px;box-shadow:0 0 0 2000px rgba(0,0,0,.34);pointer-events:none;z-index:2}
      #inventoryCard .inv-cam-line{position:absolute;left:15%;width:70%;height:2px;background:linear-gradient(90deg,transparent,#39d353,transparent);pointer-events:none;z-index:2;animation:invScanMove 1.7s ease-in-out infinite}
      @keyframes invScanMove{0%{top:29%}50%{top:69%}100%{top:29%}}
      #inventoryCard .inv-cam-hint{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.58);color:#fff;font-size:.8rem;font-weight:700;padding:5px 12px;border-radius:20px;text-align:center;max-width:92%;pointer-events:none;z-index:3}
      /* نافذة «عرض الكل» لجميع المنتجات + بحث */
      /* نافذة «جميع المنتجات» — تصميم iOS احترافي (بطاقات + بحث أنيق + تمرير داخلي فقط) — مستقلّة عن #inventoryCard */
      .inv-allov{position:fixed;inset:0;z-index:100000;background:rgba(15,23,35,.5);display:flex;align-items:flex-end;justify-content:center;padding:0}
      .inv-allbox{background:var(--card-solid);width:100%;max-width:620px;max-height:85vh;border-radius:20px 20px 0 0;display:flex;flex-direction:column;padding:14px 14px 0;box-sizing:border-box;box-shadow:0 -12px 40px -12px rgba(0,0,0,.35)}
      .inv-allhead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 12px;flex:0 0 auto}
      .inv-all-title{font-weight:800;font-size:1.05rem;color:var(--txt)}
      .inv-allx{width:36px;height:36px;min-width:36px;border-radius:11px;border:1px solid var(--line);background:var(--card-solid);color:var(--txt);cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0}
      .inv-allx svg{width:18px;height:18px}
      .inv-allsearch{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:13px;padding:0 12px;background:var(--bg);flex:0 0 auto;margin-bottom:12px;box-sizing:border-box}
      .inv-allsearch svg{width:17px;height:17px;min-width:17px;color:var(--muted);flex:0 0 auto}
      .inv-allsearch input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--txt);padding:12px 0;font-size:.92rem;font-family:inherit}
      .inv-alllist{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:16px;display:flex;flex-direction:column;gap:9px;box-sizing:border-box}
      .pcard{border:1px solid var(--line);border-radius:14px;background:var(--card-solid);padding:11px 12px;box-sizing:border-box}
      .pcard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}
      .pcard-name{font-weight:800;font-size:.95rem;color:var(--txt);line-height:1.35;word-break:break-word}
      .pcard-bc{font-size:.74rem;color:var(--muted);margin-top:2px;word-break:break-all}
      .pcard-badge{flex:0 0 auto;font-size:.72rem;font-weight:800;padding:4px 11px;border-radius:20px;white-space:nowrap}
      .pcard-badge.st-match{background:var(--ok-soft);color:var(--ok)}
      .pcard-badge.st-def{background:#f7e3e3;color:var(--bad)}
      .pcard-badge.st-sur{background:#faedd8;color:#c26a12}
      .pcard-badge.st-nc{background:var(--line);color:var(--muted)}
      .pcard-grid{display:flex;flex-wrap:wrap;gap:8px}
      .pcard-cell{flex:0 0 calc((100% - 16px)/3);box-sizing:border-box;background:var(--bg);border-radius:10px;padding:7px 6px;text-align:center;min-width:0}
      .pcard-cell .pc-l{font-size:.66rem;color:var(--muted);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
      .pcard-cell .pc-v{font-size:.94rem;font-weight:800;color:var(--txt);word-break:break-word;direction:ltr}
      /* حالة الفرق/قيمة الفرق: خلفية خفيفة + رقم واضح ملوّن (تعمل في الوضعين الفاتح والداكن) */
      .pcard-cell.c-pos{background:rgba(194,106,18,.10)} .pcard-cell .pc-v.pc-pos{color:#c26a12}
      .pcard-cell.c-neg{background:rgba(220,60,60,.10)} .pcard-cell .pc-v.pc-neg{color:var(--bad)}
      .pcard-cell.c-zero{background:rgba(46,160,90,.10)} .pcard-cell .pc-v.pc-zero{color:var(--ok)}
      .pcard-cell.c-none .pc-v.pc-none{color:var(--muted)}
      /* العرض الأساسي داخل صفحة الجرد: قائمة بطاقات موحّدة + مُعدِّل «المعدود» المدمج */
      #inventoryCard .inv-cards{display:flex;flex-direction:column;gap:9px}
      #inventoryCard .pcard-count{padding:5px 6px}
      #inventoryCard .pcard-count .inv-qty{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:2px}
      #inventoryCard .pcard-count .inv-qbtn{width:24px;height:26px;font-size:1rem;flex:0 0 auto}
      #inventoryCard .pcard-count .inv-qin{width:100%;min-width:0;flex:1 1 auto;padding:4px 0;font-size:.82rem;text-align:center}
      @media(min-width:1200px){ #inventoryCard .inv-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px} }
      .inv-allempty{text-align:center;color:var(--muted);padding:30px 12px;font-size:.9rem}
      @media(min-width:1200px){ .inv-allov{align-items:center} .inv-allbox{border-radius:20px;max-height:82vh} }