/* MASAR 360 Phase 13.3 -- public services portal (login screen). RTL-first; light + dark via the DS tokens (with fallbacks) and prefers-color-scheme. */
.pp-entry{margin:16px 0 0;text-align:center}
.pp-entry-btn{width:100%;border:1px dashed var(--border-hairline,#c5d3e0);background:transparent;color:var(--brand-primary,#0a84c9);border-radius:12px;padding:12px 14px;font:inherit;font-weight:600;font-size:var(--fs-label);cursor:pointer;min-height:44px}
.pp-entry-btn:hover,.pp-entry-btn:focus-visible{background:rgba(10,132,201,.08);outline:2px solid var(--brand-primary,#0a84c9);outline-offset:2px}
.pp-overlay{position:fixed;inset:0;z-index:100000;background:rgba(6,27,51,.62);display:flex;align-items:center;justify-content:center;padding:16px}
.pp-dialog{--pp-bg:#fff;--pp-fg:#16324f;--pp-mut:#64748b;--pp-line:#d9e2ec;--pp-soft:#f4f8fb;--pp-ac:#0f766e;background:var(--pp-bg);color:var(--pp-fg);width:100%;max-width:760px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;border-radius:16px;border:1px solid var(--pp-line);box-shadow:0 20px 60px rgba(0,0,0,.35);font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif}
.pp-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 8px;position:sticky;top:0;background:var(--pp-bg);z-index:1}
.pp-top h2{margin:0 0 2px;font-size:var(--fs-section)}.pp-x{border:0;background:var(--pp-soft);color:var(--pp-fg);width:40px;height:40px;border-radius:50%;font-size:var(--fs-card-heading);cursor:pointer}
.pp-body{padding:8px 20px 20px;display:grid;gap:14px}.pp-card{border:1px solid var(--pp-line);border-radius:12px;padding:16px;background:var(--pp-soft)}.pp-card h3{margin:0 0 6px;font-size:var(--fs-card-heading);color:var(--pp-ac)}
.pp-muted{color:var(--pp-mut);font-size:var(--fs-caption);margin:4px 0}.pp-form{display:grid;gap:6px;margin-top:8px}.pp-form label{font-weight:600;font-size:var(--fs-label)}
.pp-form input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #98a2b3;border-radius:10px;font:inherit;font-size:var(--fs-card-heading);background:var(--pp-bg);color:var(--pp-fg);min-height:44px}
.pp-btn{margin-top:6px;border:0;border-radius:10px;padding:12px 18px;font:inherit;font-weight:700;background:var(--pp-ac);color:#fff;cursor:pointer;min-height:44px}.pp-btn:disabled{opacity:.6;cursor:wait}
.pp-out{margin-top:10px}.pp-out:empty{display:none}.pp-bad{padding:10px 12px;border-radius:10px;background:#fef3f2;color:#b42318;font-weight:600}.pp-ok{padding:12px;border-radius:10px;background:var(--pp-bg);border:1px solid var(--pp-line)}
.pp-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}.pp-badge{padding:3px 12px;border-radius:999px;font-weight:700;font-size:var(--fs-caption);background:#e2f7ee;color:#06724f}.pp-badge.done{background:#dbeafe;color:#1e40af}
.pp-steps{list-style:none;margin:12px 0;padding:0;display:flex;gap:4px}.pp-steps li{flex:1;text-align:center;font-size:var(--fs-helper);color:#94a3b8}.pp-steps li i{display:block;width:24px;height:24px;line-height:22px;margin:0 auto 4px;border-radius:50%;border:2px solid #cbd5e1;font-style:normal;font-weight:700}
.pp-steps li.done{color:var(--pp-fg)}.pp-steps li.done i{background:var(--pp-ac);border-color:var(--pp-ac);color:#fff}.pp-steps li.cur{color:var(--pp-ac);font-weight:700}.pp-steps li.cur i{border-color:var(--pp-ac);color:var(--pp-ac)}
.pp-bar{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.pp-bar b{display:block;height:100%;background:var(--pp-ac)}
.pp-tl{list-style:none;margin:12px 0 0;padding:0}.pp-tl li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--pp-line);font-size:var(--fs-label)}.pp-tl li:last-child{border:0}
.pp-kv{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px solid var(--pp-line);font-size:var(--fs-label)}
.pp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:10px 0}.pp-guide{border:1px solid var(--pp-line);border-radius:10px;padding:10px 12px;background:var(--pp-bg)}.pp-guide p{margin:4px 0 0}
@media (max-width:520px){.pp-grid{grid-template-columns:1fr}.pp-overlay{padding:0;align-items:flex-end}.pp-dialog{max-height:94vh;max-height:94dvh;border-radius:16px 16px 0 0}.pp-body{padding:8px 14px 18px}.pp-steps li{font-size:var(--fs-helper)}}
:root[data-theme="dark"] .pp-dialog{--pp-bg:#132639;--pp-fg:#eaf1f7;--pp-mut:#93a6b8;--pp-line:#28445f;--pp-soft:#0f2133;--pp-ac:#2dd4bf}
:root[data-theme="dark"] .pp-bad{background:#3b1717;color:#fda29b}:root[data-theme="dark"] .pp-bar{background:#28445f}:root[data-theme="dark"] .pp-badge{background:#123423;color:#3ed17f}:root[data-theme="dark"] .pp-badge.done{background:#12294a;color:#8ab4ff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pp-dialog{--pp-bg:#132639;--pp-fg:#eaf1f7;--pp-mut:#93a6b8;--pp-line:#28445f;--pp-soft:#0f2133;--pp-ac:#2dd4bf}:root:not([data-theme="light"]) .pp-bad{background:#3b1717;color:#fda29b}:root:not([data-theme="light"]) .pp-bar{background:#28445f}}