/* ============================================================
   محرّك السياسات («pe») — فوق طقم الكابتنات (captains.css): الجذر يحمل
   .capx .pex معاً. الدرج والمحرّر يُلحقان بـbody خارج الجذر فأصنافهما
   pe-* مستقلة وتعتمد على متغيّرات الألوان العامة وحدها.
   ============================================================ */
@keyframes peIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes peSlide{from{transform:translateX(-100%)}to{transform:none}}
@keyframes peFade{from{opacity:0}to{opacity:1}}
.pe-dim{color:var(--faint)}
.pe-mono{font-family:var(--fdisplay);direction:ltr;unicode-bidi:isolate;font-size:12px}

/* ---------- الرأس ---------- */
.pe-switch{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font:700 12.5px inherit;color:var(--muted);cursor:pointer;transition:.18s}
.pe-switch .dot{width:9px;height:9px;border-radius:50%;background:var(--faint);box-shadow:0 0 0 3px var(--surface-2)}
.pe-switch.on{color:var(--good);border-color:var(--good-line);background:var(--good-bg)}
.pe-switch.on .dot{background:var(--good);box-shadow:0 0 0 3px rgba(34,160,107,.18);animation:pePulse 1.8s ease-in-out infinite}
.pe-switch:disabled{cursor:not-allowed;opacity:.75}
@keyframes pePulse{50%{box-shadow:0 0 0 6px rgba(34,160,107,.08)}}
.pe-banner{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border-radius:14px;margin:0 0 14px;font-size:12.5px;line-height:1.85;background:var(--surface);border:1px solid var(--border-soft);color:var(--muted)}
.pe-banner svg{width:17px;height:17px;flex:none;margin-top:3px;color:var(--primary)}
.pe-banner b{color:var(--text)}
.pe-banner.warn{background:var(--warn-bg);border-color:var(--warn-line);color:var(--text)}
.pe-banner.warn svg{color:var(--warn)}

/* ---------- البطاقات ---------- */
.pe-group{margin:6px 0 20px}
.pe-gh{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:800 13.5px var(--fdisplay);color:var(--muted)}
.pe-gh span{font:700 11px var(--fdisplay);padding:1px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted)}
.pe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.pe-card{position:relative;display:flex;flex-direction:column;gap:9px;padding:14px 15px 12px;border-radius:18px;background:var(--surface);border:1px solid var(--border-soft);cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s;opacity:0;animation:peIn .45s var(--cx-ease) forwards;animation-delay:var(--d,0ms);outline:none}
.pe-card:hover,.pe-card:focus-visible{border-color:var(--primary-light,var(--border));box-shadow:0 8px 26px -14px rgba(90,50,140,.45);transform:translateY(-1px)}
.pe-card:focus-visible{box-shadow:0 0 0 3px rgba(124,77,189,.28)}
.pe-card.on::before{content:'';position:absolute;inset-block:14px;inset-inline-start:0;width:3px;border-radius:0 3px 3px 0;background:var(--primary)}
.pe-card.on.reward::before{background:var(--good)}
.pe-card.is-blocked{background:linear-gradient(180deg,var(--surface),var(--surface-2))}
.pe-l1{display:flex;align-items:flex-start;gap:10px}
.pe-ic{width:34px;height:34px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--surface-2);color:var(--primary)}
.pe-ic svg{width:17px;height:17px}
.pe-ic.lg{width:44px;height:44px;border-radius:14px}
.pe-ic.lg svg{width:21px;height:21px}
.pe-card.on .pe-ic{background:var(--primary);color:#fff}
.pe-card.on.reward .pe-ic{background:var(--good)}
.pe-t{flex:1;min-width:0}
.pe-t h4{margin:0 0 5px;font:800 14.5px var(--fdisplay);color:var(--text);line-height:1.45}
.pe-chips{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.pe-chip{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--border-soft);white-space:nowrap}
.pe-chip svg{width:11px;height:11px}
.pe-chip.auto{color:var(--primary);border-color:var(--border)}
.pe-chip.man{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-line)}
.pe-chip.live{color:var(--good);background:var(--good-bg);border-color:var(--good-line)}
.pe-chip.cust{color:var(--crit);background:var(--crit-bg);border-color:var(--crit-line)}
.pe-chip.src{opacity:.8}
.pe-l2{margin:0;font-size:12.8px;line-height:1.9;color:var(--text)}
.pe-esc{display:inline-flex;align-items:center;gap:5px;margin-inline-start:6px;font-size:11.5px;color:var(--warn);font-weight:700}
.pe-esc svg{width:12px;height:12px}
p.pe-esc{display:flex;margin:4px 0 0}
.pe-l3{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;padding-top:8px;border-top:1px dashed var(--border-soft);font-size:11.5px;color:var(--muted)}
.pe-l3 b{font-family:var(--fdisplay);color:var(--text)}
.pe-l3 .warn{color:var(--warn);font-weight:700}
.pe-l3.blocked{color:var(--warn);align-items:flex-start;flex-wrap:nowrap;gap:6px;line-height:1.75}
.pe-l3.blocked svg{width:14px;height:14px;flex:none;margin-top:3px}

