/* NEXAR Experience 4.0 — Stage 06: premium operational settings center.
   All settings screens remain backed by existing Supabase and local user prefs. */
.nx4-workspace.workspace--settings{--nx4-settings-accent:var(--nx-settings-accent);--nx4-settings-line:var(--nx4-line-light)}
.nx4-settings-console{min-width:0;display:grid;gap:16px;color:var(--nx4-text)}
.nx4-settings-hero{position:relative;isolation:isolate;min-height:185px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;padding:28px clamp(23px,3.4vw,40px);border-radius:18px;color:#F9F8FF;background:radial-gradient(ellipse at 82% 40%,#8F4FBD87,transparent 55%),linear-gradient(110deg,#111B3D,#282353 62%,#40245F);border:1px solid #A08ADA4F;box-shadow:0 22px 54px -37px #2220528C}
.nx4-settings-hero:after{content:"";position:absolute;width:450px;height:450px;left:2%;top:-260px;border:1px solid #FFFFFF1A;border-radius:50%;box-shadow:0 0 0 60px #FFFFFF05,0 0 0 160px #FFFFFF03;pointer-events:none}
.nx4-settings-hero>div{position:relative;z-index:1}
.nx4-settings-overline{display:inline-flex;align-items:center;gap:8px;color:#CBB5FF;font:800 10px var(--nx4-font);letter-spacing:.11em;direction:ltr}
.nx4-settings-overline svg{width:16px;height:16px}
.nx4-settings-hero h2{font:900 clamp(24px,2.5vw,33px)/1.55 var(--nx4-font);letter-spacing:-.025em;margin:10px 0 4px;color:#FFFFFF}
.nx4-settings-hero p{font-size:12px;line-height:1.9;color:#CEC9E8;max-width:55ch;margin:0}
.nx4-settings-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}
.nx4-settings-hero-meta span{display:inline-flex;align-items:center;gap:7px;border-radius:8px;border:1px solid #FFFFFF31;background:#FFFFFF0D;padding:7px 10px;font-size:10px;color:#F1EDFF;font-weight:800}
.nx4-settings-hero-meta svg{width:15px;height:15px}
.nx4-settings-hero-symbol{position:relative;flex:none;display:grid;place-items:center;width:135px;height:135px;border:1px solid #C3B7FF1D;border-radius:30px;transform:rotate(-11deg);background:#FFFFFF0A;color:#CBC3FF}
.nx4-settings-hero-symbol svg{width:80px!important;height:80px!important;stroke-width:1.1px;opacity:.7}
.nx4-settings-layout{display:grid;grid-template-columns:minmax(205px,244px) minmax(0,1fr);align-items:start;gap:14px;min-width:0}
.nx4-settings-nav,.nx4-settings-card{background:var(--nx4-panel);border:1px solid var(--nx4-settings-line);border-radius:14px;box-shadow:var(--nx4-elevate);min-width:0}
.nx4-settings-nav{padding:9px;position:sticky;top:85px}
.nx4-settings-nav-heading{font-size:10px;font-weight:900;color:var(--nx4-muted);padding:12px 10px;margin-bottom:4px}
.nx4-settings-tab{width:100%;display:flex;align-items:center;gap:11px;min-height:61px;padding:10px;border:1px solid transparent;background:transparent;border-radius:10px;color:var(--nx4-text);text-align:right;transition:background .15s ease,border-color .15s ease}
.nx4-settings-tab:hover{background:var(--nx4-paper)}
.nx4-settings-tab.active{background:color-mix(in srgb,var(--nx4-settings-accent) 9%,var(--nx4-panel));border-color:color-mix(in srgb,var(--nx4-settings-accent) 25%,var(--nx4-settings-line));box-shadow:inset -3px 0 0 var(--nx4-settings-accent)}
.nx4-settings-tab-icon{flex:0 0 auto;width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:var(--nx4-paper);color:var(--nx4-muted)}
.nx4-settings-tab.active .nx4-settings-tab-icon{background:color-mix(in srgb,var(--nx4-settings-accent) 15%,var(--nx4-panel));color:var(--nx4-settings-accent)}
.nx4-settings-tab-icon svg{width:19px;height:19px}
.nx4-settings-tab>span:nth-child(2){flex:1;min-width:0}
.nx4-settings-tab strong{display:block;font-size:11px;font-weight:900;line-height:1.6;white-space:nowrap}
.nx4-settings-tab small{display:block;font-size:9px;color:var(--nx4-muted);line-height:1.55}
.nx4-settings-tab>svg{flex:none;width:15px;height:15px;color:var(--nx4-muted)}
.nx4-settings-tab.active>svg{color:var(--nx4-settings-accent)}
.nx4-settings-main{min-width:0;display:grid;gap:12px;align-content:start}
.nx4-settings-current{display:flex;align-items:center;gap:10px;color:var(--nx4-muted);font-size:10px;font-weight:900;letter-spacing:.025em;padding:2px 2px 0}
.nx4-settings-current:before{content:"";width:3px;height:15px;border-radius:5px;background:var(--nx4-settings-accent)}
.nx4-settings-card{padding:20px 22px}
.nx4-settings-section-title{display:flex;align-items:center;gap:12px;margin:0 0 19px}
.nx4-settings-section-title>span{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--nx4-settings-accent) 11%,var(--nx4-panel));border:1px solid color-mix(in srgb,var(--nx4-settings-accent) 19%,var(--nx4-settings-line));color:var(--nx4-settings-accent)}
.nx4-settings-section-title>span svg{width:22px;height:22px}
.nx4-settings-section-title h3{font-size:15px;line-height:1.6;font-weight:900;margin:0;color:var(--nx4-text)}
.nx4-settings-section-title p{font-size:10px;line-height:1.8;color:var(--nx4-muted);margin:1px 0}
.nx4-settings-company-preview{display:flex;align-items:center;gap:12px;border:1px solid var(--nx4-settings-line);border-radius:12px;background:var(--nx4-paper);padding:14px 16px;margin-bottom:19px}
.nx4-settings-company-preview>span{flex:none;width:45px;height:45px;border-radius:12px;display:grid;place-items:center;color:var(--nx4-settings-accent);background:color-mix(in srgb,var(--nx4-settings-accent) 11%,var(--nx4-panel))}
.nx4-settings-company-preview>span svg{width:23px;height:23px}
.nx4-settings-company-preview>div{flex:1;min-width:0}
.nx4-settings-company-preview strong{font-size:12px;font-weight:900;display:block;overflow-wrap:anywhere}
.nx4-settings-company-preview small{font-size:10px;color:var(--nx4-muted);display:block;direction:ltr;text-align:right}
.nx4-settings-company-preview em{flex:none;padding:5px 9px;font-style:normal;font-size:9px;font-weight:900;color:var(--nx4-settings-accent);background:color-mix(in srgb,var(--nx4-settings-accent) 10%,var(--nx4-panel));border:1px solid color-mix(in srgb,var(--nx4-settings-accent) 21%,var(--nx4-settings-line));border-radius:7px}
.nx4-settings-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.nx4-settings-form .form-label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800;min-width:0;color:var(--nx4-text)}
.nx4-settings-form .form-label b{color:#CF4D70}
.nx4-settings-form .input{width:100%;height:43px;min-height:43px;border-radius:10px;border:1px solid var(--nx4-settings-line);background:var(--nx4-panel);color:var(--nx4-text);padding:9px 12px;font-size:11px}
.nx4-settings-form .input:focus{outline:none;border-color:var(--nx4-settings-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--nx4-settings-accent) 12%,transparent)}
.nx4-settings-form .input:disabled{background:var(--nx4-paper);opacity:.75;cursor:not-allowed}
.nx4-settings-form .form-label small{font-size:9px;font-weight:500;color:var(--nx4-muted);line-height:1.6}
.nx4-settings-form-footer{margin-top:17px;padding-top:15px;border-top:1px solid var(--nx4-settings-line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.nx4-settings-form-footer .button{background:var(--nx4-settings-accent);border-color:var(--nx4-settings-accent);color:white;min-height:40px;border-radius:10px;font-size:11px;font-weight:900;display:inline-flex;align-items:center;gap:8px}
.nx4-settings-form-footer .button svg{width:16px;height:16px}
.nx4-settings-readonly{display:inline-flex;align-items:center;gap:7px;color:var(--nx4-muted);font-size:10px;font-weight:700}
.nx4-settings-readonly svg{width:16px;height:16px}
.nx4-settings-note,.nx4-settings-demo-note{display:flex;align-items:center;gap:10px;line-height:1.9;color:var(--nx4-muted);background:color-mix(in srgb,var(--nx4-settings-accent) 5%,var(--nx4-panel));border:1px dashed color-mix(in srgb,var(--nx4-settings-accent) 24%,var(--nx4-settings-line));padding:12px 14px;border-radius:11px;font-size:10px}
.nx4-settings-note svg,.nx4-settings-demo-note svg{width:18px;height:18px;flex:none;color:var(--nx4-settings-accent)}
.nx4-settings-inline-metrics{display:flex;gap:9px;flex-wrap:wrap;border-bottom:1px solid var(--nx4-settings-line);padding-bottom:17px;margin-bottom:3px}
.nx4-settings-inline-metrics span{display:inline-flex;gap:7px;align-items:center;min-height:33px;border:1px solid var(--nx4-settings-line);background:var(--nx4-paper);border-radius:9px;padding:7px 11px;color:var(--nx4-muted);font-size:10px;font-weight:700}
.nx4-settings-inline-metrics svg{width:16px;height:16px;color:var(--nx4-settings-accent)}
.nx4-settings-inline-metrics b{color:var(--nx4-text);font-weight:900}
.nx4-settings-app-row{display:flex;align-items:center;gap:12px;padding:13px 3px;border-bottom:1px solid var(--nx4-settings-line)}
.nx4-settings-app-row:last-of-type{border-bottom:0}
.nx4-settings-app-icon{width:43px;height:43px;border:1px solid color-mix(in srgb,var(--nx4-app-color) 22%,var(--nx4-settings-line));border-radius:12px;background:color-mix(in srgb,var(--nx4-app-color) 10%,var(--nx4-panel));color:var(--nx4-app-color);display:grid;place-items:center;flex:none}
.nx4-settings-app-icon svg{width:22px;height:22px}
.nx4-settings-app-info{flex:1;min-width:0}
.nx4-settings-app-info strong{display:block;font-size:12px;font-weight:900;color:var(--nx4-text)}
.nx4-settings-app-info small{display:block;font-size:10px;color:var(--nx4-muted);line-height:1.6}
.nx4-settings-app-status{flex:none;display:inline-flex;gap:6px;align-items:center;padding:6px 9px;border-radius:8px;border:1px solid var(--nx4-settings-line);font-size:9px;font-weight:900}
.nx4-settings-app-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.nx4-settings-app-status.is-enabled{background:color-mix(in srgb,#2768B3 7%,var(--nx4-panel));color:#3B7FC0;border-color:color-mix(in srgb,#2768B3 22%,var(--nx4-settings-line))}
.nx4-settings-app-status.is-disabled{color:#A84B6D;background:color-mix(in srgb,#A84B6D 8%,var(--nx4-panel));border-color:color-mix(in srgb,#A84B6D 22%,var(--nx4-settings-line))}
.nx4-settings-app-btn{font-size:10px!important;font-weight:900!important;min-height:36px!important;padding:7px 12px!important;border-radius:9px!important;white-space:nowrap;flex:none}
.nx4-settings-app-btn:not(.ghost){background:var(--nx4-settings-accent);border-color:var(--nx4-settings-accent);color:white}
.nx4-settings-palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.nx4-settings-palette{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:right;border:1px solid var(--nx4-settings-line);border-radius:12px;background:var(--nx4-paper);padding:13px;min-height:121px;transition:border-color .16s,transform .16s}
.nx4-settings-palette:hover{transform:translateY(-2px)}
.nx4-settings-palette.selected{border-color:color-mix(in srgb,var(--nx4-settings-accent) 55%,var(--nx4-settings-line));background:color-mix(in srgb,var(--nx4-settings-accent) 5%,var(--nx4-panel))}
.nx4-settings-palette .palette-dots{display:flex;gap:4px;margin-bottom:2px;align-items:center}
.nx4-settings-palette .palette-dots i{width:17px;height:17px;border-radius:6px}
.nx4-settings-palette strong{font-size:11px;font-weight:900;color:var(--nx4-text)}
.nx4-settings-palette small{font-size:9px;line-height:1.6;color:var(--nx4-muted)}
.nx4-settings-palette em{position:absolute;top:13px;left:13px;width:23px;height:23px;border-radius:7px;display:grid;place-items:center;font-style:normal;color:var(--nx4-muted)}
.nx4-settings-palette.selected em{color:var(--nx4-settings-accent);background:color-mix(in srgb,var(--nx4-settings-accent) 13%,var(--nx4-panel))}
.nx4-settings-palette em svg{width:15px;height:15px}
.nx4-settings-subheading{font-size:11px;font-weight:900;color:var(--nx4-text);padding:15px 0 9px}
.nx4-settings-choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.nx4-settings-option{display:grid;grid-template-columns:1fr 22px;gap:3px;align-items:center;min-height:71px;border:1px solid var(--nx4-settings-line);background:var(--nx4-paper);border-radius:11px;text-align:right;padding:12px 14px;color:var(--nx4-text);transition:background .16s,border-color .16s}
.nx4-settings-option:hover{border-color:color-mix(in srgb,var(--nx4-settings-accent) 40%,var(--nx4-settings-line))}
.nx4-settings-option.selected{border-color:color-mix(in srgb,var(--nx4-settings-accent) 48%,var(--nx4-settings-line));background:color-mix(in srgb,var(--nx4-settings-accent) 7%,var(--nx4-panel))}
.nx4-settings-option strong{font-size:11px;font-weight:900;grid-column:1;grid-row:1}
.nx4-settings-option small{font-size:9px;color:var(--nx4-muted);grid-column:1;grid-row:2;line-height:1.65}
.nx4-settings-option>svg{width:18px;height:18px;grid-column:2;grid-row:1/3;justify-self:center;color:var(--nx4-muted)}
.nx4-settings-option.selected>svg{color:var(--nx4-settings-accent)}
.nx4-settings-drive-status{border:1px solid var(--nx4-settings-line);border-radius:12px;padding:17px;background:var(--nx4-paper);display:flex;align-items:center;gap:12px}
.nx4-settings-drive-icon{width:44px;height:44px;border-radius:12px;background:var(--nx4-panel);border:1px solid var(--nx4-settings-line);color:var(--nx4-settings-accent);display:grid;place-items:center;flex:none}
.nx4-settings-drive-icon svg{width:23px;height:23px}
.nx4-settings-drive-status>div{min-width:0;flex:1}
.nx4-settings-drive-status strong{display:block;font-size:12px;font-weight:900;color:var(--nx4-text)}
.nx4-settings-drive-status small{display:block;font-size:10px;line-height:1.8;color:var(--nx4-muted)}
.nx4-settings-drive-status.connected .nx4-settings-drive-icon{color:#2580B7;background:#EAF5FD}
.nx4-settings-drive-status.error .nx4-settings-drive-icon{color:#BF5270;background:#FCEEF1}
.nx4-settings-drive-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding-top:15px}
.nx4-settings-drive-actions .button{min-height:39px;background:var(--nx4-settings-accent);color:#fff;border-color:var(--nx4-settings-accent);font-size:11px;font-weight:900;border-radius:10px}
.nx4-settings-drive-actions>span{font-size:10px;line-height:1.7;color:var(--nx4-muted);display:inline-flex;align-items:center;gap:7px}
.nx4-settings-drive-actions svg{width:16px;height:16px}
.nx4-settings-empty{padding:27px 18px;border:1px dashed var(--nx4-settings-line);border-radius:11px;background:var(--nx4-paper);text-align:center;color:var(--nx4-muted);font-size:11px}
@media(max-width:1050px){
 .nx4-settings-layout{grid-template-columns:210px minmax(0,1fr)}
 .nx4-settings-form-grid{grid-template-columns:1fr}
 .nx4-settings-palette-grid{grid-template-columns:1fr}
 .nx4-settings-palette{min-height:96px}
}
@media(max-width:820px){
 .nx4-settings-layout{grid-template-columns:1fr}
 .nx4-settings-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;position:static;scrollbar-width:thin;gap:6px;padding:7px;overscroll-behavior-x:contain}
 .nx4-settings-nav-heading{display:none}
 .nx4-settings-tab{width:auto;min-width:158px;flex:none;min-height:50px;padding:8px 10px}
 .nx4-settings-tab-icon{width:30px;height:30px}
 .nx4-settings-tab small{display:none}
 .nx4-settings-tab>svg{display:none}
 .nx4-settings-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .nx4-settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 .nx4-settings-hero{padding:22px 17px;min-height:178px;border-radius:13px}
 .nx4-settings-hero h2{font-size:23px}
 .nx4-settings-hero p{font-size:10px;line-height:1.8}
 .nx4-settings-hero-symbol{display:none}
 .nx4-settings-hero-meta{margin-top:12px;gap:5px}
 .nx4-settings-hero-meta span{font-size:9px;padding:5px 7px}
 .nx4-settings-console{gap:11px}
 .nx4-settings-nav{border-radius:11px}
 .nx4-settings-tab{min-width:139px}
 .nx4-settings-card{padding:15px;border-radius:12px}
 .nx4-settings-section-title{align-items:flex-start}
 .nx4-settings-section-title>span{width:37px;height:37px}
 .nx4-settings-section-title h3{font-size:13px}
 .nx4-settings-form-grid{grid-template-columns:1fr}
 .nx4-settings-palette-grid{grid-template-columns:1fr}
 .nx4-settings-choice-row{grid-template-columns:1fr 1fr}
 .nx4-settings-app-row{flex-wrap:wrap;gap:9px}
 .nx4-settings-app-info{flex:1 1 calc(100% - 57px)}
 .nx4-settings-app-status{margin-inline-start:55px}
 .nx4-settings-app-btn{margin-inline-start:auto}
 .nx4-settings-company-preview{flex-wrap:wrap}
 .nx4-settings-company-preview em{margin-inline-start:auto}
 .nx4-settings-form-footer .button{flex:1;justify-content:center}
}
@media(max-width:390px){
 .nx4-settings-choice-row{grid-template-columns:1fr}
 .nx4-settings-app-btn{width:100%;justify-content:center}
 .nx4-settings-app-status{margin-inline-start:0}
}
@media(prefers-reduced-motion:reduce){
 .nx4-settings-tab,.nx4-settings-option,.nx4-settings-palette{transition:none}
}


/* Read-only Drive refresh uses secondary affordance, not the primary connect style. */
.nx4-settings-drive-actions .button.ghost{
 background:var(--nx4-panel);color:var(--nx4-settings-accent);
 border:1px solid color-mix(in srgb,var(--nx4-settings-accent) 28%,var(--nx4-settings-line));
}
.nx4-settings-drive-actions .button.ghost:hover{background:color-mix(in srgb,var(--nx4-settings-accent) 7%,var(--nx4-panel))}


/* Accurate Signature 2.3 color swatches, not the older v2.2 palette preview. */
.nx4-settings-palette .palette-dots[data-variant="signature"] i:first-child{background:#008FCB}
.nx4-settings-palette .palette-dots[data-variant="signature"] i:nth-child(2){background:#7440EC}
.nx4-settings-palette .palette-dots[data-variant="signature"] i:last-child{background:#EC426B}