/* Cloud identity pages: scoped to avoid altering in-app backup panels. */
@font-face{font-family:DarabanAccountText;src:url('/daraban-vazir-bold.ttf');font-weight:700 900;font-display:swap}
.account-page{--account-bg:#eaf1ff;--account-card:#fffdf8;--account-text:#17243a;--account-muted:#53627a;--account-line:#c4cfdc;--account-accent:#1749d7;--account-on:#fff;box-sizing:border-box;min-height:100dvh;margin:0;padding:0 24px;background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--account-accent) 12%,transparent),transparent 48%),radial-gradient(ellipse at 0 100%,color-mix(in srgb,var(--account-accent) 8%,transparent),transparent 42%),var(--account-bg);font:16px/1.8 DarabanAccountText,Tahoma,sans-serif;color:var(--account-text)}
.account-page *{box-sizing:border-box;min-width:0}.account-page [hidden]{display:none!important}.account-page svg{width:22px;height:22px;flex:none}.account-page button,.account-page a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.account-page :focus-visible{outline:3px solid var(--account-accent);outline-offset:3px}.account-page a{color:inherit;text-decoration:none}.account-page button{font:inherit;cursor:pointer}.account-page button:disabled{opacity:.55;cursor:wait}.account-page p{overflow-wrap:anywhere}.account-page button,.account-page a{overflow-wrap:anywhere}
.account-topbar{max-width:1080px;margin:auto;padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.account-brand{display:flex;align-items:center;gap:10px}.account-brand-logo{display:grid;place-items:center;width:48px;height:48px;background:var(--account-card);border:1px solid color-mix(in srgb,var(--account-line) 60%,transparent);border-radius:16px;box-shadow:0 5px 18px #091c3110}.account-brand-logo img{width:38px;height:38px}.account-brand b{display:block;font-size:1.1em;line-height:1.5}.account-brand small{display:block;font-size:.69em;color:var(--account-muted)}.account-back{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--account-line) 70%,transparent);border-radius:13px;min-height:44px;background:color-mix(in srgb,var(--account-card) 65%,transparent);font-size:.8em}.account-back svg{width:18px;height:18px}
.account-layout{max-width:1040px;margin:26px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);align-items:center;gap:72px}.account-story{padding:8px 0 28px}.account-kicker{font-size:.69em;color:var(--account-accent);font-weight:700;letter-spacing:0}.account-story h2{font-size:2.65em;line-height:1.55;letter-spacing:-1px;margin:14px 0;color:var(--account-text)}.account-story>p{max-width:340px;font-size:.94em;line-height:2.1;color:var(--account-muted)}.account-story-points{display:grid;gap:12px;margin-top:12px;color:var(--account-muted);font-size:.8em}.account-story-points span{display:flex;gap:9px;align-items:center}.account-story-points i{width:7px;height:7px;border-radius:50%;background:var(--account-accent)}
.account-page .account-card{width:100%;margin:0;padding:30px;border:1px solid color-mix(in srgb,var(--account-line) 75%,transparent);border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--account-card) 94%,transparent),color-mix(in srgb,var(--account-card) 82%,transparent));box-shadow:0 22px 65px color-mix(in srgb,var(--account-text) 8%,transparent),inset 0 1px 0 color-mix(in srgb,var(--account-card) 60%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.account-intro{text-align:center;margin-bottom:22px}.account-symbol{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border:1px solid color-mix(in srgb,var(--account-accent) 18%,transparent);border-radius:18px;background:color-mix(in srgb,var(--account-accent) 8%,var(--account-card));color:var(--account-accent)}.account-symbol svg{width:27px;height:27px}.account-intro .account-kicker{display:block}.account-page .account-intro h1{font-size:1.6em;line-height:1.65;font-weight:700;margin:4px 0}.account-page .account-intro p{font-size:.81em;margin:5px 0 0;line-height:1.9}
.account-page .account-notice{padding:10px 12px;border:1px solid var(--account-line);border-radius:12px;font-size:.77em;line-height:1.9;margin:0 0 16px;background:color-mix(in srgb,var(--account-bg) 65%,var(--account-card));color:var(--account-text)}.account-page .account-notice:empty{display:none}.account-page .account-notice[data-tone=error]{border-color:#c36164;background:color-mix(in srgb,#c36164 9%,var(--account-card))}.account-page .account-notice[data-tone=success]{border-color:var(--account-accent)}
.account-auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;background:color-mix(in srgb,var(--account-bg) 65%,var(--account-card));padding:4px;border:1px solid var(--account-line);border-radius:14px;margin-bottom:20px}.account-page .account-auth-tabs button{margin:0;border:0;background:transparent;color:var(--account-muted);border-radius:10px;padding:8px;font-size:.81em;line-height:1.6;min-height:44px}.account-page .account-auth-tabs [aria-pressed=true]{background:var(--account-card);color:var(--account-accent);font-weight:700;box-shadow:0 2px 7px color-mix(in srgb,var(--account-text) 9%,transparent)}
.account-page .account-card label{display:block;font-size:.81em;font-weight:500;line-height:1.8;margin:16px 0 6px}.account-page .account-card input:not([type=checkbox]){display:block;width:100%;min-height:50px;margin:6px 0 0;padding:12px 14px;border:1px solid var(--account-line);border-radius:12px;background:color-mix(in srgb,var(--account-bg) 40%,var(--account-card));color:var(--account-text);font-family:inherit;font-size:1em;line-height:1.5;box-shadow:inset 0 1px 2px #091c3103}.account-page .account-card input::placeholder{color:var(--account-muted);opacity:.85;font-size:.8em}.account-password-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:13px}.account-page .account-password-label label{margin:0}.account-page .account-text-button{border:0;background:transparent;color:var(--account-accent);padding:8px 0;margin:0;font-size:.73em;min-height:44px;line-height:1.8}.account-password-field{position:relative}.account-page .account-password-field input{padding-inline-start:14px;padding-inline-end:72px;margin-top:0}.account-page .cloud-show{position:absolute;inset-inline-start:6px;top:50%;transform:translateY(-50%);min-height:38px;max-width:60px;margin:0;padding:6px 10px;border:0;border-radius:8px;background:transparent;color:var(--account-muted);font-size:.7em;line-height:1.6}.account-page .account-field-hint{display:block;font-size:.7em;line-height:1.9;color:var(--account-muted);margin:8px 0}.account-page .account-primary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;width:100%;margin:22px 0 0;padding:12px 14px;font-size:.88em;line-height:1.8;font-weight:700;border:1px solid transparent;border-radius:13px;background:var(--account-accent);color:var(--account-on);box-shadow:0 6px 15px color-mix(in srgb,var(--account-accent) 16%,transparent)}.account-page .account-recover-back{display:block;margin:12px auto 0;min-height:44px}.account-page .account-consent{display:flex!important;align-items:flex-start;gap:10px;padding:12px;background:color-mix(in srgb,var(--account-bg) 50%,var(--account-card));border:1px solid var(--account-line);border-radius:12px;font-size:.75em;line-height:1.9}.account-consent input{width:20px;height:20px;margin:3px 0 0;flex:none;accent-color:var(--account-accent)}.account-page .account-consent small{display:block;font-size:.9em;margin-top:5px;line-height:1.9}
.account-card-footer{display:flex;gap:7px;justify-content:center;align-items:center;color:var(--account-muted);font-size:.67em;margin-top:24px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--account-line) 65%,transparent)}.account-card-footer svg{width:15px;height:15px}.account-page-footer{text-align:center;font-size:.69em;color:var(--account-muted);padding:32px 8px max(24px,env(safe-area-inset-bottom))}
.account-profile{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:22px}.account-avatar{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:19px;color:var(--account-on);background:var(--account-accent);font-size:1.5em;font-weight:700}.account-profile>div{flex:1 1 130px}.account-page .account-profile h2{font-size:1.1em;line-height:1.8;margin:2px 0;font-weight:700;overflow-wrap:anywhere}.account-username{display:block;max-width:100%;font-size:.77em;line-height:1.8;color:var(--account-muted);text-align:right;overflow-wrap:anywhere}.account-connected{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:.65em;color:var(--account-accent)}.account-connected i{width:6px;height:6px;border-radius:50%;background:currentColor}.account-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid var(--account-line);border-radius:15px;padding:14px;background:color-mix(in srgb,var(--account-bg) 50%,var(--account-card));margin-bottom:18px}.account-summary>div+div{padding-inline-start:12px;border-inline-start:1px solid var(--account-line)}.account-summary span{display:block;font-size:.67em;color:var(--account-muted);line-height:1.8}.account-summary b{display:block;font-size:.77em;margin-top:5px;line-height:1.9}.account-page .account-continue-card>p:first-child{font-size:.88em;color:var(--account-text);font-weight:700;margin:0}.account-continue-card{margin-bottom:22px}.account-continue-card .account-primary{margin-top:12px}
.account-device-section{border-top:1px solid var(--account-line);padding-top:18px}.account-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-page .account-section-head h3{font-size:.9em;line-height:1.8;margin:0}.account-page .account-section-head p{font-size:.7em;line-height:1.8;margin:3px 0}.account-page .account-secondary{margin:0;padding:8px 12px;min-height:44px;border:1px solid var(--account-line);border-radius:11px;background:transparent;color:var(--account-accent);font-size:.75em}.account-device-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 0;margin:0;border-bottom:1px solid color-mix(in srgb,var(--account-line) 70%,transparent)}.account-device-row>span{flex:1 1 150px;min-width:0}.account-device-row b{display:block;font-size:.8em;font-weight:500;overflow-wrap:anywhere;line-height:1.9}.account-device-row small{display:block;font-size:.67em;line-height:1.9;color:var(--account-muted)}.account-page .account-device-row button{padding:7px 10px;margin:0;background:transparent;color:var(--account-text);border:1px solid var(--account-line);min-height:44px;font-size:.69em;border-radius:10px}.account-device-current{font-size:.65em!important;flex:0 0 auto!important;padding:4px 7px;background:color-mix(in srgb,var(--account-accent) 9%,transparent);border-radius:8px;color:var(--account-accent)}
.account-security{margin-top:16px;border:1px solid var(--account-line);border-radius:13px;padding:0 12px}.account-security summary{display:flex;gap:9px;align-items:center;cursor:pointer;min-height:52px;padding:10px 0;font-size:.81em;list-style:none}.account-security summary::-webkit-details-marker{display:none}.account-security summary>span:first-of-type{flex:1}.account-security summary svg{width:18px;height:18px;color:var(--account-accent)}.account-chevron{font-size:1.2em;color:var(--account-muted)}.account-security[open] .account-chevron{transform:rotate(180deg)}.account-security form{padding-bottom:14px}.account-page .account-logout{display:block;width:100%;padding:9px 12px;margin:16px 0 0;min-height:44px;background:transparent;border:0;border-radius:11px;color:var(--account-muted);font-size:.77em}.account-page .account-recovery-code{text-align:center}.account-page .account-recovery-code h2{font-size:1.3em;line-height:1.7;margin:14px 0 8px}.account-page .account-recovery-code p{font-size:.82em;line-height:2}.account-page .account-recovery-code code{border:1px dashed var(--account-accent);border-radius:14px;padding:18px 12px;margin:20px 0;font-size:1.1em;letter-spacing:1px;line-height:1.9;user-select:all;overflow-wrap:anywhere}
/* Decorative device preview uses the same theme and is hidden on narrow screens. */
.account-device-scene{height:245px;position:relative;margin:28px 0 16px;max-width:400px;direction:ltr}.account-device-laptop{position:absolute;left:4px;top:10px;width:310px;height:190px;border:1px solid var(--account-line);border-radius:16px;background:color-mix(in srgb,var(--account-card) 85%,transparent);box-shadow:0 20px 40px color-mix(in srgb,var(--account-text) 9%,transparent);transform:rotate(-4deg);padding:12px 16px}.account-device-laptop:after{content:'';position:absolute;left:-12px;right:-12px;bottom:-7px;height:10px;background:var(--account-line);border-radius:3px 3px 12px 12px}.account-device-bar{display:flex;gap:4px;border-bottom:1px solid var(--account-line);padding-bottom:10px}.account-device-bar i{width:4px;height:4px;border-radius:50%;background:var(--account-line)}.account-scene-brand{display:flex;direction:rtl;align-items:center;gap:7px;font-size:12px;margin-top:13px}.account-scene-brand img{width:30px;height:30px}.account-scene-lines{position:absolute;left:20px;top:60px;display:grid;gap:7px;width:90px}.account-scene-lines i{height:5px;background:var(--account-line);border-radius:4px}.account-scene-lines i:nth-child(2){width:75%}.account-scene-lines i:nth-child(3){width:50%}.account-scene-chart{display:flex;align-items:end;gap:12px;height:65px;margin:10px 110px 0 8px}.account-scene-chart i{width:14px;height:30%;background:color-mix(in srgb,var(--account-accent) 30%,var(--account-card));border-radius:4px}.account-scene-chart i:nth-child(2){height:48%}.account-scene-chart i:nth-child(3){height:38%}.account-scene-chart i:nth-child(4){height:70%}.account-scene-chart i:nth-child(5){height:95%;background:var(--account-accent)}.account-device-phone{position:absolute;width:110px;height:195px;right:7px;bottom:0;border:3px solid color-mix(in srgb,var(--account-text) 65%,var(--account-line));border-radius:21px;background:var(--account-card);box-shadow:0 12px 25px color-mix(in srgb,var(--account-text) 12%,transparent);transform:rotate(7deg);padding:25px 11px 10px;text-align:center}.account-phone-notch{position:absolute;top:7px;left:36px;width:32px;height:5px;border-radius:8px;background:var(--account-line)}.account-device-phone>img{width:38px;height:38px}.account-device-phone>span{display:block;font-size:8px;margin:5px 0 14px}.account-phone-cards{display:grid;grid-template-columns:1fr 1fr;gap:6px}.account-phone-cards i{height:25px;border-radius:7px;background:color-mix(in srgb,var(--account-accent) 10%,var(--account-card));border:1px solid var(--account-line)}.account-scene-link{position:absolute;left:150px;bottom:0;width:44px;height:44px;display:grid;place-items:center;background:var(--account-accent);color:var(--account-on);border:4px solid var(--account-bg);border-radius:15px}.account-scene-link svg{width:24px;height:24px}
@media(max-width:899px){.account-layout{display:block;max-width:440px;margin:14px auto 0}.account-story{display:none}.account-topbar{max-width:520px;padding:20px 0}.account-page-footer{padding-top:24px}}
@media(max-width:480px){.account-page{padding:0 16px}.account-topbar{padding:18px 0}.account-brand-logo{width:43px;height:43px;border-radius:14px}.account-brand-logo img{width:34px;height:34px}.account-page .account-card{padding:24px 22px;border-radius:25px}.account-layout{margin:10px auto 0}.account-page .account-intro h1{font-size:1.5em}.account-intro{margin-bottom:20px}.account-topbar .account-back{font-size:.73em}.account-profile{gap:10px}}
@media(max-width:350px){.account-page{padding:0 12px}.account-page .account-card{padding:20px 16px}.account-password-label{flex-wrap:wrap;gap:0}.account-page .account-password-label label{flex:1 1 90px}.account-summary{gap:8px;padding:11px}.account-summary>div+div{padding-inline-start:8px}.account-brand small{font-size:.64em}.account-topbar{gap:8px}}
@media(prefers-reduced-motion:reduce){.account-page *{scroll-behavior:auto}}
.account-page .account-card label input:not([type=checkbox]){font-size:1.235em}
.account-page.account-page [hidden]{display:none!important}
.account-page{place-items:normal}
.account-topbar,.account-layout{width:100%}
.account-page .account-card .account-password-field input{margin-top:0;padding-inline-end:72px;padding-inline-start:14px}

