/* AZRA Settings v73d — responsive two-pane preference workspace */
.az-settings-shell{max-width:1180px;margin:0 auto;padding:clamp(12px,2vw,26px) 0 70px;color:var(--az-text)}
.az-settings-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px 28px;margin-bottom:20px;border:1px solid var(--az-line);border-radius:26px;background:linear-gradient(120deg,var(--az-surface-2),var(--az-surface));}
.az-settings-eyebrow,.az-section-head>div>span{font:700 10px/1 var(--az-font-mono);letter-spacing:.13em;color:var(--az-mut)}
.az-settings-hero h1{font:800 clamp(30px,4vw,46px)/1.05 var(--az-font-display);margin:12px 0 8px;letter-spacing:-.04em}
.az-settings-hero p,.az-section-head p{color:var(--az-mut);margin:0;font-size:13px}
.az-settings-profile{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;background:var(--az-bg);border:1px solid var(--az-line);min-width:280px}
.az-settings-profile>div{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.az-settings-profile small{color:var(--az-mut)}.az-plan-chip{font-size:10px;color:var(--az-primary);font-weight:800}
.az-settings-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}
.az-settings-sidebar{position:sticky;top:18px;padding:12px;border:1px solid var(--az-line);border-radius:22px;background:var(--az-surface)}
.az-settings-search{display:flex;align-items:center;gap:8px;padding:0 12px;height:42px;border:1px solid var(--az-line);border-radius:13px;background:var(--az-bg);color:var(--az-mut)}.az-settings-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--az-text);font:inherit;font-size:12px}
#azSettingsNav{display:grid;gap:5px;margin-top:12px}.az-set-nav{display:flex;align-items:center;gap:10px;padding:10px;border-radius:13px;text-decoration:none;color:var(--az-text);transition:background .18s,transform .18s}.az-set-nav:hover,.az-set-nav.is-current{background:var(--az-surface-2)}.az-set-nav:active{transform:scale(.985)}.az-set-nav>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:3px}.az-set-nav b{font-size:12px}.az-set-nav small{font-size:10px;color:var(--az-mut)}.az-set-nav-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--az-surface-2);color:var(--az-primary)}.az-set-nav[hidden],.az-settings-section[hidden]{display:none!important}
.az-settings-content{display:grid;gap:18px;min-width:0}.az-settings-section{scroll-margin-top:18px;display:grid;gap:10px}.az-section-head{display:flex;justify-content:space-between;align-items:end;padding:3px 2px 5px}.az-section-head h2{font-size:23px;letter-spacing:-.03em;margin:8px 0 5px}.az-settings-card{padding:20px;border:1px solid var(--az-line);border-radius:20px;background:var(--az-surface);box-shadow:var(--az-shadow-sm,none)}.az-settings-card h3{font-size:14px;margin:0 0 14px}.az-settings-card p{font-size:12px;color:var(--az-mut)}
.az-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.az-theme-card{display:grid;text-align:start;gap:7px;padding:10px;border:1px solid var(--az-line);border-radius:16px;background:var(--az-bg);color:var(--az-text);cursor:pointer;min-width:0;transition:border-color .18s,transform .18s}.az-theme-card:hover{transform:translateY(-2px)}.az-theme-card.is-active{border:2px solid var(--az-primary);padding:9px;box-shadow:0 0 0 3px color-mix(in srgb,var(--az-primary) 13%,transparent)}.az-theme-card strong{font-size:12px}.az-theme-card small{font-size:10px;color:var(--az-mut)}.az-theme-preview{height:72px;border-radius:10px;padding:9px;display:flex;align-items:flex-end;gap:5px;overflow:hidden}.az-preview-dark{background:#050505}.az-preview-light{background:#f7f3ee}.az-preview-system{background:linear-gradient(110deg,#080808 50%,#f7f3ee 50%)}.az-theme-preview i,.az-theme-preview b,.az-theme-preview em{display:block;height:35px;border-radius:5px;background:#ffd500;flex:1}.az-theme-preview b{height:25px;background:#777}.az-theme-preview em{height:17px;background:#c9a900}.az-settings-note{display:flex;align-items:center;gap:8px;margin-top:13px;color:var(--az-mut);font-size:11px}
.az-card-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.az-card-row h3{margin:0 0 4px}.az-card-row p{margin:0}.az-toggle{position:relative;display:inline-flex;flex:0 0 48px;width:48px;height:28px}.az-toggle input{position:absolute;opacity:0}.az-toggle span{width:48px;height:28px;border-radius:99px;background:var(--az-surface-2);border:1px solid var(--az-line);transition:background .2s}.az-toggle span:after{content:"";display:block;width:20px;height:20px;margin:3px;border-radius:50%;background:var(--az-text);transition:transform .2s}.az-toggle input:checked+span{background:var(--az-primary);border-color:var(--az-primary)}.az-toggle input:checked+span:after{background:#000;transform:translateX(20px)}.az-toggle input:focus-visible+span{outline:2px solid var(--az-primary);outline-offset:3px}
.az-language-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.az-language-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:18px;border:1px solid var(--az-line);border-radius:17px;background:var(--az-surface);color:var(--az-text);cursor:pointer}.az-language-card strong{font-size:17px}.az-language-card small{color:var(--az-mut);font-size:11px}.az-language-card.is-active{border:2px solid var(--az-primary);padding:17px;background:color-mix(in srgb,var(--az-primary) 7%,var(--az-surface))}
.az-set-switch{border-bottom:1px solid var(--az-line)}.az-set-switch:last-child{border-bottom:0}.az-settings-section:focus{outline:0}
@media(max-width:850px){.az-settings-layout{grid-template-columns:1fr}.az-settings-sidebar{position:static}.az-settings-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.az-settings-hero{align-items:flex-start;flex-direction:column}.az-settings-profile{width:100%;min-width:0}}
@media(max-width:520px){.az-settings-shell{padding-top:8px}.az-settings-hero{padding:20px;border-radius:20px}.az-settings-sidebar nav{grid-template-columns:1fr}.az-theme-grid{gap:6px}.az-theme-card{padding:7px}.az-theme-card.is-active{padding:6px}.az-theme-preview{height:54px}.az-settings-card{padding:15px}.az-language-card{padding:14px}.az-language-card.is-active{padding:13px}}
html[data-motion="reduce"] .az-theme-card,html[data-motion="reduce"] .az-set-nav,html[data-motion="reduce"] .az-toggle span,html[data-motion="reduce"] .az-toggle span:after{transition:none!important}
/* Full-page guide launcher */
.az-guide-launcher .az-section-head{margin-bottom:14px}
.az-guide-launch-row{display:grid;gap:8px}
.az-guide-launch-row>label{font-size:11px;font-weight:800;color:var(--az-text,var(--text))}
.az-guide-launch-controls{display:flex;align-items:center;gap:10px}
.az-guide-launch-controls .select{flex:1;min-width:0;min-height:44px;background:var(--az-surface-2,var(--surface));color:var(--az-text,var(--text));border-color:var(--az-line,var(--line))}
.az-guide-launch-controls .btn{min-height:44px;white-space:nowrap}
@media(max-width:560px){.az-guide-launch-controls{flex-direction:column;align-items:stretch}.az-guide-launch-controls .btn{width:100%}}

/* ========================================================================
   AZRA Settings v83 — modular settings hub
   A short dashboard of colorful shortcuts, then one focused settings page.
   Keeps all existing controls and IDs; only navigation/presentation changes.
   ======================================================================== */
@media (min-width:1021px){
  body[data-view="settings"] .layout{grid-template-columns:232px minmax(0,1fr);max-width:1240px}
  body[data-view="settings"] #rightRail{display:none}
}
@media (min-width:1021px) and (max-width:1180px){
  body[data-view="settings"] .layout{grid-template-columns:76px minmax(0,1fr)}
}
.az-settings-shell{max-width:1120px;margin-inline:auto;padding:clamp(12px,2vw,26px) 0 76px}
.az-settings-hero{position:relative;isolation:isolate;overflow:hidden;align-items:center;min-height:150px;padding:26px 30px;margin-bottom:20px;border-radius:28px;border-color:rgba(255,213,0,.2);background:radial-gradient(ellipse at 88% 4%,rgba(255,213,0,.13),transparent 36%),linear-gradient(125deg,#131313 0%,#090909 65%,#11100b 100%);box-shadow:0 18px 50px rgba(0,0,0,.16)}
.az-settings-hero:after{content:"";position:absolute;z-index:-1;width:180px;height:180px;right:28%;top:-125px;border:1px solid rgba(255,213,0,.13);border-radius:50%;box-shadow:0 0 0 24px rgba(255,213,0,.025),0 0 0 50px rgba(255,213,0,.018)}
.az-settings-hero h1{font-size:clamp(30px,4vw,42px);margin:10px 0 7px}
.az-settings-profile{background:rgba(0,0,0,.38);border-color:rgba(255,255,255,.1);backdrop-filter:blur(12px)}
.az-settings-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--az-primary);letter-spacing:.16em}
.az-settings-layout{display:block;min-width:0}
.az-settings-home{display:grid;gap:18px;min-width:0}
.az-settings-home[hidden],.az-settings-subpage-head[hidden],.az-settings-section[hidden],.az-settings-nav-grid .az-set-nav[hidden]{display:none!important}
.az-settings-home-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:6px 2px 4px}
.az-settings-home-top h2{font:800 clamp(23px,2.5vw,30px)/1.12 var(--az-font-display);letter-spacing:-.035em;margin:9px 0 6px;color:var(--az-text)}
.az-settings-home-top p{font-size:12px;color:var(--az-mut);margin:0;max-width:520px;line-height:1.7}
.az-settings-search{flex:0 1 330px;min-width:220px;height:46px;padding:0 14px;border-radius:15px;background:var(--az-surface);border:1px solid var(--az-line-strong);color:var(--az-mut)}
.az-settings-search:focus-within{border-color:var(--az-primary);box-shadow:0 0 0 3px rgba(255,213,0,.1)}
.az-settings-search input{font-size:12px;color:var(--az-text)}
.az-settings-nav-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
#azSettingsNav .az-set-nav{--set-accent:var(--az-primary);position:relative;isolation:isolate;display:grid;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:13px;min-width:0;min-height:112px;width:100%;padding:17px 16px;border:1px solid var(--az-line);border-radius:22px;background:linear-gradient(145deg,var(--az-surface-2),var(--az-surface));color:var(--az-text);text-align:start;cursor:pointer;overflow:hidden;box-shadow:0 9px 24px rgba(0,0,0,.12);transition:transform .2s var(--az-ease),border-color .2s,box-shadow .2s}
#azSettingsNav .az-set-nav:before{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:3px;background:var(--set-accent);opacity:.9;transform:scaleX(.24);transform-origin:left;transition:transform .24s var(--az-ease)}
#azSettingsNav .az-set-nav:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--set-accent) 52%,var(--az-line));box-shadow:0 15px 30px rgba(0,0,0,.2)}
#azSettingsNav .az-set-nav:hover:before{transform:scaleX(1)}
#azSettingsNav .az-set-nav:focus-visible{outline:2px solid var(--set-accent);outline-offset:3px}
#azSettingsNav .az-set-nav-icon{display:grid;place-items:center;width:48px;height:48px;flex:none;margin:0;border-radius:16px;background:var(--set-accent);color:#080808;box-shadow:inset 0 1px rgba(255,255,255,.32)}
#azSettingsNav .az-set-nav-icon .ico{width:23px;height:23px;stroke-width:1.9}
#azSettingsNav .az-set-nav-copy{display:flex;flex-direction:column;gap:6px;min-width:0}
#azSettingsNav .az-set-nav-copy b{font-size:13px;line-height:1.3;font-weight:850;overflow-wrap:anywhere}
#azSettingsNav .az-set-nav-copy small{font-size:10.5px;line-height:1.45;color:var(--az-mut);font-weight:550;overflow-wrap:anywhere}
#azSettingsNav .az-set-nav-arrow{display:grid;place-items:center;color:var(--set-accent);opacity:.9}
#azSettingsNav .az-set-nav-arrow .ico{width:17px;height:17px}
#azSettingsNav .az-set-nav.tone-yellow{--set-accent:#FFD500}
#azSettingsNav .az-set-nav.tone-green{--set-accent:#22E06B}
#azSettingsNav .az-set-nav.tone-blue{--set-accent:#4C8DFF}
#azSettingsNav .az-set-nav.tone-pink{--set-accent:#FF7AC6}
#azSettingsNav .az-set-nav.tone-violet{--set-accent:#B68AFF}
#azSettingsNav .az-set-nav.tone-cyan{--set-accent:#48DCE7}
#azSettingsNav .az-set-nav.tone-yellow,#azSettingsNav .az-set-nav.tone-green,#azSettingsNav .az-set-nav.tone-blue,#azSettingsNav .az-set-nav.tone-pink{background:var(--set-accent);border-color:transparent;color:#080808;box-shadow:0 9px 24px rgba(0,0,0,.14)}
#azSettingsNav .az-set-nav.tone-yellow:before,#azSettingsNav .az-set-nav.tone-green:before,#azSettingsNav .az-set-nav.tone-blue:before,#azSettingsNav .az-set-nav.tone-pink:before{background:rgba(0,0,0,.28)}
#azSettingsNav .az-set-nav.tone-yellow .az-set-nav-icon,#azSettingsNav .az-set-nav.tone-green .az-set-nav-icon,#azSettingsNav .az-set-nav.tone-blue .az-set-nav-icon,#azSettingsNav .az-set-nav.tone-pink .az-set-nav-icon{background:rgba(0,0,0,.1);color:#080808;box-shadow:none}
#azSettingsNav .az-set-nav.tone-yellow .az-set-nav-copy small,#azSettingsNav .az-set-nav.tone-green .az-set-nav-copy small,#azSettingsNav .az-set-nav.tone-blue .az-set-nav-copy small,#azSettingsNav .az-set-nav.tone-pink .az-set-nav-copy small{color:rgba(0,0,0,.72)}
#azSettingsNav .az-set-nav.tone-yellow .az-set-nav-arrow,#azSettingsNav .az-set-nav.tone-green .az-set-nav-arrow,#azSettingsNav .az-set-nav.tone-blue .az-set-nav-arrow,#azSettingsNav .az-set-nav.tone-pink .az-set-nav-arrow{color:#080808}
.az-settings-no-results{margin:2px 0;padding:16px;border:1px dashed var(--az-line-strong);border-radius:16px;color:var(--az-mut);font-size:12px;text-align:center}
.az-settings-content{display:grid;gap:16px;min-width:0;max-width:900px;margin-inline:auto}
.az-settings-subpage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 12px;border-bottom:1px solid var(--az-line)}
.az-settings-subpage-head>span{font:700 9px/1 var(--az-font-mono);letter-spacing:.14em;color:var(--az-dim)}
.az-settings-back{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--az-line-strong);border-radius:13px;background:var(--az-surface);color:var(--az-text);font:750 12px var(--az-font-ui);cursor:pointer;transition:background .18s,border-color .18s}
.az-settings-back:hover{background:var(--az-surface-2);border-color:var(--az-primary)}
.az-settings-section{display:grid;gap:12px;min-width:0;animation:azSettingsIn .26s var(--az-ease) both}
.az-settings-section[hidden]{display:none!important}
.az-settings-section .az-section-head{align-items:center;padding:8px 2px 9px;border-bottom:1px solid var(--az-line)}
.az-settings-section .az-section-head h2{display:flex;align-items:center;gap:11px;font-size:clamp(22px,2.4vw,28px);margin:8px 0 6px}
.az-settings-section-icon{display:inline-grid;place-items:center;width:42px;height:42px;flex:none;border-radius:14px;background:var(--az-primary-soft);color:var(--az-primary)}
.az-settings-section-icon .ico{width:22px;height:22px}
.az-settings-section .az-settings-card{padding:20px;border-radius:22px;background:linear-gradient(145deg,var(--az-surface),color-mix(in srgb,var(--az-surface) 85%,var(--az-surface-2)));border-color:var(--az-line);box-shadow:0 12px 30px rgba(0,0,0,.1)}
.az-settings-section .az-settings-card h3{display:flex;align-items:center;gap:9px;font-size:14px}
.az-settings-section .az-language-card{align-items:flex-start;gap:10px;min-height:115px;justify-content:center}
.az-settings-section .az-language-card>.ico{width:23px;height:23px;color:var(--az-primary)}
.az-settings-section .az-language-card strong{font-size:16px}
.az-settings-section .az-set-switch{padding:15px 2px;gap:18px}
.az-settings-section .az-set-switch>div{display:grid;gap:5px;font-size:13px;font-weight:750}
.az-settings-section .az-set-switch small{font-size:11px;color:var(--az-mut);font-weight:500}
.az-settings-shell.is-subpage .az-settings-hero{min-height:0;padding:16px 20px;margin-bottom:14px;border-radius:20px}
.az-settings-shell.is-subpage .az-settings-hero h1{font-size:22px;margin:4px 0}
.az-settings-shell.is-subpage .az-settings-hero p{font-size:11px}
.az-settings-shell.is-subpage .az-settings-hero:after{display:none}
.az-settings-shell.is-subpage .az-settings-profile{padding:7px 10px;min-width:220px;border-radius:14px}
html[dir="rtl"] #azSettingsNav .az-set-nav:before{transform-origin:right}
html[dir="rtl"] #azSettingsNav .az-set-nav-arrow{transform:rotate(180deg)}
@keyframes azSettingsIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.az-settings-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.az-settings-profile{min-width:240px}}
@media(max-width:850px){.az-settings-shell{padding-inline:8px}.az-settings-home-top{align-items:stretch;flex-direction:column}.az-settings-search{flex:0 0 auto;width:100%;min-width:0}.az-settings-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.az-settings-hero{flex-direction:row;align-items:center}.az-settings-profile{min-width:0}}
@media(max-width:560px){.az-settings-shell{padding:8px 10px calc(24px + var(--az-safe-bottom,0px))}.az-settings-hero{padding:16px;border-radius:20px;gap:12px}.az-settings-hero h1{font-size:28px}.az-settings-profile{width:auto;min-width:0;padding:8px;border-radius:14px;gap:8px}.az-settings-profile .btn{font-size:0;min-width:36px;padding:8px}.az-settings-profile .btn .ico{margin:0}.az-settings-home{gap:13px}.az-settings-home-top h2{font-size:23px}.az-settings-nav-grid{grid-template-columns:1fr;gap:9px}#azSettingsNav .az-set-nav{min-height:82px;padding:12px 13px;border-radius:18px;grid-template-columns:44px minmax(0,1fr) 18px;gap:11px}#azSettingsNav .az-set-nav-icon{width:44px;height:44px;border-radius:14px}#azSettingsNav .az-set-nav-copy b{font-size:12.5px}#azSettingsNav .az-set-nav-copy small{font-size:10px}.az-settings-subpage-head{padding-bottom:10px}.az-settings-section .az-section-head h2{font-size:21px}.az-settings-section-icon{width:38px;height:38px}.az-settings-section .az-settings-card{padding:15px;border-radius:18px}.az-settings-section .az-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.az-settings-section .az-language-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.az-settings-hero{align-items:flex-start;flex-direction:column}.az-settings-profile{width:100%}.az-settings-section .az-theme-grid{grid-template-columns:1fr}.az-settings-section .az-theme-preview{height:48px}}
@media(prefers-reduced-motion:reduce){.az-settings-section{animation:none}}
html[dir="rtl"] .az-settings-back>.ico{transform:rotate(180deg)}