/* ============================================================
   باقات المشاوير — أنماط القسم (packages.js). البادئة pk-.
   على متغيّرات app.css نفسها، وألوان الحالات من التصميم المعتمد
   (مكتمل أخضر، تخطٍّ ذهبي، غياب أحمر، اليوم أزرق).
   ============================================================ */
:root{
  --pk-blue:#3d7fd1; --pk-blue-bg:#e6effb; --pk-gold:#c9922a; --pk-gold-bg:#fbf1dc;
  --pk-green:#1f9d75; --pk-red:#c23a63; --pk-future:#e9e1f6; --pk-ph:#fdfbfe; --pk-ph-line:#eee6f4;
  --pk-ph-soft:#f5effa; --pk-ph-text:#2a1838; --pk-ph-muted:#7d6f8c; --pk-ease:cubic-bezier(.16,1,.3,1);
}
:root[data-theme="dark"]{
  --pk-blue:#6aa8ff; --pk-blue-bg:#16263f; --pk-gold:#e9b44c; --pk-gold-bg:#3a2e14;
  --pk-green:#3fcb7e; --pk-red:#ff6b7f; --pk-future:#2f2240;
}

.badge-new{margin-inline-start:6px;font-size:9.5px;font-weight:900;background:#e9b44c;color:#3a2a05;border-radius:6px;padding:1px 6px;vertical-align:middle}

.pk .pk-tabs{margin-bottom:16px}
.pk-faint{color:var(--faint);font-size:11.5px;font-weight:600}
.pk-crit{color:var(--crit)}
.pk-mono{font-family:ui-monospace,Consolas,monospace;letter-spacing:.5px}
.pk-nowrap{white-space:nowrap}
.pk-sp{flex:1}
.pk-mask{color:var(--faint);font-weight:700}
.pk-arrow{color:var(--primary-light);margin:0 2px}
.pk-link{cursor:pointer;color:var(--primary);text-decoration:none}
.pk-link:hover{text-decoration:underline}
.pk-cnt{margin-inline-start:6px;font-size:11px;font-weight:800;background:var(--warn-bg);color:var(--warn);border-radius:8px;padding:2px 8px}
.pk-badge{font-size:10px;font-weight:900;background:linear-gradient(90deg,#e9b44c,#f3cf7a);color:#4a3205;border-radius:99px;padding:1px 8px}
.pk-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 16px;color:var(--muted);text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}
.pk-empty svg{width:28px;height:28px;color:var(--primary-light)}
.pk-empty span{font-size:12.5px;color:var(--faint)}
.pk-warn{background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--text);border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.9;margin-top:8px}
.pk-warn.wide{grid-column:1/-1}
.pk-mock-sw{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--warn);background:var(--warn-bg);border:1px dashed var(--warn-line);border-radius:9px;padding:6px 10px;cursor:pointer}
.pk-mock-banner{background:repeating-linear-gradient(135deg,var(--warn-bg),var(--warn-bg) 12px,transparent 12px,transparent 24px);border:1px solid var(--warn-line);color:var(--text);border-radius:12px;padding:9px 14px;font-size:12.5px;font-weight:700;margin-bottom:12px}