/* Shared account directory: app boundaries stay visible on mobile and desktop. */
.account-apps{margin:22px 0}.account-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.account-app-card{border:1px solid var(--account-line);border-radius:17px;padding:15px;display:flex;flex-direction:column;gap:7px;background:color-mix(in srgb,var(--account-card) 80%,var(--account-bg))}.account-app-title{display:flex;align-items:center;gap:8px}.account-app-title h4{margin:0;font-size:.85em}.account-app-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:color-mix(in srgb,var(--account-accent) 10%,var(--account-card));color:var(--account-accent);font-size:1.25em}.account-app-card[data-app=travel] .account-app-icon{color:#28816b}.account-app-card[data-app=cooking] .account-app-icon{color:#ac6034}.account-app-card[data-app=naqqal] .account-app-icon{color:#8c61aa}.account-app-status{font-size:.64em;line-height:1.8;color:var(--account-muted)}.account-app-status[data-active=true]{color:var(--account-accent)}.account-page .account-app-card p{font-size:.72em;line-height:1.9;margin:0}.account-page .account-app-note{font-size:.65em;color:var(--account-muted);margin-bottom:8px}.account-app-card .account-secondary{margin-top:auto;text-align:center;display:flex;align-items:center;justify-content:center;font-size:.68em;padding:7px}.account-page .account-isolation-note{font-size:.7em;border-inline-start:3px solid var(--account-accent);padding:3px 12px;margin:18px 0;color:var(--account-muted)}.account-page .account-brand-logo img{object-fit:contain}.account-layout{grid-template-columns:minmax(0,1fr) minmax(0,550px);gap:42px;align-items:start}.account-story{position:sticky;top:28px}.account-story h2{font-size:2.25em}.account-page .account-apps .account-section-head p{font-size:.75em}.account-continue-card:not([hidden]){border:1px solid var(--account-accent);border-radius:16px;padding:16px;background:color-mix(in srgb,var(--account-accent) 5%,var(--account-card))}@media(max-width:899px){.account-layout{max-width:550px}.account-story{position:static}}@media(max-width:420px){.account-app-grid{grid-template-columns:1fr}.account-page .account-card{padding:22px 18px}.account-app-card{padding:16px}.account-app-card .account-secondary{font-size:.78em}.account-app-title h4{font-size:.95em}}