/* مفتاح التفعيل */
.pe-tgl{--w:40px;position:relative;width:var(--w);height:23px;flex:none;border-radius:999px;border:0;background:var(--border);cursor:pointer;transition:background .2s;padding:0}
.pe-tgl i{position:absolute;top:3px;inset-inline-start:3px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:inset-inline-start .2s var(--cx-ease)}
.pe-tgl.on{background:var(--primary)}
.pe-card.reward .pe-tgl.on{background:var(--good)}
.pe-tgl.on i{inset-inline-start:20px}
.pe-tgl:disabled{cursor:not-allowed;opacity:.45}
.pe-tgl:focus-visible{outline:2px solid var(--primary);outline-offset:2px}

/* ---------- المعلّقات والتطبيقات ---------- */
.pe-held{border-color:var(--warn-line)}
.pe-held .panel-head h3{display:flex;align-items:center;gap:6px}
.pe-held .panel-head h3 svg{width:16px;height:16px;color:var(--warn)}
.pe-apps td{vertical-align:top}
.pe-apps .neg{color:var(--crit);font-family:var(--fdisplay)}
.pe-apps .pos{color:var(--good);font-family:var(--fdisplay)}
.pe-acts{white-space:nowrap}
.pe-acts .sm,.act.sm,.btn.sm{padding:4px 10px;font-size:11.5px}
.pe-acts .act svg{width:12px;height:12px}
.pe-k{display:inline-block;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:999px;border:1px solid var(--border-soft);background:var(--surface-2);color:var(--muted)}
.pe-k.ok{background:var(--good-bg);color:var(--good);border-color:var(--good-line)}
.pe-k.held{background:var(--warn-bg);color:var(--warn);border-color:var(--warn-line)}
.pe-k.waived{text-decoration:line-through;opacity:.85}
.pe-mini{display:block;font-size:10.5px;color:var(--faint);margin-top:3px}

