/* SynkerX v4.2.0 UI upgrade */
:root{--sx42-surface:#0c1118;--sx42-panel:#111827;--sx42-panel-2:#0f172a;--sx42-line:rgba(148,163,184,.16);--sx42-soft:rgba(255,255,255,.04);--sx42-accent:#4f8cff;--sx42-accent-2:#8b5cf6;--sx42-text:#ecf2ff;--sx42-muted:#98a4b8}
html.theme-light{--sx42-surface:#ffffff;--sx42-panel:#ffffff;--sx42-panel-2:#f8fbff;--sx42-line:#dbe5f0;--sx42-soft:#f2f6fb;--sx42-text:#0f172a;--sx42-muted:#5b6676}
.sx-ai-v420 .sx-ai-top{padding:18px 20px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));box-shadow:0 20px 40px rgba(2,6,23,.18)}
.sx-ai-v420 .sx-ai-top-copy{margin:6px 0 0;color:var(--muted);font-size:11px;max-width:680px;line-height:1.7}
.sx-ai-v420 .sx-ai-layout{grid-template-columns:300px minmax(0,1fr);border-radius:18px;background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(8,12,18,.94));box-shadow:0 18px 42px rgba(2,6,23,.26)}
html.theme-light .sx-ai-v420 .sx-ai-layout{background:linear-gradient(180deg,#fff,#fbfdff)}
.sx-ai-v420 .sx-ai-side{padding:14px;gap:12px;background:linear-gradient(180deg,rgba(7,11,18,.95),rgba(11,17,26,.9))}
html.theme-light .sx-ai-v420 .sx-ai-side{background:linear-gradient(180deg,#fbfdff,#f6faff)}
.sx-ai-v420 .sx-ai-new{min-height:44px;border-radius:12px;background:linear-gradient(135deg,rgba(79,140,255,.16),rgba(139,92,246,.12));border-color:rgba(79,140,255,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.sx-ai-v420 .sx-ai-new kbd{margin-left:auto;padding:3px 6px;border-radius:6px;background:rgba(255,255,255,.05);border:1px solid var(--sx42-line);font:700 10px var(--mono);color:var(--sx42-muted)}
.sx-ai-side-headline{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sx-ai-side-clear{border:0;background:transparent;color:#8fb3ff;font:700 10px var(--mono);cursor:pointer}
.sx-ai-sessions{display:grid;gap:8px;max-height:260px;overflow:auto;padding-right:2px}
.sx-ai-session{position:relative;display:grid;gap:4px;text-align:left;padding:10px 12px 11px;border:1px solid var(--sx42-line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--sx42-text);transition:.18s border-color,.18s transform,.18s background;cursor:pointer}
html.theme-light .sx-ai-session{background:#fff}
.sx-ai-session:hover{transform:translateY(-1px);border-color:rgba(79,140,255,.36);background:rgba(79,140,255,.05)}
.sx-ai-session.active{border-color:rgba(79,140,255,.5);background:linear-gradient(135deg,rgba(79,140,255,.12),rgba(139,92,246,.08));box-shadow:0 0 0 1px rgba(79,140,255,.15)}
.sx-ai-session-title{padding-right:22px;font:800 12px/1.2 Inter,system-ui,sans-serif;color:var(--sx42-text)}
.sx-ai-session-meta{font:700 9px/1 var(--mono);color:var(--sx42-muted);letter-spacing:.05em;text-transform:uppercase}
.sx-ai-session-preview{font-size:10.5px;color:var(--muted);line-height:1.45}
.sx-ai-session-remove{position:absolute;top:8px;right:9px;width:18px;height:18px;border-radius:6px;display:grid;place-items:center;color:var(--sx42-muted);font-style:normal}
.sx-ai-session:hover .sx-ai-session-remove{background:rgba(248,113,113,.1);color:#fda4af}
.sx-ai-v420 .sx-ai-contextbar{min-height:46px;padding:0 14px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));backdrop-filter:blur(10px)}
.sx-ai-v420 .sx-ai-messages{padding:24px clamp(14px,3vw,40px);background-image:radial-gradient(circle at top right,rgba(79,140,255,.12),transparent 24%),linear-gradient(rgba(148,163,184,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.025) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px}
.sx-ai-v420 .sx-ai-msg{max-width:1020px;grid-template-columns:36px minmax(0,1fr);column-gap:12px}
.sx-ai-v420 .sx-ai-msg-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,rgba(79,140,255,.18),rgba(139,92,246,.14));border-color:rgba(255,255,255,.08)}
.sx-ai-v420 .sx-ai-msg.user .sx-ai-msg-avatar{background:linear-gradient(135deg,rgba(37,99,235,.2),rgba(56,189,248,.14))}
.sx-ai-v420 .sx-ai-bubble{padding:16px 18px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(148,163,184,.1);box-shadow:0 10px 28px rgba(2,6,23,.16);line-height:1.8}
html.theme-light .sx-ai-v420 .sx-ai-bubble{background:#fff}
.sx-ai-v420 .sx-ai-msg.user .sx-ai-bubble{background:linear-gradient(135deg,rgba(79,140,255,.12),rgba(37,99,235,.08));border-color:rgba(79,140,255,.22)}
.sx-ai-v420 .sx-ai-msg.assistant .sx-ai-bubble{background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}
.sx-ai-v420 .sx-ai-codeblock{border-radius:12px;box-shadow:0 14px 28px rgba(0,0,0,.22)}
.sx-ai-v420 .sx-ai-composer{padding:12px clamp(12px,2.5vw,26px) 14px;background:rgba(7,12,20,.92)}
html.theme-light .sx-ai-v420 .sx-ai-composer{background:rgba(248,250,252,.98)}
.sx-ai-v420 .sx-ai-composebox{max-width:1020px;border-radius:16px;padding:10px 12px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.025));box-shadow:0 18px 36px rgba(2,6,23,.16)}
.sx-ai-v420 #sxAiPrompt{font-size:13px;line-height:1.7;min-height:38px}
.sx-ai-v420 .sx-ai-tool-btn,.sx-ai-v420 .sx-ai-stop{min-height:32px;padding:0 10px;border-radius:8px;font-size:10px}
.sx-ai-v420 .sx-ai-send{min-height:34px;padding:0 10px 0 12px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#4f46e5)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 8px 24px rgba(37,99,235,.25)}
.sx-ai-v420 .sx-ai-file-chip{border-radius:10px;min-height:42px}
.sx-ai-v420 .sx-ai-toast{right:20px;bottom:20px;padding:10px 12px;border-radius:10px;background:#101827;color:#dbeafe}
.sx-home .sx-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.sx-home .sx-contact-card{padding:18px;border:1px solid rgba(148,163,184,.14);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));box-shadow:0 14px 34px rgba(2,6,23,.12)}
.sx-home .sx-contact-card span{display:block;font:800 10px var(--mono);letter-spacing:.1em;color:#7dd3fc;text-transform:uppercase;margin-bottom:10px}
.sx-home .sx-contact-card b{display:block;font-size:18px;margin-bottom:8px}
.sx-home .sx-contact-card p{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.65}
.sx-home .sx-contact-card a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid rgba(79,140,255,.2);background:rgba(79,140,255,.08);color:inherit;text-decoration:none;font-weight:700}
.sx-admin-titlebar,.sx-admin-statusbar{backdrop-filter:blur(14px)}
.sx-admin-editor .metric-grid article,.sx-admin-editor .admin-card,.sx-admin-editor .admin-panel,.sx-admin-explorer,.sx-admin-titlebar{box-shadow:0 12px 32px rgba(2,6,23,.12)}
.sx-admin-titlebar{border-bottom:1px solid rgba(148,163,184,.15);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}
.sx-admin-explorer-head b,.sx-admin-window-brand b{letter-spacing:.04em}
.sx-admin-statusbar{border-top:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02))}
@media(max-width:980px){.sx-ai-v420 .sx-ai-layout{grid-template-columns:1fr}.sx-home .sx-contact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.sx-home .sx-contact-grid{grid-template-columns:1fr}.sx-ai-v420 .sx-ai-top{padding:14px}.sx-ai-v420 .sx-ai-layout{border-radius:14px}.sx-ai-v420 .sx-ai-messages{padding:16px 10px}.sx-ai-v420 .sx-ai-bubble{padding:13px 14px}.sx-ai-v420 .sx-ai-sessions{max-height:180px}}

/* v4.2.1 role-gated workspace + DevSec hub */
.sx-role-user .sx-auth-user-card,.sx-role-dev .sx-auth-user-card,.sx-role-admin .sx-auth-user-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:72px;padding:12px 10px}.sx-auth-copy{min-width:0}.sx-auth-copy>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx-auth-meta{display:flex!important;flex-wrap:wrap;gap:4px 7px;min-width:0}.sx-auth-meta span{font-size:8px!important;line-height:1.25;white-space:nowrap}.sx-auth-actions{display:flex!important;flex-direction:column;gap:5px;align-items:center}.sx-work-tabs-clean{display:flex;gap:5px;overflow-x:auto;padding-bottom:3px}.sx-work-tabs-clean .work-tab{flex:0 0 auto;min-height:32px;border-radius:7px;font-size:9px;padding:0 10px}.sx-devtools-hub{display:grid;gap:14px}.sx-devtools-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px;border:1px solid rgba(148,163,184,.13);border-radius:14px;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(139,92,246,.045),rgba(255,255,255,.014))}.sx-devtools-head>div>span{font:800 8px var(--mono);letter-spacing:.13em;color:#7dd3fc}.sx-devtools-head h2{margin:7px 0 6px;font-size:24px}.sx-devtools-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.65;max-width:800px}.sx-devtools-head>b{padding:7px 9px;border-radius:8px;border:1px solid rgba(96,165,250,.18);background:rgba(59,130,246,.06);font:800 8px var(--mono);color:#93c5fd}.sx-devtools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sx-devtools-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:84px;padding:12px;border:1px solid rgba(148,163,184,.11);border-radius:11px;background:rgba(255,255,255,.018);color:inherit;text-decoration:none;transition:.16s transform,.16s border-color,.16s background}.sx-devtools-card:hover{transform:translateY(-2px);border-color:rgba(79,140,255,.35);background:rgba(79,140,255,.045)}.sx-devtools-card>span{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;border:1px solid rgba(96,165,250,.15);background:rgba(59,130,246,.055);font:800 8px var(--mono);color:#7dd3fc}.sx-devtools-card>div{min-width:0}.sx-devtools-card b{display:block;font-size:11px;margin-bottom:5px}.sx-devtools-card p{margin:0;color:var(--muted);font-size:9.5px;line-height:1.5}.sx-devtools-card>i{font-style:normal;color:#93c5fd}.sx-devtools-card.admin{border-color:rgba(167,139,250,.18)}.sx-role-user .sx-status-bar .sx-status-meta{min-width:max-content}.sx-role-user .sx-command-deck--inline{margin-left:auto}.sx-role-user .sx-pane-desc{max-width:760px}.sx-role-user .sx-rpl-sidebar-footer .sx-rpl-workspace-copy small:before{content:'user · '}.sx-role-dev .sx-rpl-sidebar-footer .sx-rpl-workspace-copy small:before{content:'dev · '}.sx-role-admin .sx-rpl-sidebar-footer .sx-rpl-workspace-copy small:before{content:'admin · '}
@media(max-width:980px){.sx-devtools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.sx-devtools-grid{grid-template-columns:1fr}.sx-auth-meta{max-width:170px}.sx-devtools-head{display:grid}}

.sx-global-toast{position:fixed;right:18px;bottom:18px;z-index:99999;max-width:min(380px,calc(100vw - 36px));padding:11px 13px;border:1px solid rgba(96,165,250,.2);border-radius:10px;background:#111827;color:#dbeafe;box-shadow:0 18px 48px rgba(0,0,0,.32);font:700 10px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;opacity:0;transform:translateY(8px);transition:.18s opacity,.18s transform}.sx-global-toast.show{opacity:1;transform:translateY(0)}
.sx-role-user[data-sx-page="overview"] .hero,.sx-role-user[data-sx-page="overview"] .audit-head,.sx-role-user[data-sx-page="overview"] .controls,.sx-role-user[data-sx-page="overview"] .profile-panel,.sx-role-user[data-sx-page="overview"] .progress-wrap,.sx-role-user[data-sx-page="overview"] .stats,.sx-role-user[data-sx-page="overview"] #opsDashboard,.sx-role-user[data-sx-page="overview"] #perfPanel{display:none!important}.sx-user-home{display:grid;gap:14px;margin-top:12px}.sx-user-home-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px;border:1px solid rgba(148,163,184,.13);border-radius:15px;background:linear-gradient(135deg,rgba(59,130,246,.08),rgba(139,92,246,.04),rgba(255,255,255,.015))}.sx-user-home-hero>div>span{font:800 8px var(--mono);letter-spacing:.13em;color:#7dd3fc}.sx-user-home-hero h2{margin:7px 0 6px;font-size:24px}.sx-user-home-hero p{margin:0;max-width:760px;color:var(--muted);font-size:11px;line-height:1.65}.sx-user-balance{min-width:150px;padding:12px;border:1px solid rgba(96,165,250,.16);border-radius:10px;background:rgba(59,130,246,.05);display:grid}.sx-user-balance span,.sx-user-balance small{font:700 7.5px var(--mono);color:var(--muted);text-transform:uppercase}.sx-user-balance b{font-size:22px;margin:3px 0}.sx-user-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.sx-user-home-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:82px;padding:12px;border:1px solid rgba(148,163,184,.11);border-radius:11px;background:rgba(255,255,255,.016);text-decoration:none;color:inherit;transition:.16s transform,.16s border-color}.sx-user-home-card:hover{transform:translateY(-2px);border-color:rgba(79,140,255,.35)}.sx-user-home-card>i{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;background:rgba(59,130,246,.06);border:1px solid rgba(96,165,250,.14);color:#93c5fd;font:800 9px var(--mono);font-style:normal}.sx-user-home-card b{display:block;font-size:11px;margin-bottom:4px}.sx-user-home-card span{display:block;color:var(--muted);font-size:9.5px;line-height:1.45}.sx-user-home-card em{font-style:normal;color:#8fb3ff;font-size:9px;white-space:nowrap}@media(max-width:900px){.sx-user-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.sx-user-home-grid{grid-template-columns:1fr}.sx-user-home-hero{display:grid}.sx-user-balance{width:100%}}