/* ==== B107 INTAKE v4 — mock CSS pasted VERBATIM, scoped under #intake-popup (Decision 1). Class names on elements unchanged; declarations byte-for-byte from the mock (mock `body` page-bg/padding skipped — the app overlay is the backdrop). ==== */
#intake-popup{color-scheme:light;
    --green:#16A34A;--green-d:#15803D;--burg:#9C4A5A;--burg-d:#7C2D3A;
    --beige1:#FBF8F0;--beige2:#F4EFE2;--line:#E4DECF;--ink:#0F172A;--muted:#64748B;--bd:#CBD5E1;}
#intake-popup *{box-sizing:border-box;margin:0}
#intake-popup .wrap{max-width:980px;margin:0 auto}
#intake-popup .card{background:var(--beige1);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 18px 44px -30px rgba(15,110,86,.45)}
#intake-popup .hd{position:relative;color:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;transition:background .25s}
#intake-popup .mode-aadi .hd{background:linear-gradient(180deg,var(--green),var(--green-d))}
#intake-popup .mode-waz  .hd{background:linear-gradient(180deg,var(--burg),var(--burg-d))}
#intake-popup .hd h3{font-size:16px;font-weight:800}
#intake-popup .lbl-w{font-size:11px;font-weight:700;opacity:.9}
#intake-popup .tg{display:inline-flex;border:1px solid rgba(255,255,255,.55);border-radius:8px;overflow:hidden}
#intake-popup .tg button{border:0;background:transparent;color:#fff;padding:6px 16px;font-size:12.5px;font-weight:800;cursor:pointer;font-family:inherit}
#intake-popup .mode-aadi .tg .b-aadi, #intake-popup .mode-waz .tg .b-waz{background:#fff}
#intake-popup .mode-aadi .tg .b-aadi{color:var(--green-d)}
#intake-popup .mode-waz .tg .b-waz{color:var(--burg-d)}
#intake-popup .sel{border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.16);color:#fff;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:700;font-family:inherit}
#intake-popup .badge{margin-inline-start:auto;background:rgba(255,255,255,.22);padding:4px 12px;border-radius:8px;font-size:12px;font-weight:800}
#intake-popup .body{padding:15px}
#intake-popup .sec{margin-bottom:13px;background:#fff;border:1px solid #9FE1CB;border-radius:10px;padding:11px 13px;box-shadow:0 0 0 2px #E1F5EE inset}
#intake-popup .sec.new{border-color:#9FE1CB;box-shadow:0 0 0 2px #E1F5EE inset}
#intake-popup .st{font-size:12.5px;font-weight:800;margin-bottom:10px}
#intake-popup .mode-aadi .st{color:var(--green-d)}
#intake-popup .mode-waz .st{color:var(--burg-d)}
#intake-popup .g{display:grid;gap:10px}
#intake-popup .f label{display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:4px}
#intake-popup .inp{width:100%;background:#fff;border:1px solid var(--bd);border-radius:7px;padding:8px 9px;font-size:12.5px;font-family:inherit}
#intake-popup /* searchable select (نمط التراكر 1:1) */
  .ss-wrap{position:relative}