/* حركة الظهور كما في التصميم (rise) — تحترم تقليل الحركة */
.pk-rise{animation:pkRise .5s var(--pk-ease) both;animation-delay:var(--d,0ms)}
@keyframes pkRise{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.pk tbody tr{animation:pkRise .45s var(--pk-ease) both;animation-delay:var(--d,0ms)}
@media (prefers-reduced-motion:reduce){.pk-rise,.pk tbody tr,.pk-timeline i,.pk-sla i,.pk-shine::after,.pk-strip i,.pk-timeline i.live{animation:none!important;transition:none!important}}

.pk-filter .chip{font-size:12px;font-weight:700;padding:6px 13px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-family:inherit}
.pk-filter .chip.active{background:var(--primary);border-color:var(--primary);color:#fff}
.pk-filter .chip b{margin-inline-start:4px;font-weight:800}
.pk-inline{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:var(--muted)}
.pk-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;font-size:12.5px;color:var(--muted)}
.pk-count{margin-top:8px;text-align:center}
.pk-mini{display:flex;gap:6px;flex-wrap:wrap}
.pk-alert-row td:first-child{box-shadow:inset 3px 0 0 var(--crit)}
.pk-flash td{animation:pkFlash 1.4s ease}
@keyframes pkFlash{0%,60%{background:var(--warn-bg)}100%{background:transparent}}

/* ---------- النظرة العامة ---------- */
.pk-kpis{margin-bottom:14px}
.pk-grid2{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin-top:14px}
.pk-box .panel-head .act{margin-inline-start:auto}
.pk-box .panel-head .pk-cnt{margin-inline-start:6px}
.pk-today .panel-head .act{margin-inline-start:auto}
.pk-today .hint{margin-inline-start:8px}
.pk-strip{display:flex;height:14px;border-radius:99px;overflow:hidden;background:var(--pk-future);gap:2px}
.pk-strip i{display:block;height:100%;width:0;transition:width .9s var(--pk-ease)}
.pk-strip i.completed,.pk-legend i.completed{background:var(--pk-green)}
.pk-strip i.active,.pk-legend i.active{background:var(--pk-blue)}
.pk-strip i.risk,.pk-legend i.risk{background:var(--pk-gold)}
.pk-strip i.ns,.pk-legend i.ns{background:var(--crit)}
.pk-strip i.noshow,.pk-legend i.noshow{background:var(--pk-red);opacity:.65}
.pk-strip i.left,.pk-legend i.left{background:var(--pk-future)}
.pk-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:12px;color:var(--muted);font-weight:600}
.pk-legend span{display:inline-flex;align-items:center;gap:6px}
.pk-legend i{width:11px;height:11px;border-radius:4px;display:inline-block;background:var(--pk-future)}
.pk-legend b{color:var(--text)}
.pk-legend.sm{gap:10px;font-size:11px;margin:0 0 8px}

/* مهلة حيّة بنقطة نابضة (التصميم: .sla) */
.pk-sla{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--pk-gold);direction:ltr}
.pk-sla i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pkBlink 1.4s infinite}
.pk-sla.urgent,.pk-sla.over{color:var(--crit)}
.pk-sla.over i{animation:none}
@keyframes pkBlink{0%,100%{opacity:.25}50%{opacity:1}}