/* ---------- الدرج ---------- */
.pe-drawer-ov{position:fixed;inset:0;z-index:900}
.pe-bd{position:absolute;inset:0;background:rgba(20,10,35,.38);animation:peFade .2s ease}
.pe-drawer{position:absolute;inset-block:0;inset-inline-end:0;width:min(640px,100vw);background:var(--bg,var(--surface));border-inline-start:1px solid var(--border);box-shadow:-20px 0 60px -30px rgba(40,10,70,.5);display:flex;flex-direction:column;animation:peSlide .26s var(--cx-ease)}
[dir="rtl"] .pe-drawer{animation-name:peSlideR}
@keyframes peSlideR{from{transform:translateX(-100%)}to{transform:none}}
.pe-drawer-ov.closing .pe-drawer{transform:translateX(-100%);transition:transform .2s ease}
.pe-drawer-ov.closing .pe-bd{opacity:0;transition:opacity .2s}
.pe-dh{display:flex;align-items:flex-start;gap:10px;padding:18px 20px 10px}
.pe-dh-t{display:flex;gap:12px;flex:1;min-width:0}
.pe-dh h2{margin:0 0 6px;font:800 18px var(--fdisplay);color:var(--text)}
.pe-x{width:34px;height:34px;flex:none;border-radius:10px;border:1px solid var(--border-soft);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--muted)}
.pe-x:hover{color:var(--text);border-color:var(--border)}
.pe-x svg{width:16px;height:16px}
.pe-x.sm{width:30px;height:30px}
.pe-drawer .pe-banner{margin:0 20px 10px}
.pe-dact{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 20px 12px}
.pe-dact .spacer,.pe-ed-f .spacer,.pe-cmp-f .spacer{flex:1}
.pe-tabs{margin:0 20px 0}
.pe-dbody{flex:1;overflow:auto;padding:16px 20px 28px}
.pe-expl{margin:0 0 14px;font-size:13px;line-height:2;color:var(--text);padding:12px 14px;border-radius:14px;background:var(--surface-2)}
.pe-h4{margin:18px 0 10px;font:800 12.5px var(--fdisplay);color:var(--muted);letter-spacing:.2px}
.pe-steps{list-style:none;margin:0;padding:0;display:grid;gap:2px;position:relative}
.pe-steps li{display:flex;gap:11px;align-items:flex-start;padding:9px 0;opacity:0;animation:peIn .4s var(--cx-ease) forwards;animation-delay:var(--d,0ms)}
.pe-steps li+li{border-top:1px dashed var(--border-soft)}
.pe-steps .si{width:28px;height:28px;flex:none;border-radius:9px;display:grid;place-items:center;background:var(--surface-2);color:var(--primary)}
.pe-steps .si svg{width:14px;height:14px}
.pe-steps b{display:block;font-size:11.5px;color:var(--muted);margin-bottom:1px}
.pe-steps span{font-size:13px;line-height:1.85;color:var(--text)}
.pe-bands{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.pe-band{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border-soft);background:var(--surface)}
.pe-band b{font-size:12.5px;color:var(--text)}
.pe-band span{font:800 13px var(--fdisplay);color:var(--primary)}
.pe-band small{grid-column:1/-1;font-size:11px;color:var(--faint);line-height:1.7}
.pe-band.ex span{color:var(--good)}
.pe-band.def{border-style:dashed}

