.sa-overlay{position:fixed;inset:0;background:#061524b8;z-index:110000;display:grid;place-items:center;padding:20px;direction:rtl}.sa-dialog{width:min(780px,96vw);max-height:94dvh;display:flex;flex-direction:column;border:1px solid var(--line,#b9cad7);border-radius:20px;background:var(--surface,#fff);color:var(--ink,#12304c);box-shadow:0 24px 80px #00152e55}.sa-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line,#d7e2eb)}.sa-header h2{font-size:20px;margin:0}.sa-body{padding:18px 22px;overflow:auto;min-height:0}.sa-body p{line-height:1.7}.sa-field{display:grid;gap:6px;margin:12px 0;font-weight:600}.sa-field input,.sa-field select,.sa-field textarea{width:100%;min-height:42px;padding:8px 10px;border:1px solid var(--line,#bbcddd);border-radius:10px;background:var(--surface,#fff);color:inherit;font:inherit;box-sizing:border-box}.sa-field input[type=checkbox]{width:22px;height:22px;min-height:22px}.sa-field[hidden]{display:none}.sa-button{min-height:40px;padding:8px 14px;border:1px solid var(--line,#97adbf);border-radius:10px;background:var(--surface-2,#f0f6fa);color:var(--ink,#12304c);font:inherit;font-weight:600;cursor:pointer}.sa-button:hover{border-color:#0a97a4;box-shadow:0 2px 10px #1594a526}.sa-button:focus-visible,.sa-field :focus-visible{outline:3px solid #15aabf;outline-offset:3px}.sa-button:disabled{opacity:.55;cursor:not-allowed}.sa-actions{display:flex;flex-wrap:wrap;gap:10px}.sa-code{display:block;font:700 32px/1.7 monospace;letter-spacing:.15em;text-align:center;color:var(--ink,#12304c);user-select:all}.sa-status{margin:0;padding:12px 22px;border-top:1px solid var(--line,#d7e2eb);font-size:14px;line-height:1.65;overflow-wrap:anywhere}.sa-session{border:1px solid var(--line,#d7e2eb);border-radius:12px;padding:12px;margin:8px 0}.sa-session p{margin:4px 0}.sa-warning{color:#a85000}.sa-identity{position:sticky;top:0;z-index:100001;display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;padding:7px 14px;background:#fff4d8;color:#553400;border-bottom:1px solid #d6a85a;font-size:13px}.sa-identity .sa-button{min-height:30px;background:#fff8e8;color:#553400}@media(max-width:600px){.sa-overlay{padding:8px}.sa-body,.sa-header{padding:14px}.sa-header h2{font-size:17px}.sa-actions{flex-direction:column}.sa-code{font-size:28px}.sa-identity{gap:5px}}
.sa-request-notice{position:fixed;bottom:16px;inset-inline-end:16px;z-index:100500;width:min(410px,calc(100vw - 32px));box-sizing:border-box;padding:14px 16px;background:var(--surface,#fff);color:var(--ink,#12304c);border:2px solid var(--brand,#1f6d5a);border-radius:12px;box-shadow:0 10px 35px #0002;direction:rtl;font:inherit}.sa-request-notice p{font-size:13px;line-height:1.7;margin:7px 0}.sa-request-notice .sa-button{margin-block-start:5px;width:100%;text-align:start}.sa-consent-note{padding:12px;border-inline-start:3px solid var(--brand,#1f6d5a);background:var(--brand-tint,#e4efe9);font-size:14px}.sa-consent-check{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.8}.sa-consent-check input{flex-shrink:0;order:-1}.sa-actions[hidden],.sa-button[hidden],.sa-consent-check[hidden]{display:none!important}.sa-request-list .sa-button{margin:5px 0 0 6px}.sa-dialog{overflow:hidden}.sa-request-list h3{margin-top:22px}.sa-status{max-height:160px;overflow:auto}@media(max-width:600px){.sa-request-notice{bottom:8px;inset-inline-end:8px;width:calc(100vw - 16px)}.sa-dialog{max-height:calc(100dvh - 16px)}.sa-consent-note{font-size:12px}.sa-request-list .sa-button{width:100%;margin-inline:0}.sa-status{font-size:12px;max-height:120px}}
.sa-confirmation{position:absolute;inset:0;z-index:1;display:grid;place-items:center;padding:20px;background:#061524b8;box-sizing:border-box}.sa-confirm-panel{box-sizing:border-box;width:min(520px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid var(--line,#b9cad7);border-radius:18px;background:var(--surface,#fff);color:var(--ink,#12304c);box-shadow:0 24px 80px #00152e66}.sa-confirm-panel h3{margin:0 0 12px;font-size:19px}.sa-confirm-panel p{font-size:15px;line-height:1.8;margin:0 0 20px}.sa-confirm-panel .sa-actions{justify-content:flex-end}.sa-confirm-panel .sa-confirm-accept{background:var(--brand,#1f6d5a);color:var(--on-brand,#fff)}.sa-code{direction:ltr;unicode-bidi:isolate}.sa-code:focus-visible{outline:2px solid var(--brand,#1f6d5a);outline-offset:3px;border-radius:8px}@media(max-width:600px){.sa-confirmation{padding:14px}.sa-confirm-panel{padding:20px;max-height:calc(100dvh - 28px)}.sa-confirm-panel .sa-actions{flex-direction:row}.sa-confirm-panel .sa-button{flex:1}}

/* بطاقة هوية جلسة الدعم عائمة ولا تشارك في تخطيط الصفحة، لذلك لا تحجب الأزرار السفلية. */
.sa-identity{position:fixed;top:8px;left:10px;right:auto;z-index:100001;display:inline-flex;justify-content:flex-start;align-items:center;gap:7px;max-width:min(430px,calc(100vw - 20px));box-sizing:border-box;padding:5px 7px 5px 10px;background:#fff4d8;color:#553400;border:1px solid #d6a85a;border-radius:999px;box-shadow:0 8px 24px #573a101f;font-size:11px;line-height:1.25;direction:rtl;flex-wrap:nowrap}.sa-identity strong{white-space:nowrap}.sa-identity>span{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#76551d}.sa-identity .sa-button{min-height:27px;padding:4px 9px;border-radius:999px;background:#fff8e8;color:#553400;font-size:10.5px;white-space:nowrap}@media(max-width:600px){.sa-identity{top:6px;left:6px;gap:4px;max-width:calc(100vw - 12px)}.sa-identity>span{display:none}}
