/* Interface OS Settings · responsive FaceKey/Green HoloDeck visual layer.
   All existing account/session/privacy controls remain operative. */
body[data-page="settings"]{--sg-edge:rgba(52,194,141,.38);--sg-glow:rgba(17,163,103,.2);--sg-ink:#103e2b;--sg-secondary:#4d7361;--sg-panel:rgba(248,255,250,.95);--sg-holo:#067752;--sg-holo-light:#00bd83;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
body[data-page="settings"] .ux-header{box-shadow:0 0 24px rgba(23,196,122,.12);border-bottom:1px solid var(--sg-edge)!important}
body[data-page="settings"] .ux-main{min-width:0}
body[data-page="settings"] .ux-kicker{letter-spacing:.25em;font-size:11px}
body[data-page="settings"] .ux-main h1{letter-spacing:.035em;font-size:clamp(31px,4.2vw,54px)}
body[data-page="settings"] .settings-accent{color:#09996a;text-shadow:0 0 18px #1fe9a423}
body[data-page="settings"] .ux-muted{font-size:14px;line-height:1.6}
body[data-page="settings"] .ux-side,body[data-page="settings"] .ux-card{border-radius:18px!important;box-shadow:0 0 32px var(--sg-glow),inset 0 0 20px rgba(20,175,110,.035)}
body[data-page="settings"] .ux-side{overflow:visible}
body[data-page="settings"] .ux-side a[aria-current="page"],body[data-page="settings"] .ux-side a:hover{border-left:3px solid #1bedad}
body[data-page="settings"] .ux-card{margin-top:16px;border:1px solid var(--sg-edge)!important}
body[data-page="settings"] .ux-card h2{font-size:18px;letter-spacing:.035em}
body[data-page="settings"] .ux-card p{line-height:1.65}
body[data-page="settings"] .ux-card label{line-height:1.6}
body[data-page="settings"] .ux-card :is(input[type="search"],input[type="password"],input[type="text"],input[type="tel"],select){max-width:100%;min-height:43px;border-radius:10px}
body[data-page="settings"] .ux-card input:focus-visible,body[data-page="settings"] .ux-card select:focus-visible{outline:2px solid #14de98;outline-offset:2px}
body[data-page="settings"] .ux-card .ux-action,body[data-page="settings"] .ux-nav a{transition:box-shadow .2s,transform .2s}
body[data-page="settings"] .ux-card .ux-action:hover,body[data-page="settings"] .ux-nav a:hover{box-shadow:0 0 15px #32d99e3f;transform:translateY(-1px)}
body[data-page="settings"] .ux-side strong{letter-spacing:.18em;color:var(--sg-holo);font-size:10px}
.settings-hero{margin-top:23px;min-height:215px;display:grid;grid-template-columns:minmax(110px,190px) minmax(0,1fr);align-items:center;gap:20px;background:radial-gradient(circle at 12% 47%,rgba(19,242,157,.28),transparent 42%),linear-gradient(120deg,#032119,#075136 60%,#061b16);border:1px solid #38edacaf;border-radius:22px;padding:26px clamp(18px,3vw,32px);box-shadow:0 0 32px #19d79724,inset 0 0 28px #0cf6b31b;color:#e7fff4;position:relative;overflow:hidden}
.settings-hero:before{content:"";position:absolute;inset:0;opacity:.36;pointer-events:none;background-image:linear-gradient(0deg,transparent 92%,rgba(90,255,213,.24) 93%,transparent 95%),linear-gradient(90deg,transparent 92%,rgba(90,255,213,.24) 93%,transparent 95%);background-size:35px 35px;mask-image:linear-gradient(90deg,black,transparent 80%)}
.settings-eye{height:156px;width:156px;display:grid;place-items:center;margin:auto;color:#9affdc;font-size:92px;line-height:1;filter:drop-shadow(0 0 13px #2bffb9);border:2px solid #8effd8a9;border-radius:50%;box-shadow:inset 0 0 38px #13df9a76,0 0 28px #24f3a343;position:relative}
.settings-eye:before{content:"";position:absolute;inset:35% -20%;border:2px solid #a8ffec;border-radius:50%;transform:rotate(-19deg);box-shadow:0 0 12px #38fcc1}
.settings-eye:after{content:"";position:absolute;inset:-9px;border:1px dashed #7af7c2a3;border-radius:50%}
.settings-eye>span{z-index:1}
.settings-hero-copy{position:relative;z-index:1}
.settings-eyebrow{color:#7dffcf;font-size:10px;letter-spacing:.22em;font-weight:800}
.settings-hero h2{margin:7px 0;font-size:clamp(23px,3vw,35px);letter-spacing:.045em;color:#e9fff4}
.settings-hero p{margin:5px 0 15px;color:#bdf3dd;line-height:1.55;font-size:13px}
.settings-shortcuts{display:flex;flex-wrap:wrap;gap:8px}
.settings-shortcuts a{background:rgba(0,15,13,.65);border:1px solid #60ffc3a9;padding:9px 12px;border-radius:11px;font-size:11px;min-height:38px;display:grid;place-items:center}
.settings-shortcuts a:hover,.settings-shortcuts a:focus-visible{background:#14815d}
.settings-cloud-section{margin-top:20px!important}
.cloud-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.cloud-heading h2{font-size:clamp(20px,2.5vw,26px)!important;margin:5px 0 8px!important}
.settings-availability{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:8px 10px;border:1px solid rgba(50,195,132,.55);border-radius:999px;background:rgba(42,151,101,.12);color:#17895c!important;font-size:11px;font-weight:750;letter-spacing:.05em}
.settings-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}
.settings-plan{display:flex;flex-direction:column;gap:7px;padding:19px 16px;border:1px solid var(--sg-edge);border-radius:15px;background:linear-gradient(145deg,rgba(22,152,101,.065),rgba(20,77,53,.025));min-width:0}
.settings-plan-icon{display:grid;place-items:center;border:1px solid var(--sg-edge);border-radius:13px;width:48px;height:48px;color:var(--sg-holo);font-size:26px}
.settings-plan h3{font-size:16px;margin:7px 0 0}
.settings-plan p{margin:0;font-size:13px;flex:1}
.settings-plan strong{font-size:12px;color:var(--sg-holo)}
.settings-plan small{font-size:11px;color:var(--sg-secondary)}
.settings-future{border-top:1px solid var(--sg-edge);margin:16px 0;padding:12px 0 2px}
.settings-future p{font-size:13px}
.settings-future strong{color:var(--sg-holo)}
html[data-inw-theme="night"] body[data-page="settings"]{--sg-edge:rgba(68,245,167,.45);--sg-glow:rgba(35,234,151,.12);--sg-ink:#d5ffe9;--sg-secondary:#a6cdb7;--sg-panel:rgba(2,24,16,.94);--sg-holo:#6cffbd;--sg-holo-light:#9effdb;background:radial-gradient(circle at 85% 8%,rgba(23,185,119,.16),transparent 31%),#020b08!important;color:#e7fff3!important}
html[data-inw-theme="night"] body[data-page="settings"] .ux-header,html[data-inw-theme="night"] body[data-page="settings"] .ux-side,html[data-inw-theme="night"] body[data-page="settings"] .ux-card,html[data-inw-theme="night"] body[data-page="settings"] .ux-bottom,html[data-inw-theme="night"] body[data-page="settings"] .ux-sheet{background:linear-gradient(140deg,#081f15,#020e0a)!important;color:#eafff3!important;border-color:var(--sg-edge)!important}
html[data-inw-theme="night"] body[data-page="settings"] .ux-card p,html[data-inw-theme="night"] body[data-page="settings"] .ux-muted{color:#b0d8c2!important}
html[data-inw-theme="night"] body[data-page="settings"] :is(.ux-action,.ux-nav a){background:#082f21!important;border-color:#29946c!important;color:#e3ffed!important}
html[data-inw-theme="night"] body[data-page="settings"] .ux-action.primary{background:linear-gradient(130deg,#8dffb0,#39da8e)!important;color:#062217!important}
html[data-inw-theme="night"] body[data-page="settings"] :is(input[type="search"],input[type="password"],input[type="text"],input[type="tel"],select){background:#051811!important;color:#eafff3!important;border-color:#43be8e!important}
html[data-inw-theme="night"] body[data-page="settings"] .ux-side strong,html[data-inw-theme="night"] body[data-page="settings"] .settings-plan strong,html[data-inw-theme="night"] body[data-page="settings"] .settings-future strong{color:#8cf8c3}
html[data-inw-theme="night"] body[data-page="settings"] .settings-availability{color:#91ffcb!important;background:rgba(21,125,83,.23)}
html[data-inw-theme="night"] body[data-page="settings"] .settings-plan{background:linear-gradient(145deg,#0b291b,#03140c)}
html[data-inw-theme="night"] body[data-page="settings"] .settings-plan small{color:#9fc8ae}
@media(min-width:1024px){body[data-page="settings"] .ux-layout{grid-template-columns:230px minmax(0,1fr)}body[data-page="settings"] .settings-wide{grid-column:1/-1}body[data-page="settings"] .ux-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:950px){.settings-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-plan:last-child{grid-column:1/-1}}
@media(max-width:760px){body[data-page="settings"] .ux-main{padding-bottom:42px}.settings-hero{padding:19px;grid-template-columns:80px minmax(0,1fr);gap:14px;min-height:auto}.settings-eye{height:77px;width:77px;font-size:43px}.settings-eye:after{inset:-5px}.settings-eye:before{inset:36% -14%}.settings-hero h2{font-size:22px}.settings-hero p{font-size:12px}.settings-shortcuts a{font-size:10px;padding:8px}.settings-plan-grid{grid-template-columns:1fr}.settings-plan:last-child{grid-column:auto}.settings-plan{padding:15px}.ux-card{min-width:0}body[data-page="settings"] .ux-layout{margin-bottom:120px}}
@media(max-width:370px){.settings-hero{grid-template-columns:1fr}.settings-eye{display:none}}
@media(prefers-reduced-motion:reduce){body[data-page="settings"] *,body[data-page="settings"] *:before,body[data-page="settings"] *:after{transition:none!important;animation:none!important}}