/* معاينة الرسالة */
.pe-phone{border-radius:18px;padding:12px;background:linear-gradient(160deg,#2a1745,#4b2a78);margin-bottom:10px;max-width:360px}
.pe-phone.cust{background:linear-gradient(160deg,#173745,#2a5f78)}
.pe-notif{display:grid;gap:2px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.92);color:#1d1330;font-size:12.5px;line-height:1.7}
.pe-notif .app{display:flex;align-items:center;gap:5px;font-size:10.5px;color:#6b5a86}
.pe-notif .app svg{width:11px;height:11px}
.pe-notif b{font-size:13px}
.pe-wline{display:flex;justify-content:space-between;gap:8px;margin-top:8px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.12);color:#fff;font-size:12px}
.pe-wline b{font-family:var(--fdisplay);direction:ltr}
.pe-wline b.neg{color:#ffb3c1}.pe-wline b.pos{color:#9ff0c9}

/* المحاكاة */
.pe-simbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;font-size:12.5px;color:var(--muted)}
.pe-simnums{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-bottom:10px}
.pe-simnums>div{padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--border-soft);display:grid;gap:2px;animation:peIn .35s var(--cx-ease) both}
.pe-simnums b{font:800 17px var(--fdisplay);color:var(--text)}
.pe-simnums span{font-size:11px;color:var(--muted)}
.pe-simnums .hl{background:var(--primary);border-color:var(--primary)}
.pe-simnums .hl b,.pe-simnums .hl span{color:#fff}
.pe-bars{display:grid;gap:7px}
.pe-bars .r{display:grid;grid-template-columns:90px 1fr auto 26px;gap:8px;align-items:center;font-size:12px;color:var(--text)}
.pe-bars .tr{height:8px;border-radius:5px;background:var(--surface-2);overflow:hidden}
.pe-bars .tr i{display:block;height:100%;width:var(--w,0);background:var(--primary);border-radius:5px;transition:width .7s var(--cx-ease)}
.pe-bars b{font-family:var(--fdisplay);font-size:12px}
.pe-bars small{color:var(--faint);font-family:var(--fdisplay)}
.pe-top{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.pe-top li{display:grid;grid-template-columns:1fr auto auto;gap:10px;font-size:12.5px;padding:6px 0;border-bottom:1px dashed var(--border-soft)}
.pe-top span{color:var(--muted)}
.pe-top b{font-family:var(--fdisplay)}
.pe-caveats{margin-top:12px;display:grid;gap:6px}
.pe-caveats p{display:flex;gap:7px;margin:0;font-size:11.8px;line-height:1.8;color:var(--muted)}
.pe-caveats svg{width:14px;height:14px;flex:none;margin-top:3px;color:var(--warn)}

/* سجل التغييرات */
.pe-chlog{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pe-chlog li{padding:10px 12px;border-radius:12px;border:1px solid var(--border-soft);background:var(--surface)}
.pe-chlog .h{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12px;margin-bottom:6px}
.pe-chlog .h b{color:var(--primary)}
.pe-diff{width:100%;border-collapse:collapse;font-size:12px}
.pe-diff th{text-align:start;color:var(--muted);font-weight:700;padding:3px 0;width:32%;vertical-align:top}
.pe-diff td{padding:3px 4px;vertical-align:top;line-height:1.7}
.pe-diff .b{color:var(--crit);text-decoration:line-through;opacity:.8}
.pe-diff .a{color:var(--good);font-weight:700}
.pe-diff .ar{color:var(--faint);width:14px}

/* ---------- المحرّر ---------- */
.pe-ed-ov{position:fixed;inset:0;z-index:950;background:rgba(20,10,35,.45);display:grid;place-items:center;padding:16px;animation:peFade .2s ease}
.pe-ed{width:min(1120px,100%);height:min(760px,100%);background:var(--bg,var(--surface));border-radius:22px;border:1px solid var(--border);box-shadow:0 30px 80px -30px rgba(30,10,60,.6);display:flex;flex-direction:column;overflow:hidden;animation:peIn .28s var(--cx-ease)}
.pe-ed-h{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border-soft)}
.pe-ed-h h2{flex:1;margin:0;font:800 17px var(--fdisplay);color:var(--text)}
.pe-ed-main{flex:1;display:grid;grid-template-columns:190px 1fr 300px;min-height:0}
.pe-rail{display:grid;align-content:start;gap:4px;padding:16px 12px;border-inline-end:1px solid var(--border-soft);background:var(--surface-2)}
.pe-rs{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:11px;border:0;background:none;font:700 12.5px inherit;color:var(--muted);cursor:pointer;text-align:start}
.pe-rs .n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:800 11px var(--fdisplay);background:var(--surface);border:1px solid var(--border);color:var(--muted);flex:none}
.pe-rs .n svg{width:12px;height:12px}
.pe-rs.cur{background:var(--surface);color:var(--text);box-shadow:0 2px 10px -6px rgba(60,20,110,.4)}
.pe-rs.cur .n{background:var(--primary);border-color:var(--primary);color:#fff}
.pe-rs.done .n{background:var(--good-bg);border-color:var(--good-line);color:var(--good)}
.pe-form{overflow:auto;padding:18px 22px 26px}
.pe-form h3{margin:0 0 14px;font:800 16px var(--fdisplay);color:var(--text)}
.pe-f{margin-bottom:12px}
.pe-hint{font-size:11.5px;color:var(--faint);margin-top:4px;line-height:1.7}
.pe-row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 12px}
.pe-row3{display:grid;grid-template-columns:1fr 110px auto auto;gap:8px;align-items:center}
.pe-chk{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--text);cursor:pointer;margin:4px 0 10px}
.pe-chk input{width:16px;height:16px;accent-color:var(--primary)}
.pe-sep{height:1px;background:var(--border-soft);margin:10px 0 14px}
.pe-bh{display:grid;gap:2px;margin:6px 0 10px}
.pe-bh b{font-size:13px;color:var(--text)}
.pe-bandrow{padding:10px 12px;border-radius:14px;border:1px solid var(--border-soft);background:var(--surface);margin-bottom:8px;animation:peIn .3s var(--cx-ease)}
.pe-cities{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.pe-city{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 10px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;font-weight:700;color:var(--text)}
.pe-city button{width:18px;height:18px;border-radius:50%;border:0;background:var(--border);color:var(--text);cursor:pointer;font-size:12px;line-height:1;padding:0}
.pe-city button:hover{background:var(--crit);color:#fff}
.pe-addcity{width:auto;min-width:180px;max-width:260px;padding:5px 8px;font-size:12px}
.pe-live{border-inline-start:1px solid var(--border-soft);padding:16px;overflow:auto;background:var(--surface-2)}
.pe-live .pe-h4{margin-top:0}
.pe-livecard{padding:12px 14px;border-radius:14px;background:var(--surface);border:1px solid var(--border-soft);margin-bottom:12px}
.pe-livecard b{font:800 14px var(--fdisplay);color:var(--text)}
.pe-livecard p{margin:6px 0 0;font-size:12.5px;line-height:1.85;color:var(--text)}
.pe-ed-f{display:flex;align-items:center;gap:8px;padding:12px 20px;border-top:1px solid var(--border-soft)}

/* ---------- بطاقة صفحة البلاغ ---------- */
.pe-cmp-card{border-color:var(--border)}
.pe-cmp .big{font:800 20px var(--fdisplay);color:var(--text)}
.pe-cmp .big small{font-size:13px;color:var(--warn)}
.pe-cmp ul{margin:8px 0;padding-inline-start:18px;font-size:12.5px;line-height:1.9;color:var(--muted)}
.pe-cmp .pe-banner{margin:8px 0}
.pe-cmp-f{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}
.pe-cmp.done{display:flex;gap:8px;align-items:center;font-weight:700;color:var(--text)}

@media(max-width:900px){
  .pe-ed-main{grid-template-columns:1fr}
  .pe-rail{display:flex;overflow-x:auto;border-inline-end:0;border-bottom:1px solid var(--border-soft);padding:10px}
  .pe-rs{white-space:nowrap}
  .pe-live{display:none}
  .pe-row3{grid-template-columns:1fr 90px}
  .pe-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.pe-card,.pe-steps li,.pe-drawer,.pe-ed,.pe-bandrow,.pe-simnums>div{animation:none!important;opacity:1}.pe-switch.on .dot{animation:none}}

/* أيقونات الأزرار خارج جذر .capx (الدرج والمحرّر) ورأس الصفحة — بلا هذا
   تتمدّد SVG بلا أبعاد لتملأ الزر */
.pe-drawer .act,.pe-drawer .btn,.pe-ed .act,.pe-ed .btn,.pex .cx-head-actions .btn,.pe-cmp .btn,
.pe-drawer .seg,.pe-ed .seg{display:inline-flex;align-items:center;gap:6px}
.pe-drawer .act svg,.pe-drawer .btn svg,.pe-ed .act svg,.pe-ed .btn svg,.pex .cx-head-actions .btn svg,.pe-cmp .btn svg,
.pe-drawer .seg svg,.pe-ed .seg svg,.pe-simbar .act svg{width:15px;height:15px;flex:none}

/* حقول المحرّر — يُلحق بـbody خارج .content فلا ترثه أنماط الحقول العامة */
.pe-ed .hr-input{box-sizing:border-box;width:100%;padding:9px 12px;border-radius:11px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:600 13px var(--fbody,inherit);transition:border-color .15s,box-shadow .15s}
.pe-ed textarea.hr-input{resize:vertical;line-height:1.8}
.pe-ed .hr-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(124,77,189,.18)}
.pe-ed .hr-input:disabled{opacity:.55}
.pe-ed select.hr-input{cursor:pointer}
.pe-ed .pe-addcity{width:auto;padding:6px 10px;font-size:12px}
.pe-ed .fld-lbl{display:block;margin-bottom:6px}

/* ============================================================
   هيكلة «راصد» (تصميم المالك): تبويبات الفئة، «محرك العقوبات»، وبطاقة
   كاملة العرض لكل سياسة تُظهر كل ما تفعله دون فتح أي لوحة.
   ============================================================ */
.pe-audtabs{margin:4px 0 14px}
.pe-tabn{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;margin-inline-start:6px;border-radius:999px;background:var(--surface-2);font:800 11px var(--fdisplay);color:var(--muted)}
.cx-tab.active .pe-tabn{background:var(--primary);color:#fff}
.pe-sechead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:6px 0 14px}
.pe-sechead h2{margin:0 0 4px;font:800 17px var(--fdisplay);color:var(--text)}
.pe-sechead p{margin:0;font-size:12.5px;color:var(--muted);line-height:1.8;max-width:760px}
.pe-sechead .policy-search{min-width:240px}

.pe-row{display:flex;flex-direction:column;gap:10px;padding:16px 18px 14px;margin-bottom:14px;border-radius:20px;background:var(--surface);border:1px solid var(--border-soft);opacity:0;animation:peIn .45s var(--cx-ease) forwards;animation-delay:var(--d,0ms);position:relative}
.pe-row.on{border-color:var(--border)}
.pe-row.on::before{content:'';position:absolute;inset-block:18px;inset-inline-start:0;width:3px;border-radius:0 3px 3px 0;background:var(--primary)}
.pe-row-h{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pe-row-t{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pe-row-t h3{margin:0;font:800 16.5px var(--fdisplay);color:var(--text)}
.pe-row-ctl{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pe-chip.warnc{color:var(--warn);background:var(--warn-bg);border-color:var(--warn-line)}
.pe-segs{display:inline-flex;padding:3px;border-radius:999px;border:1px solid var(--border-soft);background:var(--surface-2)}
.pe-seg{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border:0;border-radius:999px;background:none;font:700 12px inherit;color:var(--muted);cursor:pointer;transition:.15s}
.pe-seg svg{width:12px;height:12px}
.pe-seg.on{background:var(--surface);color:var(--primary);box-shadow:0 1px 4px rgba(40,10,70,.15)}
.pe-seg:disabled{cursor:default;opacity:.7}
.pe-seg:not(:disabled):not(.on):hover{color:var(--text)}
.pe-pills{display:flex;flex-wrap:wrap;gap:7px}
.pe-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:12px;font-weight:700;color:var(--text)}
.pe-pill b{font-family:var(--fdisplay);color:var(--crit);font-weight:800}
.pe-pill.good{border-color:var(--good-line);background:var(--good-bg);color:var(--good)}
.pe-pill.good b{color:var(--good)}
.pe-pill.crit{border-color:var(--crit-line);background:var(--crit-bg);color:var(--crit)}
.pe-pill.warn{border-color:var(--warn-line);background:var(--warn-bg);color:var(--warn)}
.pe-pill.ai{border-color:var(--good-line);color:var(--good)}
.pe-pill.outline{border-color:var(--text);background:none}
.pe-box{padding:10px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-soft);font-size:12.8px;line-height:1.95;color:var(--muted)}
.pe-box b{color:var(--text)}
.pe-box.warn{background:var(--warn-bg);border-color:var(--warn-line);color:var(--text)}
.pe-box.warn b{color:var(--warn)}
.pe-box.msg{background:var(--good-bg);border:1px dashed var(--good-line);color:var(--text)}
.pe-box.msg>div{margin-top:3px}
.pe-box.msg span{color:var(--good);font-weight:800;margin-inline-end:4px}
.pe-box.msg small{display:block;margin-top:3px;color:var(--muted);font-size:11.5px}
.pe-row-f{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--border-soft)}
.pe-row-stats{font-size:12px;color:var(--muted)}
.pe-row-stats b{color:var(--text);font-family:var(--fdisplay)}
.pe-row-stats .warn{color:var(--warn);font-weight:700}
.pe-row-btns{display:flex;gap:6px}
.pe-row-btns .act{display:inline-flex;align-items:center;gap:5px}
.pe-row-btns .act svg{width:13px;height:13px}
.pex .cx-head-actions .act{display:inline-flex;align-items:center;gap:6px}
.pex .cx-head-actions .act svg{width:14px;height:14px}

/* نافذة التعديل: نموذج واحد متصل */
.pe-ed.pe-ed1{width:min(760px,100%);height:min(880px,100%)}
.pe-ed-h small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.pe-ed-h>div{flex:1}
.pe-ed1 .pe-form{flex:1;overflow:auto;padding:18px 22px 26px}
.pe-ed1 .pe-f{margin-bottom:12px}
.pe-sec{padding:14px 14px 4px;border-radius:14px;border:1px solid var(--border-soft);background:var(--surface);margin:4px 0 14px}
.pe-sec>h4{margin:0 0 10px;font:800 13px var(--fdisplay);color:var(--text)}
.pe-sec.pe-green{background:var(--good-bg);border-color:var(--good-line)}
.pe-sec.pe-dark{background:var(--surface-2)}
.pe-sec.pe-outline{border-color:var(--text);background:none}
.pe-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.pe-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}
.pe-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 12px}
.pe-sec.pe-grid2,.pe-sec.pe-grid3{padding-bottom:4px}
.pe-band-ed{padding:12px;border-radius:12px;border:1px solid var(--border-soft);background:var(--surface-2);margin-bottom:10px}
.pe-band-x{display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
.pe-band-x .act{align-self:flex-start;display:inline-flex;align-items:center;gap:4px}
.pe-band-x .act svg{width:12px;height:12px}
.pe-regions{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin:2px 0 8px;font-size:11.5px;color:var(--muted)}
.pe-rg{padding:3px 9px;border-radius:999px;border:1px dashed var(--border);background:none;font:700 11px inherit;color:var(--muted);cursor:pointer}
.pe-rg:hover{color:var(--primary);border-color:var(--primary)}
.pe-citychips{display:flex;flex-wrap:wrap;gap:6px;max-height:190px;overflow:auto;padding:2px}
.pe-cc{padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font:700 12px inherit;color:var(--text);cursor:pointer;transition:.12s}
.pe-cc:hover:not(:disabled){border-color:var(--primary)}
.pe-cc.on{background:var(--good-bg);border-color:var(--good);color:var(--good);box-shadow:inset 0 0 0 1px var(--good)}
.pe-cc:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}
.pe-ed .pe-ed-f .btn{display:inline-flex;align-items:center;gap:6px}
@media(max-width:760px){.pe-grid2,.pe-grid3,.pe-grid4{grid-template-columns:1fr}.pe-row-h{align-items:flex-start}}
/* الخيار المختار في «المكتب/وكيل AI» و«تلقائي/يدوي» — واضح في الوضعين كما في التصميم */
.pe-seg.on{background:var(--good-bg);color:var(--good);box-shadow:inset 0 0 0 1px var(--good-line)}

/* نوافذ التأكيد (hrModal، طبقة 120) كانت تُفتح تحت المحرّر (950) والدرج (900)
   فتبدو الأزرار كأنها لا تستجيب — ترتفع فوقهما حين يكون أحدهما مفتوحاً */
body:has(#peEditor) .hr-modal-ov,body:has(#peDrawer) .hr-modal-ov{z-index:1000}