#intake-popup .ss-inp{width:100%;background:#fff;border:1px solid var(--bd);border-radius:7px;padding:8px 9px;font-size:12.5px;font-family:inherit;cursor:pointer;text-align:start}
#intake-popup .ss-inp:focus{border-color:var(--green);outline:none}
#intake-popup .ss-drop{display:none;position:absolute;top:calc(100% + 3px);inset-inline:0;background:#fff;border:1px solid var(--bd);border-radius:8px;box-shadow:0 12px 32px -14px rgba(0,0,0,.28);z-index:40;max-height:220px;overflow:auto}
#intake-popup .ss-drop.open{display:block}
#intake-popup .ss-search{padding:7px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff}
#intake-popup .ss-search input{width:100%;padding:6px 9px;background:#F4F8F6;border:1px solid var(--bd);border-radius:6px;font-size:12px;font-family:inherit}
#intake-popup .ss-item{padding:8px 11px;cursor:pointer;font-size:12px;color:var(--ink)}
#intake-popup .ss-item:hover{background:#E1F5EE;color:var(--green-d)}
#intake-popup .ss-item.sel{background:#E1F5EE;color:var(--green-d);font-weight:700}
#intake-popup .ss-add-btn{padding:9px 11px;cursor:pointer;font-size:12px;color:var(--green-d);font-weight:700;border-top:1px solid var(--line)}
#intake-popup .ss-add-btn:hover{background:#E1F5EE}
#intake-popup textarea.inp{resize:none}
#intake-popup .pfx{display:flex;border:1px solid var(--bd);border-radius:7px;overflow:hidden;background:#fff}
#intake-popup .pfx span{background:#F1EFE8;color:var(--muted);padding:8px 9px;font-size:11.5px;font-weight:700;border-inline-end:1px solid var(--bd)}
#intake-popup .pfx input{border:0;flex:1;padding:8px 9px;font-size:12.5px;font-family:inherit;width:100%}
#intake-popup .seg{display:inline-flex;border:1px solid var(--bd);border-radius:7px;overflow:hidden;width:100%}
#intake-popup .seg button{flex:1;border:0;background:#fff;color:#475569;padding:8px 4px;font-size:11.5px;font-weight:700;cursor:pointer;border-inline-start:1px solid #E2E8F0;font-family:inherit}
#intake-popup .segc button{padding:7px 2px;font-size:10.5px}
#intake-popup .seg .red{background:#FCEBEB;color:#A32D2D}
#intake-popup .seg .nav{background:#E6F1FB;color:#185FA5}
#intake-popup .look{font-size:10.5px;color:#94A3B8;margin-top:5px}
#intake-popup .chip{display:inline-flex;align-items:center;gap:6px;background:#E1F5EE;color:#0F6E56;border:1px solid #9FE1CB;border-radius:7px;padding:5px 11px;font-size:11px;font-weight:700}
#intake-popup .att{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100px;min-height:70px;border:1.5px dashed #94A3B8;border-radius:9px;color:var(--muted);font-size:10.5px;cursor:pointer;flex-shrink:0}
#intake-popup .lc{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
#intake-popup .lcol{background:var(--beige1);border:1px solid #ECE6D6;border-radius:9px;padding:9px}
#intake-popup .lch{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;margin-bottom:8px}
#intake-popup .ball{width:17px;height:17px;border-radius:50%;flex-shrink:0;box-shadow:0 1px 2px rgba(0,0,0,.28), inset 0 -2px 3px rgba(0,0,0,.20)}
#intake-popup .b-red{background:radial-gradient(circle at 33% 28%,#ffd9d8,#e24b4a 55%,#a32d2d)}
#intake-popup .b-grn{background:radial-gradient(circle at 33% 28%,#b9efd7,#3a9b6f 55%,#1d7a52)}
#intake-popup .b-gld{background:radial-gradient(circle at 33% 28%,#ffe9b0,#d6a73a 55%,#9c7a08)}
#intake-popup .dts{display:flex;gap:6px;margin-bottom:7px}
#intake-popup .dts input{flex:1;border:1px solid var(--bd);border-radius:6px;padding:6px;font-size:10.5px;font-family:inherit;background:#fff}
#intake-popup .lta{width:100%;background:#fff;border:1px solid var(--bd);border-radius:7px;padding:7px;font-size:11.5px;min-height:48px;font-family:inherit;resize:none}
#intake-popup .latt{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:10.5px;color:var(--muted)}
#intake-popup .foot{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:12px 16px;border-top:1px solid var(--line);background:var(--beige2)}
#intake-popup .save{color:#fff;border:0;border-radius:8px;padding:9px 22px;font-size:13px;font-weight:800;cursor:pointer;font-family:inherit}
#intake-popup .mode-aadi .save{background:var(--green-d)}
#intake-popup .mode-waz .save{background:var(--burg-d)}
#intake-popup .gh{background:transparent;color:var(--muted);border:1px solid var(--bd);border-radius:8px;padding:9px 16px;font-size:13px;cursor:pointer;font-family:inherit}
#intake-popup .waz-only{display:none}
#intake-popup .aadi-only{display:none}
#intake-popup .mode-waz .waz-only{display:block}
#intake-popup .mode-aadi .aadi-only{display:block}
#intake-popup .mode-waz .lc.waz-only{display:grid}
#intake-popup .mode-waz .g.waz-only{display:grid}
#intake-popup .mode-waz .clsrow{grid-template-columns:1fr 1fr}
#intake-popup .mode-aadi .clsrow{grid-template-columns:1fr 1fr 0.7fr}
#intake-popup .inline-waz.waz-only, #intake-popup .inline-aadi.aadi-only{display:none}
#intake-popup .mode-waz .inline-waz{display:inline-block}
#intake-popup .mode-aadi .inline-aadi{display:inline-block}
#intake-popup .rotpill{background:#FFF4E6;border:1px dashed #E8B84B;color:#9a6a00;border-radius:8px;font-size:13px;font-weight:700;padding:6px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
#intake-popup .rotpill.set{background:#E1F5EE;border:1px solid #BFE6D7;color:#0B5240;font-weight:600}
#intake-popup .msbox{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:5px;border:1px solid var(--bd);border-radius:8px;padding:5px 7px;background:#fff;min-height:38px}
#intake-popup .mschip{background:#E1F5EE;border:1px solid #BFE6D7;color:#0B5240;border-radius:6px;font-size:12px;padding:3px 8px;display:inline-flex;align-items:center;gap:6px}
#intake-popup .mschip .x{cursor:pointer;color:#7C9387}
#intake-popup .msadd{color:#0B5240;font-size:12px;cursor:pointer;border:1px dashed #BFE6D7;border-radius:6px;padding:3px 9px;background:#F3FBF8}
#intake-popup .catimg{flex:0 0 165px;display:flex;flex-direction:column;gap:6px}
/* FIX5 — classification image = FIXED-size box; a picked image fills it (cover) and never resizes/shifts the form. */
#intake-popup .catimg-pic{width:100%;height:140px;flex:0 0 140px;border-radius:10px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:62px;overflow:hidden}
#intake-popup .catimg-pic img{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}
#intake-popup .step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;color:#fff;font-weight:800;font-size:12px;flex-shrink:0;box-shadow:0 2px 5px -1px rgba(0,0,0,.32);border:2px solid #fff}
#intake-popup .sn1{background:#e24b4a}
#intake-popup .sn2{background:#3a9b6f}
#intake-popup .sn3{background:#d6a73a}
#intake-popup .mpanel{margin-top:8px;border:1px solid #BFE6D7;background:#F2FBF7;border-radius:9px;padding:9px 11px}
#intake-popup .mphead{font-size:11px;font-weight:800;color:#0B5240;margin-bottom:7px}
#intake-popup .mpcand{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;background:#fff;border:1px solid #D8ECE3;border-radius:7px;margin-bottom:6px}
#intake-popup .mpcand b{font-size:12.5px}
#intake-popup .mpmeta{font-size:10.5px;color:var(--muted)}
#intake-popup .mphist{font-size:10.5px;color:#0F6E56;margin-top:2px}
#intake-popup .mpyes{background:#0F6E56;color:#fff;border:none;border-radius:6px;font-size:11px;padding:5px 13px;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:inherit}
#intake-popup .mpnone{font-size:11px;color:#7a5b00;cursor:pointer;text-align:center;padding:6px;border:1px dashed #E8CE7A;border-radius:7px;background:#FBF7EC;font-weight:700}
#intake-popup /* match candidate cards (option 1) — appear on system suspicion */
  .mcalert{font-size:10.5px;font-weight:800;color:#A32D2D;margin:8px 0 6px}
#intake-popup .mcards{display:flex;gap:9px;flex-wrap:wrap}
#intake-popup .mcard{flex:0 0 202px;background:#fff;border:1.5px solid var(--bd);border-radius:10px;padding:10px;cursor:pointer;transition:.15s}
#intake-popup .mcard:hover{border-color:var(--green)}
#intake-popup .mcard.sel{border-color:var(--green);box-shadow:0 0 0 3px #E1F5EE}
#intake-popup .mcard.newc{border-style:dashed;border-color:#E8CE7A;background:#FBF7EC;flex:0 0 120px;display:flex;flex-direction:column;justify-content:center;text-align:center}
#intake-popup .mcnm{font-size:12.5px;font-weight:800}
#intake-popup .mcnat{font-size:10.5px;color:var(--muted)}
#intake-popup .mcid{font-size:10.5px;color:var(--muted);margin-top:3px}
#intake-popup .mcid b{color:var(--ink);font-weight:700;font-family:ui-monospace,Consolas,monospace}
#intake-popup .mcwhy{display:inline-block;font-size:9.5px;font-weight:800;background:#FDECE9;color:#A32D2D;border:1px solid #F3C7BF;border-radius:20px;padding:2px 8px;margin-top:6px}
#intake-popup .mcfull{font-size:10px;color:var(--green-d);margin-top:6px;font-weight:700}
#intake-popup .mchint{font-size:10.5px;color:var(--muted);margin-top:7px}
#intake-popup .fovl{position:fixed;inset:0;background:rgba(15,40,30,.45);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}
#intake-popup .fovl.open{display:flex}
#intake-popup .fbox{background:#fff;border-radius:12px;max-width:660px;width:100%;overflow:hidden;box-shadow:0 26px 60px -20px rgba(0,0,0,.5)}
#intake-popup .fhd{background:linear-gradient(180deg,var(--green),var(--green-d));color:#fff;padding:11px 15px;font-size:13px;font-weight:800;display:flex;justify-content:space-between}
#intake-popup .fhd .x{cursor:pointer;opacity:.85}
#intake-popup .ftbl{width:100%;border-collapse:collapse;font-size:11.5px}
#intake-popup .ftbl th{background:#FBF8F0;color:var(--muted);text-align:start;padding:8px 11px;font-weight:700}
#intake-popup .ftbl td{padding:9px 11px;border-top:1px solid var(--line)}
#intake-popup .fmono{font-family:ui-monospace,Consolas,monospace}
#intake-popup .fyes{background:var(--green-d);color:#fff;border:none;border-radius:6px;font-size:11px;padding:5px 12px;cursor:pointer;font-family:inherit}
#intake-popup .fnew{padding:11px;text-align:center;font-size:12px;font-weight:800;color:#9a6a00;background:#FBF7EC;cursor:pointer;border-top:1px solid var(--line)}
#intake-popup .catimg-cap{font-size:11px;color:var(--muted);text-align:center}
/* FIX6 — ministry header logo = the real square asset, identical 46×46 square to the company logo. */
#intake-popup .brandlogo{height:46px;width:46px;object-fit:contain;border-radius:6px;display:block}
#intake-popup .sqlogo{width:46px;height:46px;border-radius:8px;background:#0F6E56;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;letter-spacing:.3px}
#intake-popup .pastebox{border-color:#E8CE7A !important;background:#FFFDF5 !important}
#intake-popup /* v3 — two-party groups */
  .party{border-radius:9px;padding:10px 11px}
#intake-popup .party-h{font-size:12px;font-weight:800;margin-bottom:9px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#intake-popup .party.caller{border:1px solid #C7DBF0;background:#F5F9FE}
#intake-popup .party.caller .party-h{color:#185FA5}
#intake-popup .party.bene{border:1px solid #BFE6D7;background:#F4FBF8}
#intake-popup .party.bene .party-h{color:#0B5240}
#intake-popup .copied{font-size:10.5px;color:#0B5240;background:#E1F5EE;border:1px solid #BFE6D7;border-radius:6px;padding:2px 8px;display:none}
#intake-popup .si{font-size:10.5px;color:var(--muted);margin-top:7px}
#intake-popup .draftbtn{background:#FDECE9;border:1px solid #E7A9A2;color:#A32D2D;border-radius:8px;font-size:12px;font-weight:800;padding:7px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;animation:draftPulse 1.5s infinite}
@keyframes draftPulse{0%{box-shadow:0 0 0 0 rgba(226,75,74,.55)}70%{box-shadow:0 0 0 10px rgba(226,75,74,0)}100%{box-shadow:0 0 0 0 rgba(226,75,74,0)}}
@keyframes hgFlip{0%{transform:rotate(0deg)}45%{transform:rotate(0deg)}55%{transform:rotate(180deg)}100%{transform:rotate(180deg)}}
#intake-popup .hg-flip{animation:hgFlip 2s ease-in-out infinite;display:inline-block}
#intake-popup .searchhint{font-size:10px;color:#0B5240;background:#E1F5EE;border:1px solid #BFE6D7;border-radius:5px;padding:1px 6px;margin-inline-start:5px;font-weight:700}
#intake-popup /* ===== SD strip — منقول 1:1 من التراكر (light theme) ===== */
  .sd-tog{width:100%;padding:7px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#F59E0B;font-family:"Tajawal",sans-serif;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;text-align:center}
#intake-popup .sd-tog:hover{background:rgba(245,158,11,.15)}
#intake-popup .sd-sec{background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:13px;margin-top:9px;display:none}
#intake-popup .sd-sec.open{display:block}
#intake-popup .tog-group{display:flex}
#intake-popup .tog-btn{padding:6px 12px;border-radius:8px;border:1.5px solid #94A3B8;background:#F8FAFC;color:#475569;font-family:"Tajawal",sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}
#intake-popup .tog-btn:hover{border-color:#C9930A;color:#C9930A}
#intake-popup .tog-btn.on{background:rgba(201,147,10,.15);border-color:#C9930A;color:#C9930A}
#intake-popup .tog-btn.on-green{background:rgba(34,197,94,.12);border-color:#22C55E;color:#22C55E}
#intake-popup .tog-btn.on-red{background:rgba(239,68,68,.12);border-color:#EF4444;color:#EF4444}
#intake-popup /* ===== dept chooser (اختيار الجهات — بدل الإضافة العشوائيّة) ===== */
  .deptmenu{position:absolute;top:calc(100% + 3px);inset-inline-start:0;background:#fff;border:1px solid var(--bd);border-radius:8px;box-shadow:0 12px 32px -14px rgba(0,0,0,.28);z-index:50;min-width:190px;max-height:210px;overflow:auto}
#intake-popup .deptmenu-s{padding:7px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff}
#intake-popup .deptmenu-s input{width:100%;padding:6px 9px;background:#F4F8F6;border:1px solid var(--bd);border-radius:6px;font-size:12px;font-family:inherit}
#intake-popup .deptmenu-i{padding:8px 11px;cursor:pointer;font-size:12px;color:var(--ink)}
#intake-popup .deptmenu-i:hover{background:#E1F5EE;color:#0B5240}
#intake-popup .deptmenu-i.none{color:var(--muted);cursor:default}
#intake-popup /* ===== أزرار ملوّنة (أهمية · شريحة · نوع) ===== */
  .cgrp{display:flex;gap:5px;width:100%}
#intake-popup .cbt{flex:1;border:1.5px solid transparent;border-radius:7px;padding:8px 3px;font-size:11.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:.15s;white-space:nowrap}
#intake-popup .cbt.sel{box-shadow:0 0 0 2px currentColor inset;font-weight:800}
#intake-popup .c-hi{background:rgba(239,68,68,.10);color:#C0392B}
#intake-popup .c-mid{background:rgba(245,158,11,.15);color:#B26A00}
#intake-popup .c-low{background:rgba(34,197,94,.13);color:#1d7a52}
#intake-popup .c-non{background:rgba(59,130,246,.12);color:#185FA5}
#intake-popup .c-b2c{background:rgba(71,85,105,.14);color:#334155}
#intake-popup /* رماديّ (slate) */
  .c-b2b{background:rgba(124,58,237,.14);color:#6D28D9}
#intake-popup /* بنفسجيّ */
  .c-b2g{background:rgba(192,38,211,.13);color:#A21CAF}
#intake-popup /* فوشيّ */
  .c-balagh{background:rgba(146,88,42,.15);color:#7C3E12}
#intake-popup /* بنّيّ */
  .c-shakwa{background:rgba(13,148,136,.15);color:#0F766E}
/* overlay plumbing: the app overlay holds the full-height mock card and scrolls it; above the cockpit top-bar.
   FIX4 — TOP-anchored (align to top, not centered) so a taller mode extends DOWNWARD, header stays put; and a
   FIXED width (identical in both modes — toggling وزارة⇄كول سنتر never changes the container width). */
#intake-popup{align-items:flex-start; overflow-y:auto;}
#intake-popup .wrap{width:min(980px,94vw); max-width:980px; margin:2.2vh auto 4vh;}