/* ---------- المحرّر ---------- */
.pk-editor{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.pk-ed-form{display:flex;flex-direction:column;gap:14px;min-width:0}
.pk-ftabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.pk-ftabs button{display:flex;flex-direction:column;gap:2px;text-align:start;padding:10px 14px;border-radius:12px;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;font-family:inherit;color:var(--muted);transition:.2s}
.pk-ftabs button b{font-size:13.5px;color:var(--text)}
.pk-ftabs button small{font-size:11px}
.pk-ftabs button.on{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 10px 24px -14px var(--primary)}
.pk-ftabs button.on b{color:#fff}
.pk-ftabs button:disabled{opacity:.45;cursor:not-allowed}
.pk-ed-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--faint);font-weight:700;margin:-4px 0 10px}
.pk-sec{border-top:1px solid var(--border-soft);padding-top:14px;margin-top:14px}
.pk-sec:first-of-type{border-top:0}
.pk-sec h4{margin:0 0 10px;font-size:14px;font-weight:900;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pk-sec h4 small{font-size:11.5px;color:var(--faint);font-weight:700}
.pk-lock{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:var(--warn);background:var(--warn-bg);border-radius:8px;padding:2px 8px}
.pk-lock svg{width:12px;height:12px}
.pk-locked .pk-fld{opacity:.72}
.pk-sched-box .pk-sched{border:1px dashed var(--primary-light);border-radius:16px;padding:12px}
.pk-f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pk-fld{display:flex;flex-direction:column;gap:5px;min-width:0}
.pk-fld.wide{grid-column:1/-1}
.pk-fld .l{font-size:11.5px;font-weight:800;color:var(--muted)}
.pk-fld .req{color:var(--crit)}
.pk-fld small{font-size:11px;color:var(--faint);line-height:1.7}
.pk-in{display:flex;align-items:center;gap:8px}
.pk-in .hr-input{flex:1;min-width:0}
.pk-in em{font-style:normal;font-size:12px;color:var(--faint);font-weight:700;white-space:nowrap}
.pk-in.two .hr-input{flex:1}
.pk-fld.big .hr-input{font-size:18px;font-weight:900;color:var(--pk-gold)}
.pk-seg{display:inline-flex;flex-wrap:wrap;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:3px;gap:2px}
.pk-seg button{border:0;background:none;padding:7px 12px;border-radius:9px;font-family:inherit;font-size:12px;font-weight:800;color:var(--muted);cursor:pointer;transition:.18s}
.pk-seg button[aria-pressed="true"]{background:var(--surface);color:var(--primary);box-shadow:0 3px 10px rgba(124,77,189,.16)}
.pk-seg button:disabled{opacity:.5;cursor:not-allowed}
.pk-seg.sm button{padding:6px 10px;font-size:11.5px}
.pk-chips,.pk-wk{display:flex;flex-wrap:wrap;gap:6px}
.pk-chips button,.pk-wk button{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:6px 11px;font-family:inherit;font-size:12px;font-weight:800;color:var(--muted);cursor:pointer;transition:.18s}
.pk-chips button[aria-pressed="true"],.pk-wk button[aria-pressed="true"]{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 6px 12px -8px var(--primary)}
.pk-wk button:disabled{opacity:.35;cursor:not-allowed}
.pk-sw{display:inline-flex;align-items:center;gap:8px;border:0;background:none;padding:4px 0;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--text);cursor:pointer}
.pk-sw i{width:38px;height:22px;border-radius:99px;background:var(--border);position:relative;transition:.2s;flex:none}
.pk-sw i::after{content:"";position:absolute;top:3px;inset-inline-end:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:.2s var(--pk-ease);box-shadow:0 1px 3px rgba(0,0,0,.2)}
.pk-sw.on i{background:var(--good)}
.pk-sw.on i::after{inset-inline-end:19px}
.pk-sw:disabled{opacity:.55;cursor:not-allowed}
.pk-perks{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.pk-perk{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;width:100%}
.pk-bands{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.pk-band{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:700}
.pk-band .hr-input{width:84px}
.pk-cbox .pk-csearch{max-width:200px}
.pk-provs{display:flex;flex-wrap:wrap;gap:4px 18px}
.pk-soon{opacity:.55}
.pk-tiers{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.pk-tier{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;border:1.5px solid var(--border);border-radius:14px;padding:8px 6px 9px;cursor:pointer;background:var(--surface);transition:.22s var(--pk-ease)}
.pk-tier input{position:absolute;top:8px;inset-inline-start:8px;accent-color:var(--primary)}
.pk-tier img{width:100%;height:42px;object-fit:contain;transition:transform .3s var(--pk-ease)}
.pk-tier b{font-size:12px;color:var(--muted)}
.pk-tier small{font-size:10.5px;color:var(--faint)}
.pk-tier.on{border-color:var(--primary);background:var(--surface-2);transform:translateY(-2px);box-shadow:0 8px 16px -10px var(--primary)}
.pk-tier.on b{color:var(--primary)}
.pk-tier.on img{transform:scale(1.08)}
.pk-comm{margin-top:10px;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:12px;padding:10px 12px}
.pk-comm-h{display:flex;align-items:center;gap:6px;font-size:12.5px;margin-bottom:6px;flex-wrap:wrap}
.pk-comm-h svg{width:14px;height:14px;color:var(--primary)}
.pk-comm table{width:100%;border-collapse:collapse;font-size:12px}
.pk-comm th,.pk-comm td{padding:5px 8px;text-align:right;border-bottom:1px solid var(--border-soft)}
.pk-ed-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:sticky;bottom:0;background:var(--bg);padding:10px 0;z-index:2}
.pk-ed-err{color:var(--crit);font-size:12.5px;font-weight:700}
.pk-shine{position:relative;overflow:hidden}
.pk-shine::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(120%);animation:pkShine 3.2s ease infinite}
@keyframes pkShine{0%{transform:translateX(120%)}60%,100%{transform:translateX(-120%)}}

/* معاينة بطاقة العميلة — هاتف فاتح دائماً كما في التصميم */
.pk-preview{position:sticky;top:76px}
.pk-cap{font-size:12.5px;font-weight:800;color:var(--primary);text-align:center;margin-bottom:8px}
.pk-phone{background:var(--pk-ph);color:var(--pk-ph-text);border-radius:40px;border:9px solid #0c0711;box-shadow:0 30px 60px -30px rgba(0,0,0,.55);overflow:hidden}
.pk-notch{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:11px;font-weight:800;color:var(--pk-ph-text)}
.pk-notch i{width:84px;height:20px;background:#0c0711;border-radius:20px;display:block}
.pk-scr{padding:4px 14px 16px}
.pk-hero{border-radius:18px;padding:12px 14px;background:linear-gradient(135deg,#5a2a8c,#8e5bc4 55%,#b98ae6);color:#fff;display:flex;flex-direction:column}
.pk-hero b{font-size:15px;font-weight:900}
.pk-hero small{font-size:11px;opacity:.85}
.pk-card{border:1px solid var(--pk-ph-line);border-radius:18px;padding:14px;margin-top:14px;background:#fff;position:relative;animation:pkRise .6s var(--pk-ease) both}
.pk-card-badge{position:absolute;top:-9px;inset-inline-start:14px;background:linear-gradient(90deg,#e9b44c,#f3cf7a);color:#4a3205;font-size:10.5px;font-weight:900;padding:3px 10px;border-radius:99px}
.pk-card h4{margin:2px 0;font-size:15px;font-weight:900}
.pk-card .sub{font-size:11.5px;color:var(--pk-ph-muted);line-height:1.7}
.pk-card .price{display:flex;align-items:baseline;gap:8px;margin-top:8px;flex-wrap:wrap}
.pk-card .price b{font-size:21px;font-weight:900;color:#5a2a8c;display:inline-block}
.pk-card .save{font-size:11px;font-weight:800;color:#1d7a4a;background:#e8f7ef;border-radius:8px;padding:2px 8px}
.pk-card .perks{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pk-card .perks span{font-size:10.5px;font-weight:700;background:var(--pk-ph-soft);color:#5a2a8c;border-radius:8px;padding:3px 8px}
.pk-card-tiers{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pk-card-tiers span{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:var(--pk-ph-muted);border:1px solid var(--pk-ph-line);border-radius:9px;padding:2px 7px 2px 4px}
.pk-card-tiers img{width:30px;height:18px;object-fit:contain}
.pk-tamara{display:flex;align-items:center;gap:8px;margin-top:10px;background:#fff;border:1px solid #f1e3d7;border-radius:14px;padding:9px 10px;font-size:12px;font-weight:700;color:var(--pk-ph-text)}
.pk-tamara .lg{background:linear-gradient(90deg,#ff9f7a,#f27ba1);color:#fff;border-radius:8px;padding:2px 8px;font-weight:900;font-size:11px}
.pk-tamara .bars{display:flex;gap:4px;margin-inline-start:auto}
.pk-tamara .bars i{width:14px;height:6px;border-radius:4px;background:#f27ba1;opacity:.35}
.pk-tamara .bars i:first-child{opacity:1}
.pk-policy{font-size:11px;color:var(--pk-ph-muted);line-height:1.8;margin-top:8px}
.pk-scr .pk-warn{color:var(--pk-ph-text)}

/* ---------- تفاصيل الاشتراك ---------- */
.pk-drawer .drawer-head{align-items:flex-start}
.pk-dr-acts{margin-inline-start:auto;display:flex;gap:8px;align-items:center}
.pk-dr-acts .drawer-close{margin:0}
.pk-sub-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}
.pk-sub-head h2,.pk-drawer h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pk-sub-head h2{margin:0 0 4px;font-size:17px;font-weight:900}
.pk-sub-head .sub{font-size:12px;color:var(--faint);font-weight:600;margin-top:3px}
.pk-tier-ic{width:34px;height:20px;object-fit:contain;vertical-align:middle}
.pk-actbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.pk-money{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:12px}
.pk-money div{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:12px;padding:9px 11px;display:flex;flex-direction:column;gap:2px}
.pk-money small{font-size:10.5px;color:var(--faint);font-weight:700}
.pk-money b{font-size:15px;font-variant-numeric:tabular-nums}
.pk-money .hl{background:var(--primary);border-color:var(--primary);color:#fff}
.pk-money .hl small{color:rgba(255,255,255,.8)}
.pk-money.sm b{font-size:14px}
.pk-counts{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--muted);font-weight:600;margin-bottom:14px;align-items:center}
.pk-counts b{color:var(--text);margin-inline-start:3px}
.pk-counts .hl b{color:var(--primary)}
.pk-dsec h4{display:flex;align-items:center;gap:4px}
.pk-timeline{display:flex;flex-wrap:wrap;gap:3px;margin:6px 0 10px}
.pk-timeline i,.pk-legend i.tl{width:13px;height:22px;border-radius:5px;background:var(--pk-future);display:block;cursor:pointer;animation:pkRise .4s var(--pk-ease) both;transition:transform .15s}
.pk-legend i.tl{width:10px;height:14px;cursor:default;animation:none}
.pk-timeline i:hover{transform:translateY(-2px) scale(1.12)}
.pk-timeline i.c,.pk-legend i.tl.c{background:var(--pk-green)}
.pk-timeline i.s,.pk-legend i.tl.s{background:var(--pk-gold)}
.pk-timeline i.n,.pk-legend i.tl.n{background:var(--pk-red)}
.pk-timeline i.x,.pk-legend i.tl.x{background:transparent;border:2px solid var(--crit)}
.pk-timeline i.v,.pk-legend i.tl.v{background:repeating-linear-gradient(45deg,var(--pk-future),var(--pk-future) 3px,transparent 3px,transparent 6px);border:1px solid var(--border)}
.pk-timeline i.w{background:var(--pk-gold);opacity:.55}
.pk-timeline i.t,.pk-legend i.tl.t{background:var(--pk-blue);box-shadow:0 0 0 2px var(--pk-blue-bg)}
.pk-timeline i.live{animation:pkPulse 1.6s ease infinite}
.pk-timeline i.risk{outline:2px solid var(--crit);outline-offset:1px}
.pk-timeline i.sub{border-radius:5px 5px 9px 9px}
@keyframes pkPulse{0%,100%{box-shadow:0 0 0 2px var(--pk-blue-bg)}50%{box-shadow:0 0 0 5px var(--pk-blue-bg)}}
.pk-legs-det summary,.pk-calls summary{cursor:pointer;font-size:12px;font-weight:800;color:var(--primary);padding:4px 0}
.pk-today-row td{background:var(--pk-blue-bg)}
.pk-pay,.pk-ref{border:1px solid var(--border);border-radius:14px;padding:10px 12px;margin-bottom:8px;background:var(--surface)}
.pk-pay-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pk-pay-m{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11.5px;color:var(--muted);margin-top:6px}
.pk-pay-m b{color:var(--text)}
.pk-calls table{width:100%;border-collapse:collapse;font-size:11.5px;margin-top:4px}
.pk-calls th,.pk-calls td{padding:5px 8px;text-align:right;border-bottom:1px solid var(--border-soft)}
.pk-formula{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pk-formula span{display:flex;flex-direction:column;background:var(--surface-2);border-radius:10px;padding:5px 9px;min-width:92px}
.pk-formula small{font-size:10px;color:var(--faint);font-weight:700}
.pk-formula b{font-size:12.5px;font-variant-numeric:tabular-nums}
.pk-formula-eq{width:100%;font-size:11.5px;color:var(--muted);font-weight:700}
.pk-refs{display:flex;flex-direction:column}
.pk-events{display:flex;flex-direction:column;gap:2px;border-inline-start:2px solid var(--border);padding-inline-start:12px}
.pk-ev{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;padding:5px 0;position:relative}
.pk-ev .dot{width:10px;height:10px;border-radius:50%;background:var(--primary-light);margin-inline-start:-18px;margin-top:4px;flex:none;border:2px solid var(--surface)}
.pk-ev .dot.customer{background:var(--pk-blue)}.pk-ev .dot.captain{background:var(--pk-gold)}.pk-ev .dot.provider{background:#f27ba1}.pk-ev .dot.system{background:var(--faint)}
.pk-ev .pk-faint{display:block}
.pk-ev code{display:block;font-size:10.5px;color:var(--faint);direction:ltr;text-align:left;white-space:pre-wrap;word-break:break-all}
.pk-cprev{margin-top:10px}
.pk-cands{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.pk-cand{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:12px;padding:8px 10px;cursor:pointer}
.pk-cand:has(input:checked){border-color:var(--primary);background:var(--surface-2)}
.pk-cand small{display:block;font-size:11px;color:var(--faint)}
.pk-inel{display:flex;flex-direction:column;gap:6px;font-size:12px}
.pk-inel div{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.pk-call{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.pk-call .btn{font-size:16px}

/* ---------- السياسات ---------- */
.pk-acc{border:1px solid var(--border);border-radius:16px;margin-top:10px;overflow:hidden;background:var(--surface)}
.pk-acc summary{padding:12px 14px;font-weight:900;font-size:13.5px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}
.pk-acc summary::-webkit-details-marker{display:none}
.pk-acc summary::after{content:"⌄";margin-inline-start:auto;color:var(--faint);transition:transform .2s}
.pk-acc[open] summary::after{transform:rotate(180deg)}
.pk-acc .pb{padding:6px 14px 14px;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;background:var(--surface-2)}
.pk-acc .pv{background:var(--surface);border:1px solid var(--border-soft);border-radius:12px;padding:9px 11px;display:flex;flex-direction:column;gap:5px}
.pk-acc .pv small{color:var(--faint);font-size:11px;font-weight:800}
.pk-acc .pv .d{font-size:11px;color:var(--muted);line-height:1.7}
.pk-acc .pv .hr-input{max-width:140px}
.pk-audit-line{font-size:10.5px;color:var(--primary-light);font-weight:700}
.pk-audit{padding:8px 14px 14px;display:flex;flex-direction:column;gap:6px;font-size:12px}
.pk-hol{padding:10px 14px 14px}
.pk-hol table{width:100%;border-collapse:collapse;font-size:12.5px}
.pk-hol th,.pk-hol td{padding:7px 8px;text-align:right;border-bottom:1px solid var(--border-soft)}
.pk-hol-add{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.pk-hol-add .hr-input{width:auto}

/* ---------- حسابات الدفع بالتقسيط ---------- */
.pk-accs{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}
.pk-acc-card{border:1px solid var(--border);border-radius:18px;padding:14px;background:var(--surface);display:flex;flex-direction:column;gap:10px;position:relative}
.pk-acc-card.active{border-color:var(--good-line);box-shadow:inset 0 3px 0 var(--good)}
.pk-acc-card.draining{border-color:var(--warn-line);box-shadow:inset 0 3px 0 var(--warn)}
.pk-acc-card.retired{opacity:.7}
.pk-acc-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pk-acc-h b{font-size:14px}
.pk-acc-h small{display:block;font-size:11.5px;color:var(--faint)}
.pk-logo{display:inline-grid;place-items:center;min-width:64px;height:30px;border-radius:9px;color:#fff;font-weight:900;font-size:12px;text-transform:lowercase;padding:0 8px}
.pk-logo.tamara{background:linear-gradient(90deg,#ff9f7a,#f27ba1)}
.pk-logo.tabby{background:#3bffc1;color:#0b1e17}
.pk-acc-m{display:flex;flex-wrap:wrap;gap:8px}
.pk-acc-m span{display:flex;flex-direction:column;background:var(--surface-2);border-radius:10px;padding:6px 10px}
.pk-acc-m small{font-size:10.5px;color:var(--faint);font-weight:700}
.pk-acc-m b{font-size:12.5px}
.pk-acc-m em{font-style:normal;font-size:10.5px;color:var(--faint)}
.pk-acc-wh small{font-size:11px;color:var(--faint);font-weight:700}
.pk-acc-wh div{display:flex;align-items:center;gap:8px;margin-top:4px}
.pk-acc-wh code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;background:var(--surface-2);border:1px solid var(--border-soft);border-radius:8px;padding:6px 8px}
.pk-acc-test{font-size:12px}
.pk-acc-a{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid var(--border-soft);padding-top:10px}

@media (max-width:1100px){.pk-editor{grid-template-columns:1fr}.pk-preview{position:static;max-width:360px;margin:0 auto}}
@media (max-width:900px){.pk-grid2,.pk-f2,.pk-ftabs{grid-template-columns:1fr}.pk-accs{grid-template-columns:1fr}.pk-perk{grid-template-columns:1fr 1fr auto}}
.pk .hr-input.pk-bad{border-color:var(--crit);box-shadow:0 0 0 2px var(--crit-bg)}

/* حقول الإدخال — بشكل fin-in القائم (hr-input وحدها بلا مظهر خارج الموارد البشرية) */
.pk .hr-input,.hr-modal .pk-f2 .hr-input,.hr-modal .pk-fld .hr-input,.hr-modal .pk-in .hr-input,.pk-drawer .hr-input{
  background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:8px 11px;
  font-family:inherit;font-size:13px;font-weight:600;min-height:38px}
.pk textarea.hr-input{min-height:60px;resize:vertical}
.pk .hr-input:focus,.hr-modal .pk-fld .hr-input:focus{outline:2px solid var(--primary);outline-offset:1px}
.pk .hr-input:disabled{background:var(--surface-2);color:var(--faint);cursor:not-allowed}
.pk .hr-input.sm{padding:6px 10px;font-size:12px;min-height:32px}
.pk .hr-input[dir="ltr"]{text-align:left;font-variant-numeric:tabular-nums}
.pk-filter .hr-input{width:auto;min-width:170px;flex:0 0 auto}
.pk-drawer .act,.hr-modal .act,.pk .act{display:inline-flex;align-items:center;gap:6px}
.pk-drawer .act svg,.hr-modal .act svg,.pk .act svg,.pk-drawer .pk-faint svg{width:14px;height:14px;flex:none}
.pk-drawer .drawer-body{padding-top:14px}
.pk-phone-no{color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.pk-vault{margin-bottom:12px}
.pk-vault-card{border:1px solid var(--border);border-radius:18px;padding:14px;background:linear-gradient(135deg,var(--surface),var(--surface-2));display:flex;flex-direction:column;gap:10px}
.pk-vault-card .pk-acc-h>svg{width:22px;height:22px;color:var(--primary)}
.pk-acc-m .pk-old{background:var(--warn-bg)}
.pk-acc-card.standby{border-style:dashed}
.pk-hubsw{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:4px}
.pk-hubsw small{font-size:11.5px;color:var(--warn);font-weight:700}