:root{--font-ui:system-ui,-apple-system,"SF Arabic","Segoe UI","Noto Sans Arabic",Tahoma,Arial,sans-serif;--focus-ring:#185745;--gold-text:#875d28;font-family:var(--font-ui);color:#173d35;background:#f7f5ef;--ink:#173d35;--green:#185745;--paper:#fffdf8;--muted:#5f6f66;--line:#dce3d8;--gold:#a5712d;color-scheme:light;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:280px;min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 90% 0,#e5eadd 0,transparent 56%),#f7f5ef}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,select,summary{touch-action:manipulation}a{color:var(--green);text-underline-offset:4px}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.account-header{--focus-ring:#e6b860}[hidden]{display:none!important}
/* الشريط العلوي مطابق لشريط الخريطة: علامة الشعار وحدها، ورابط ظاهر للعودة إلى الخريطة، واللغة */
.account-header{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:60px;background:#0f2a22;color:#f4efe2;box-shadow:0 8px 26px #0f2a2224;padding:max(8px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right),calc((100% - 1024px)/2)) 8px max(28px,env(safe-area-inset-left),calc((100% - 1024px)/2))}.brand{display:flex;align-items:center;flex:none;border-radius:12px}.brand img{display:block;width:44px;height:44px}.header-actions{display:flex;align-items:center;gap:8px;min-width:0}.map-link,.language-field{display:flex;align-items:center;min-height:44px;border-radius:14px;background:#ffffff14;color:#fffdf8}.map-link{gap:8px;padding:0 14px;font-size:14px;text-decoration:none;white-space:nowrap}.map-link:hover{background:#ffffff26}html[dir=ltr] .back-arrow{transform:scaleX(-1)}.language-field{position:relative;padding:0 12px}.language-field::after{content:"";position:absolute;inset-inline-end:13px;top:50%;width:6px;height:6px;border:solid #f4efe2;border-width:0 0 2px 2px;opacity:.8;transform:translateY(-75%) rotate(-45deg);pointer-events:none}select{-webkit-appearance:none;appearance:none;max-width:166px;min-height:44px;border:0;background:none;color:#fffdf8;padding:0;padding-inline-end:18px;font-size:16px;cursor:pointer}select option{color:var(--ink);background:#fff}.account-header a:focus-visible,.account-header select:focus-visible{outline-color:#d9a34a}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.account-layout{max-width:1080px;margin:28px auto 40px;padding:0 max(28px,env(safe-area-inset-right)) 0 max(28px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr 440px;gap:70px;align-items:center}.account-intro{padding:24px 0;position:relative}.eyebrow{font-size:13px;color:#875d28;font-weight:bold;letter-spacing:.01em;margin:0 0 12px}.account-intro h1{font-size:40px;line-height:1.65;font-weight:700;margin:10px 0 18px;white-space:pre-line;letter-spacing:-1px}.account-intro>p:not(.eyebrow){font-size:17px;line-height:2;color:var(--muted);max-width:420px}.intro-logo{display:block;width:240px;height:auto;aspect-ratio:1649/954;object-fit:contain;border-radius:18px;margin-bottom:30px;background:#140200;box-shadow:0 18px 44px #1402002e}
.account-card{border:1px solid #e2e6dc;border-radius:26px;background:var(--paper);box-shadow:0 22px 64px #173d350a;padding:30px}.card-heading{text-align:center}.account-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;margin:0 auto 18px;background:#e9eee5;color:#406c54}.account-symbol svg{width:27px;height:27px}.card-heading .eyebrow{font-size:13px;margin-bottom:6px}.card-heading h2{font-size:27px;line-height:1.5;margin:0 0 16px}.card-description{text-align:center;font-size:15px;line-height:1.9;color:var(--muted);margin:15px 0 22px}.apple-button{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:52px;background:#000;color:#fff;border:1px solid #000;border-radius:10px;padding:12px 14px;font-size:16px;font-weight:500;line-height:1.5}.apple-button svg{width:20px;height:23px;flex:none}.apple-button:not(:disabled):hover{background:#292929}.primary-button,.secondary-button{width:100%;min-height:48px;padding:12px 14px;border-radius:11px;font-size:15px;line-height:1.5}.primary-button{background:var(--green);border:1px solid var(--green);color:white}.primary-button:not(:disabled):hover{background:#103f32}.secondary-button{background:transparent;color:var(--green);border:1px solid #bacabb;margin-top:12px}.secondary-button:not(:disabled):hover{background:#f0f4ec}.guest-link{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:11px 0;margin-top:12px;font-size:14px}
.account-status{font-size:14px;line-height:1.85;margin:14px 0;padding:11px 13px;border:1px solid #d8e3d4;border-radius:11px;background:#eff4ea;color:#365744;overflow-wrap:anywhere}.account-status[data-tone="error"]{background:#fff3e8;color:#784014;border-color:#e8c6a5}.account-status[data-tone="loading"]{background:#f0f2ec;color:#526356;border-color:#e0e5da}.account-status:empty{display:none}.verified-badge{display:flex;align-items:center;gap:8px;font-size:13px;color:#245c3b;background:#edf4e8;border:1px solid #d5e4cd;border-radius:10px;padding:10px 12px;margin:17px 0}.verified-badge>span:first-child{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#dbeacc;font-weight:bold}.account-facts{margin:18px 0 22px}.account-facts>div{padding:11px 0;border-bottom:1px solid var(--line)}.account-facts dt{font-size:12.5px;color:var(--muted);margin-bottom:6px}.account-facts dd{font-size:15px;margin:0;line-height:1.8;overflow-wrap:anywhere}#profile-form label{display:block;font-size:14px;line-height:1.8;font-weight:bold}.field-hint{display:block;color:var(--muted);font-size:12.5px;line-height:1.9;margin:3px 0 10px}#display-name{width:100%;min-height:48px;padding:11px 13px;font-size:16px;line-height:1.5;border:1px solid #b9c7b8;background:#fff;border-radius:10px;color:var(--ink);margin-bottom:12px}#display-name:disabled{background:#f2f4ef}
.privacy-note{border-top:1px solid var(--line);margin-top:18px;padding-top:7px}.privacy-note summary{cursor:pointer;font-size:13px;color:var(--muted);min-height:44px;line-height:1.8;padding:11px 0}.privacy-note p{font-size:13px;line-height:1.95;color:var(--muted);margin:7px 0 12px}.account-footer{text-align:center;font-size:12.5px;color:var(--muted);padding:0 max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));line-height:1.9}.noscript-note{font-size:14px;line-height:1.9;color:#784014}
@media(max-width:900px){.account-layout{gap:35px;grid-template-columns:1fr 400px}.account-intro h1{font-size:32px}.account-intro>p:not(.eyebrow){font-size:15px}}
@media(max-width:720px){.account-header{gap:8px;padding-right:max(16px,env(safe-area-inset-right));padding-left:max(16px,env(safe-area-inset-left))}.brand img{width:40px;height:40px}.header-actions{gap:6px}.map-link{padding:0 12px}.language-field{padding:0 10px}.language-field select{max-width:112px}.account-layout{display:block;max-width:490px;margin:18px auto 25px;padding-inline:max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-left))}.account-intro{display:none}.account-card{padding:25px 22px;border-radius:23px}.card-heading h2{font-size:26px}.card-description{font-size:15px}.account-footer{font-size:12.5px}}
@media(max-width:340px){.account-header{padding-right:max(12px,env(safe-area-inset-right));padding-left:max(12px,env(safe-area-inset-left))}.map-link{padding:0 9px;gap:5px}.language-field select{max-width:84px}.account-layout{padding-inline:12px}.account-card{padding:22px 17px}.apple-button{font-size:15px;padding-inline:8px;gap:8px}}
@media(prefers-reduced-motion:no-preference){button,a,select{transition:background-color .15s,color .15s,opacity .15s}}