@font-face { font-family:"Inter Variable"; font-style:normal; font-weight:100 900; font-display:swap; src:url("/assets/fonts/inter-latin-variable.woff2") format("woff2"); }
/* Xalen UI workspace layout adapted for Vedika. Reference: DashboardSidebar
 * (260px expanded, 60px rail, 12px shell gutter) and template mobile drawer.
 * Existing marketing styles stay retired on this app surface. */
@layer workspace {
:root { --ws-ground:#fff!important; --ws-panel:#f7f7f8!important; --ws-raised:#fff!important; --ws-text:#202124!important; --ws-muted:#747579!important; --ws-line:#e9e8ed!important; --ws-accent:#713cf3!important; }
:root[data-workspace-theme="dark"] { --ws-ground:#171719!important; --ws-panel:#222225!important; --ws-raised:#2a2a2e!important; --ws-text:#f1f1f3!important; --ws-muted:#aaa9b2!important; --ws-line:#37363e!important; --ws-accent:#b598ff!important; }
html.dashboard-page, .workspace-body { background:var(--ws-ground)!important; color:var(--ws-text)!important; height:100%!important; overflow:hidden!important; }
.workspace-body { margin:0!important; font-family:"Inter Variable",Arial,Helvetica,sans-serif!important; }
.workspace-body > nav, .workspace-body > footer, .workspace-body > .vk-footer { display:none!important; }
.workspace-body::before,.workspace-body::after { display:none!important; }
.workspace-layout { display:flex!important; gap:16px!important; height:100dvh!important; padding:12px!important; overflow:hidden!important; }
.workspace-sidebar { width:260px!important; flex:0 0 260px!important; display:flex!important; flex-direction:column!important; min-height:0!important; padding:12px!important; background:var(--ws-raised)!important; border:1px solid var(--ws-line)!important; border-radius:24px!important; box-shadow:0 3px 18px #42316308!important; }
.workspace-brand { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; padding-bottom:16px!important; }
.workspace-brand a { display:flex!important; align-items:center!important; gap:9px!important; color:var(--ws-text)!important; font-weight:600!important; }
.workspace-brand button,.workspace-theme button,.workspace-mobile-toggle { display:grid!important; place-items:center!important; width:34px!important; height:34px!important; border-radius:9px!important; color:var(--ws-muted)!important; background:transparent!important; border:0!important; }
.workspace-search { display:flex!important; gap:9px!important; align-items:center!important; padding:9px 10px!important; border:1px solid var(--ws-line)!important; border-radius:12px!important; color:var(--ws-muted)!important; }
.workspace-search input { width:100%!important; min-width:0!important; border:0!important; background:transparent!important; padding:0!important; color:var(--ws-text)!important; font-size:14px!important; }
.workspace-navigation { display:flex!important; flex-direction:column!important; gap:7px!important; flex:1!important; min-height:0!important; overflow:auto!important; padding:12px 0!important; }
.workspace-navigation button,.workspace-sidebar-bottom > a { display:flex!important; align-items:center!important; gap:14px!important; padding:11px 12px!important; text-align:left!important; border:1px solid transparent!important; border-radius:10px!important; color:var(--ws-text)!important; background:transparent!important; font-size:14px!important; white-space:nowrap!important; }
.workspace-navigation i,.workspace-sidebar-bottom > a i { width:20px!important; text-align:center!important; font-size:17px!important; }
.workspace-navigation [aria-current="page"] { color:var(--ws-accent)!important; background:var(--ws-panel)!important; border-color:var(--ws-line)!important; }
.workspace-navigation button:hover,.workspace-sidebar-bottom > a:hover { background:var(--ws-panel)!important; }
.workspace-sidebar-bottom { display:flex!important; flex-direction:column!important; gap:4px!important; border-top:1px solid var(--ws-line)!important; padding-top:10px!important; }
.workspace-theme { display:flex!important; width:max-content!important; padding:3px!important; border-radius:22px!important; background:var(--ws-panel)!important; }
.workspace-theme [aria-pressed="true"] { background:var(--ws-raised)!important; color:var(--ws-text)!important; }
.workspace-account { display:flex!important; align-items:center!important; gap:10px!important; border:0!important; border-radius:14px!important; padding:12px!important; text-align:left!important; background:var(--ws-panel)!important; color:var(--ws-text)!important; margin-top:6px!important; }
.workspace-account > i { font-size:26px!important; color:var(--ws-accent)!important; }
.workspace-account span { min-width:0!important; }
.workspace-account strong,.workspace-account small { display:block!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
.workspace-account strong { font-size:14px!important; font-weight:500!important; }.workspace-account small { color:var(--ws-muted)!important; font-size:12px!important; }
.workspace-legal { display:flex!important; justify-content:space-between!important; font-size:11px!important; color:var(--ws-muted)!important; padding:7px 3px 0!important; }
.workspace-main { flex:1!important; min-width:0!important; overflow-y:auto!important; overflow-x:hidden!important; padding:8px 12px 24px 0!important; background:var(--ws-ground)!important; }
.workspace-breadcrumb { display:flex!important; gap:14px!important; color:var(--ws-muted)!important; font-size:12px!important; margin:4px 4px 20px!important; }
.workspace-body h1,.workspace-body h2,.workspace-body h3,.workspace-body h4 { font-family:inherit!important; color:var(--ws-text)!important; letter-spacing:-.025em!important; }
.workspace-body h1 { font-size:24px!important; font-weight:500!important; }
.workspace-home-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:4px 0 22px; }
.workspace-home-heading p { color:var(--ws-muted);font-size:13px;margin-top:6px; }
.workspace-home-heading button { min-height:44px;padding:10px 14px;border:1px solid var(--ws-line);border-radius:9px;background:var(--ws-raised);color:var(--ws-text); }

/* Keep the required privacy control visible without making it look like a
 * detached footer fragment. The consent stylesheet loads after this file, so
 * the dashboard shell uses a scoped selector for its app-specific placement. */
body.workspace-body #vedika-consent-open {
  left:calc(var(--ws-sidebar-width, 264px) + 16px)!important;bottom:16px!important;min-height:40px!important;
  padding:8px 13px!important;border:1px solid var(--ws-line)!important;border-radius:999px!important;
  color:var(--ws-text)!important;background:color-mix(in srgb,var(--ws-raised) 92%,transparent)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.12)!important;backdrop-filter:blur(12px)!important;
}
@media (max-width: 900px) {
  body.workspace-body #vedika-consent-open { left:12px!important;bottom:12px!important; }
}
.workspace-body .bg-white { background:var(--ws-raised)!important; }
.workspace-body .text-gray-900,.workspace-body .text-gray-800,.workspace-body .text-gray-700 { color:var(--ws-text)!important; }
.workspace-body .text-gray-600,.workspace-body .text-gray-500,.workspace-body .text-gray-400 { color:var(--ws-muted)!important; }
.workspace-body .border-gray-200,.workspace-body .border-gray-100 { border-color:var(--ws-line)!important; }
.workspace-body .vds-cardgrid__card,.workspace-body .stat-card { background:var(--ws-panel)!important; border:0!important; border-radius:20px!important; box-shadow:none!important; }
.workspace-body .vds-bloom::before,.workspace-body .vds-bloom::after,.workspace-body .vkm-beam-ring { display:none!important; }
.workspace-body .vds-pill,.workspace-body .vds-pill--primary,.workspace-body .vds-pill--secondary { background:var(--ws-raised)!important; color:var(--ws-text)!important; border:1px solid var(--ws-line)!important; border-radius:9px!important; box-shadow:0 1px 2px #00000008!important; }
.workspace-body button,.workspace-body a { transition:color 150ms ease-out,background-color 150ms ease-out,opacity 150ms ease-out!important; }
.workspace-body :focus-visible { outline:2px solid var(--ws-accent)!important; outline-offset:3px!important; }
.workspace-body input,.workspace-body select,.workspace-body textarea { color:var(--ws-text)!important; background-color:var(--ws-raised)!important; border-color:var(--ws-line)!important; }
.workspace-mobile-toggle,.workspace-scrim { display:none!important; }
.workspace-collapsed .workspace-sidebar { width:64px!important; flex-basis:64px!important; padding:10px!important; }
.workspace-collapsed .workspace-brand a,.workspace-collapsed .workspace-search,.workspace-collapsed .workspace-navigation span,.workspace-collapsed .workspace-sidebar-bottom > a span,.workspace-collapsed .workspace-account span,.workspace-collapsed .workspace-legal { display:none!important; }
.workspace-collapsed .workspace-navigation button,.workspace-collapsed .workspace-sidebar-bottom > a { padding:10px!important; justify-content:center!important; }
.workspace-collapsed .workspace-theme { flex-direction:column!important; }.workspace-collapsed .workspace-account { padding:8px!important; }
.workspace-no-results { font-size:13px!important; color:var(--ws-muted)!important; padding:10px!important; }
@media(max-width:1023px) {
.workspace-layout { padding:8px!important; gap:0!important; }
.workspace-sidebar,.workspace-collapsed .workspace-sidebar { position:fixed!important; left:8px!important; top:8px!important; bottom:8px!important; width:260px!important; max-width:calc(100vw - 48px)!important; z-index:80!important; transform:translateX(calc(-100% - 16px))!important; }
.workspace-mobile-open .workspace-sidebar { transform:translateX(0)!important; }
.workspace-mobile-toggle { display:grid!important; position:fixed!important; top:12px!important; left:12px!important; z-index:60!important; background:var(--ws-raised)!important; }
.workspace-scrim { display:block!important; position:fixed!important; inset:0!important; z-index:70!important; border:0!important; background:#0006!important; }
.workspace-main { padding:48px 4px 16px!important; }
.workspace-breadcrumb { position:fixed!important; top:8px!important; left:8px!important; right:8px!important; height:44px!important; padding:0 12px 0 52px!important; align-items:center!important; background:var(--ws-ground)!important; z-index:50!important; margin:0!important; }.workspace-breadcrumb>span:last-child { min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; }
.workspace-collapsed .workspace-brand a,.workspace-collapsed .workspace-search,.workspace-collapsed .workspace-navigation span,.workspace-collapsed .workspace-account span,.workspace-collapsed .workspace-legal,.workspace-collapsed .workspace-sidebar-bottom > a span { display:revert!important; }
.workspace-collapsed .workspace-navigation button,.workspace-collapsed .workspace-sidebar-bottom > a { justify-content:flex-start!important; }
.workspace-collapsed .workspace-theme { flex-direction:row!important; }
}
@media(prefers-reduced-motion:reduce) { .workspace-body * { transition:none!important; animation:none!important; } }
}
@layer workspace {
.workspace-body .dash-sheet { display:none!important; }
.chat-workspace { display:flex!important; gap:12px!important; min-height:560px!important; height:calc(100dvh - 90px)!important; }
.chat-center { display:flex!important; flex-direction:column!important; flex:1!important; min-width:0!important; min-height:0!important; background:var(--ws-panel)!important; border-radius:24px!important; overflow:hidden!important; }
.chat-header,.chat-context > header,.chat-history > header { display:flex!important; align-items:center!important; gap:10px!important; padding:14px 16px!important; }
.chat-header h2 { flex:1!important; font-size:16px!important; font-weight:500!important; }
.chat-header button,.chat-composer button,.chat-history button,.chat-context > header button { border:0!important; background:transparent!important; color:var(--ws-text)!important; padding:7px!important; border-radius:9px!important; font-size:13px!important; }
.chat-transcript { flex:1!important; min-height:0!important; overflow:auto!important; padding:20px!important; }
.chat-welcome { height:100%!important; min-height:220px!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:14px!important; text-align:center!important; }
.chat-welcome h3 { font-size:24px!important; }.chat-welcome p { color:var(--ws-muted)!important; font-size:14px!important; }
.chat-welcome button { padding:9px 16px!important; border:1px solid var(--ws-line)!important; border-radius:10px!important; background:var(--ws-raised)!important; }
.chat-message { max-width:90%!important; margin:0 0 24px!important; font-size:15px!important; line-height:1.7!important; }
.chat-message p { white-space:pre-wrap!important; overflow-wrap:anywhere!important; }.chat-message small { color:var(--ws-muted)!important; font-size:12px!important; }
.chat-message-user { width:max-content!important; margin-left:auto!important; padding:12px 16px!important; border-radius:18px!important; background:var(--ws-raised)!important; }
.chat-composer { margin:12px!important; padding:12px!important; background:var(--ws-raised)!important; border:1px solid var(--ws-line)!important; border-radius:22px!important; }
.chat-composer textarea { width:100%!important; resize:vertical!important; min-height:60px!important; max-height:200px!important; padding:6px!important; border:0!important; background:transparent!important; font-size:15px!important; }
.chat-composer-actions { display:flex!important; align-items:center!important; gap:6px!important; }.chat-composer-actions button { display:flex!important; align-items:center!important; gap:7px!important; }.chat-composer-spacer { flex:1!important; }.chat-composer select { max-width:130px!important; border:0!important; font-size:13px!important; }
.chat-status { display:flex!important; flex-wrap:wrap!important; justify-content:space-between!important; gap:8px!important; padding:10px 6px 0!important; color:var(--ws-muted)!important; font-size:11px!important; }
.chat-context { width:320px!important; flex:0 0 320px!important; overflow:auto!important; background:var(--ws-raised)!important; border:1px solid var(--ws-line)!important; border-radius:20px!important; padding:12px!important; }
.chat-context > header { padding:0 0 15px!important; justify-content:space-between!important; }.chat-context .vplay-field { margin-bottom:18px!important; }.chat-context code { overflow-wrap:anywhere!important; font-size:11px!important; }
.chat-place-results { display:flex!important; flex-direction:column!important; }.chat-place-results button { text-align:left!important; padding:9px!important; font-size:13px!important; border-bottom:1px solid var(--ws-line)!important; }
.chat-history { display:none!important; width:230px!important; flex:0 0 230px!important; overflow:auto!important; padding:10px!important; border:1px solid var(--ws-line)!important; border-radius:20px!important; }.chat-history.is-open { display:flex!important; flex-direction:column!important; gap:8px!important; }
.chat-history-row { display:flex!important; align-items:center!important; justify-content:space-between!important; }.chat-history-row small { display:block!important; color:var(--ws-muted)!important; }.chat-history p { font-size:12px!important; color:var(--ws-muted)!important; }
.chat-progress { display:flex!important; align-items:center!important; gap:10px!important; color:var(--ws-muted)!important; font-size:14px!important; }.chat-pulse { width:8px!important; height:8px!important; border-radius:50%!important; background:var(--ws-accent)!important; }
@media(max-width:1279px) { .chat-history.is-open { position:fixed!important; z-index:90!important; top:60px!important; bottom:15px!important; left:15px!important; width:260px!important; background:var(--ws-raised)!important; box-shadow:0 12px 40px #0002!important; } }
@media(max-width:767px) { .chat-workspace { min-height:0!important; height:calc(100dvh - 76px)!important; }.chat-context { position:fixed!important; z-index:90!important; top:60px!important; bottom:12px!important; right:8px!important; width:min(340px,calc(100vw - 16px))!important; box-shadow:0 12px 40px #0002!important; }.chat-header { padding:10px!important; }.chat-header h2 { font-size:14px!important; }.chat-header button { font-size:11px!important; }.chat-transcript { padding:12px!important; }.chat-composer { margin:8px!important; padding:8px!important; }.chat-composer-actions button { font-size:11px!important; }.chat-composer-actions select { max-width:96px!important; }.chat-welcome h3 { font-size:20px!important; } }
}
@layer workspace {
html.dashboard-page .workspace-body [x-cloak],html.dashboard-page .workspace-body [x-show][style*="display: none"] { display:none!important; }
.workspace-body .chat-transcript::-webkit-scrollbar-thumb,.workspace-body .workspace-main::-webkit-scrollbar-thumb { background:var(--ws-line)!important; }
}
@layer workspace {
.workspace-body > #drawer,.workspace-body > .drawer-backdrop { display:none!important; }
}

@layer workspace {
.workspace-profile { width:100%!important; max-width:1300px!important; display:grid!important; grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr)!important; gap:14px!important; align-items:stretch!important; margin:0 auto 18px!important; }
.workspace-profile-card { grid-row:span 2!important; border:0!important; border-radius:20px!important; background:var(--ws-panel)!important; }
.workspace-profile-cover { height:124px!important; }
.workspace-profile-content { gap:12px!important; padding:94px 18px 20px!important; }
.workspace-profile-avatar { width:66px!important; height:66px!important; font-size:22px!important; border-color:var(--ws-panel)!important; }
.workspace-profile-identity h2 { font-size:21px!important; }
.workspace-profile button { min-height:36px!important; padding:7px 11px!important; font-size:12px!important; }
.profile-activity-total>strong { font-size:25px!important; }
.profile-activity-metrics { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:7px!important; margin:8px 0 10px!important; }
.profile-heatmap { gap:4px!important; }
.workspace-profile .profile-heatmap button { width:16px!important; height:16px!important; min-height:16px!important; }
.profile-chart { margin:0!important; min-height:0!important; padding:17px!important; border-radius:20px!important; }
.profile-call-bars { height:146px!important; }
.profile-latency-chart { height:132px!important; min-height:0!important; }
.profile-chart details { border-top:1px solid var(--ws-line)!important; padding-top:8px!important; }
.profile-chart summary { list-style:none!important; display:flex!important; align-items:center!important; gap:8px!important; }
.profile-chart summary::-webkit-details-marker { display:none!important; }
.profile-chart summary::before { content:'+'!important; display:grid!important; place-items:center!important; width:20px!important; height:20px!important; border:1px solid var(--ws-line)!important; border-radius:6px!important; color:var(--ws-text)!important; }
.profile-chart details[open] summary::before { content:'−'!important; }
.workspace-account-controls { max-width:1300px!important; margin:0 auto!important; }
.workspace-account-controls>summary { list-style:none!important; display:flex!important; align-items:center!important; justify-content:space-between!important; min-height:48px!important; padding:12px 16px!important; border:1px solid var(--ws-line)!important; border-radius:14px!important; background:var(--ws-panel)!important; }
.workspace-account-controls>summary::-webkit-details-marker { display:none!important; }
.workspace-account-controls>summary::after { content:'+'!important; font-size:20px!important; color:var(--ws-muted)!important; }
.workspace-account-controls[open]>summary::after { content:'−'!important; }
@media(max-width:900px) { .workspace-profile { grid-template-columns:1fr!important; }.workspace-profile-card { grid-row:auto!important; } }
}
@layer workspace {
@media(max-width:1023px) { .workspace-sidebar { visibility:hidden!important; }.workspace-mobile-open .workspace-sidebar { visibility:visible!important; } }
}

/* Xalen dashboard shell. Keep the template's 260px floating rail, restrained
 * selected row, line icons, and fixed utility footer. Product navigation is
 * never displaced by a promotional card. */
@layer workspace {
.workspace-sidebar {
  justify-content:stretch!important;
  padding:12px!important;
  border-color:#eadffb!important;
  box-shadow:0 10px 32px rgba(92,50,145,.035)!important;
}
.workspace-brand { padding:0 0 10px!important; min-height:44px!important; }
.workspace-brand .workspace-identity { width:auto!important; height:auto!important; min-width:0!important; flex:1!important; display:flex!important; place-items:unset!important; align-items:center!important; justify-content:flex-start!important; gap:9px!important; border:0!important; background:transparent!important; color:var(--ws-text)!important; text-align:left!important; padding:0!important; }
.workspace-identity>span:last-child { min-width:0!important; }
.workspace-identity strong,.workspace-identity small { display:block!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; }
.workspace-identity strong { font-size:14px!important; font-weight:500!important; }
.workspace-identity small { margin-top:1px!important; color:var(--ws-muted)!important; font-size:10px!important; }
.workspace-avatar { display:grid!important; place-items:center!important; width:32px!important; height:32px!important; flex:0 0 32px!important; border-radius:50%!important; background:#e5e5e7!important; color:#67676c!important; font-size:12px!important; font-weight:600!important; }
.workspace-brand>button:last-child svg { width:20px!important; height:20px!important; }
.workspace-search { height:38px!important; flex:0 0 38px!important; padding:0 10px!important; border-radius:11px!important; background:var(--ws-raised)!important; }
.workspace-search:focus-within { border-color:color-mix(in srgb,var(--ws-accent) 50%,var(--ws-line))!important; box-shadow:0 0 0 2px color-mix(in srgb,var(--ws-accent) 12%,transparent)!important; }
.workspace-navigation { gap:3px!important; padding:10px 2px 8px!important; overflow-y:auto!important; scrollbar-width:none!important; }
.workspace-navigation::-webkit-scrollbar { display:none!important; }
.workspace-navigation button,.workspace-sidebar-bottom>a,.workspace-sidebar-bottom>.workspace-utility-link,.workspace-report-bug {
  width:100%!important; min-height:38px!important; padding:8px 9px!important; gap:10px!important;
  border:1px solid transparent!important; border-radius:9px!important; color:var(--ws-text)!important;
  background:transparent!important; font-size:13px!important; font-weight:400!important;
}
.workspace-navigation button>span:nth-child(2) { min-width:0!important; overflow:hidden!important; text-overflow:ellipsis!important; }
.workspace-nav-count { margin-left:auto!important; padding:2px 5px!important; border-radius:5px!important; background:var(--ws-line)!important; color:var(--ws-muted)!important; font-size:10px!important; font-weight:600!important; }
.workspace-nav-icon { display:grid!important; place-items:center!important; width:20px!important; height:20px!important; flex:0 0 20px!important; color:#344054!important; }
.workspace-nav-icon svg { width:20px!important; height:20px!important; }
.workspace-navigation [aria-current="page"] { color:var(--ws-accent)!important; background:color-mix(in srgb,var(--ws-accent) 6%,var(--ws-panel))!important; border-color:color-mix(in srgb,var(--ws-accent) 14%,var(--ws-line))!important; }
.workspace-navigation [aria-current="page"] .workspace-nav-icon { color:var(--ws-accent)!important; }
.workspace-sidebar-bottom { flex:0 0 auto!important; gap:2px!important; padding-top:8px!important; }
.workspace-sidebar-bottom>.workspace-utility-link { display:flex!important;align-items:center!important;text-align:left!important; }
.workspace-sidebar-bottom>.workspace-utility-link[aria-current="page"] { color:var(--ws-accent)!important;background:color-mix(in srgb,var(--ws-accent) 6%,var(--ws-panel))!important;border-color:color-mix(in srgb,var(--ws-accent) 14%,var(--ws-line))!important; }
.workspace-sidebar-bottom>.workspace-utility-link[aria-current="page"] .workspace-nav-icon { color:var(--ws-accent)!important; }
.workspace-theme { margin:0 0 3px!important; }
.workspace-theme button { width:32px!important; height:32px!important; }
.workspace-account { min-height:56px!important; padding:9px!important; margin-top:5px!important; border-radius:12px!important; }
.workspace-account img { width:32px!important; height:32px!important; flex:0 0 32px!important; }
.workspace-account-caret { margin-left:auto!important;color:var(--ws-muted)!important;font-size:16px!important; }
.workspace-report-bug { display:flex!important; align-items:center!important; text-align:left!important; }
.workspace-resources { margin:1px 8px 0!important; font-size:11px!important; color:var(--ws-muted)!important; }
.workspace-resources summary { padding:4px 0!important; cursor:pointer!important; }
.workspace-resources a,.workspace-resources button { display:block!important; width:100%!important; padding:5px 0 5px 14px!important; border:0!important; background:transparent!important; color:var(--ws-muted)!important; font:inherit!important; text-align:left!important; }
.workspace-onboarding,.workspace-legal { display:none!important; }
body.workspace-body #vedika-consent-open { display:none!important; }
:root[data-workspace-theme="dark"] .workspace-sidebar { border-color:#343238!important; }
:root[data-workspace-theme="dark"] .workspace-nav-icon { color:#d0ced8!important; }
:root[data-workspace-theme="dark"] .workspace-avatar { background:#36363a!important; color:#e9e8ed!important; }
.workspace-collapsed .workspace-identity>span:last-child,.workspace-collapsed .workspace-nav-count { display:none!important; }
.workspace-collapsed .workspace-brand { flex-direction:column-reverse!important; gap:8px!important; }
.workspace-collapsed .workspace-identity { justify-content:center!important; }
.workspace-collapsed .workspace-account span,.workspace-collapsed .workspace-report-bug span,.workspace-collapsed .workspace-resources { display:none!important; }
.workspace-collapsed .workspace-account { justify-content:center!important; padding:7px!important; }
@media(max-height:760px) and (min-width:1024px) {
  .workspace-navigation button,.workspace-sidebar-bottom>a,.workspace-sidebar-bottom>.workspace-utility-link,.workspace-report-bug { min-height:34px!important; padding-top:6px!important; padding-bottom:6px!important; }
  .workspace-account { min-height:48px!important; }
  .workspace-resources { display:none!important; }
}
}

@layer workspace {
.workspace-home { max-width:1300px!important; margin:0 auto!important; }
.workspace-home-heading { margin:3px 0 20px!important; }
.workspace-home-heading h1 { font-size:26px!important; font-weight:550!important; }
.workspace-home-heading button { min-height:36px!important; padding:7px 12px!important; border-radius:9px!important; font-size:12px!important; }
.workspace-home .dash-stage__sheet,.workspace-home .vds-cardgrid__ornament { display:none!important; }
.workspace-home .vds-cardgrid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:14px!important; margin-bottom:16px!important; }
.workspace-home .vds-cardgrid__card { display:block!important; min-height:138px!important; padding:18px!important; border:0!important; border-radius:20px!important; background:var(--ws-panel)!important; }
.workspace-home .vds-cardgrid__card>div:first-of-type { margin:0 0 18px!important; }
.workspace-home .vds-cardgrid__card .text-3xl { font-size:27px!important; line-height:1.05!important; font-weight:600!important; letter-spacing:-.035em!important; }
.workspace-home .stat-icon { width:34px!important; height:34px!important; border-radius:8px!important; box-shadow:none!important; }
.workspace-recent-card,.workspace-chart-card { padding:18px!important; border:0!important; border-radius:20px!important; background:var(--ws-panel)!important; box-shadow:none!important; }
.workspace-recent-card { margin-bottom:14px!important; }
.workspace-recent-card>div:first-child { margin-bottom:10px!important; }
.workspace-recent-card h3,.workspace-chart-card h3 { font-size:15px!important; font-weight:600!important; margin:0!important; }
.workspace-recent-card .section-icon,.workspace-chart-card .section-icon { display:none!important; }
.workspace-request-list { display:block!important; overflow:hidden!important; border:0!important; border-radius:0!important; }
.workspace-request-head,.workspace-request-row { display:grid!important; grid-template-columns:minmax(260px,2fr) minmax(110px,.8fr) minmax(90px,.65fr) minmax(85px,.6fr) minmax(100px,.7fr)!important; gap:16px!important; align-items:center!important; }
.workspace-request-head { padding:9px 10px!important; border-bottom:1px solid var(--ws-line)!important; color:var(--ws-muted)!important; font-size:10px!important; text-transform:uppercase!important; letter-spacing:.08em!important; }
.workspace-request-row { width:100%!important; min-height:49px!important; padding:9px 10px!important; border:0!important; border-bottom:1px solid var(--ws-line)!important; background:transparent!important; color:var(--ws-text)!important; text-align:left!important; font-size:12px!important; }
.workspace-request-row:hover { background:color-mix(in srgb,var(--ws-raised) 72%,transparent)!important; }
.workspace-request-endpoint { overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-weight:500!important; }
.workspace-request-env,.workspace-request-time { color:var(--ws-muted)!important; }
.workspace-request-row .is-success { color:#039c75!important; }.workspace-request-row .is-error { color:#d33c55!important; }
.workspace-home>.grid { gap:14px!important; margin-bottom:16px!important; }
.workspace-chart-card .chart-container { height:230px!important; max-height:230px!important; margin-top:14px!important; background:transparent!important; }
@media(max-width:1100px) { .workspace-home .vds-cardgrid { grid-template-columns:repeat(2,minmax(0,1fr))!important; } }
@media(max-width:720px) {
  .workspace-home .vds-cardgrid { grid-template-columns:1fr!important; }
  .workspace-request-head { display:none!important; }
  .workspace-request-row { grid-template-columns:minmax(0,1fr) auto!important; gap:5px 12px!important; }
  .workspace-request-row>*:nth-child(2),.workspace-request-row>*:nth-child(3) { display:none!important; }
  .workspace-request-row>*:nth-child(4),.workspace-request-row>*:nth-child(5) { font-size:11px!important; }
}

/* Xalen dashboard 1 composition: keep the source two-column bento and bind it
 * to the authenticated Vedika account projection. */
.workspace-home { display:grid!important;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr)!important;gap:16px!important;align-items:stretch!important; }
.workspace-home>.dash-stage,.workspace-home>.grid { display:contents!important; }
.workspace-home-heading { grid-column:1/-1!important;display:flex!important;align-items:center!important;margin:2px 4px 0!important;min-height:48px!important; }
.workspace-home-heading>div:first-child p { display:none!important; }
.workspace-home-actions { display:flex!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important; }
.workspace-home-actions button { min-height:38px!important;background:var(--ws-raised)!important;box-shadow:0 1px 3px #0000000d!important; }
.workspace-home-actions .is-primary { background:#ffc291!important;border-color:#f0a36a!important;color:#202124!important;box-shadow:inset 0 -3px 0 #e69a63!important; }
.workspace-body .workspace-home .workspace-recent-card,.workspace-body .workspace-home .workspace-chart-card,.workspace-home-summary { margin:0!important;min-height:356px!important;border-radius:20px!important;background:var(--ws-panel)!important; }
.workspace-recent-card { grid-column:1!important;grid-row:2!important;padding:16px!important; }
.workspace-home>.grid>.workspace-chart-card:first-child { grid-column:2!important;grid-row:2!important; }
.workspace-home>.grid>.workspace-chart-card:last-child { grid-column:1!important;grid-row:3!important; }
.workspace-home .workspace-home-summary { grid-column:2!important;grid-row:3!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:16px!important; }
.workspace-summary-heading { grid-column:1/-1!important;display:flex!important;justify-content:space-between!important;align-items:flex-start!important; }
.workspace-summary-heading span,.workspace-chart-heading span { display:block!important;color:var(--ws-muted)!important;font-size:13px!important; }
.workspace-summary-heading strong,.workspace-chart-heading strong { display:block!important;margin-top:4px!important;font-size:28px!important;line-height:1!important;font-weight:500!important;letter-spacing:-.04em!important; }
.workspace-summary-heading small,.workspace-chart-heading small,.workspace-summary-footer { color:var(--ws-muted)!important;font-size:11px!important; }
.workspace-home .workspace-home-summary>.vds-cardgrid__card { min-height:74px!important;padding:11px!important;border-radius:12px!important;background:var(--ws-raised)!important; }
.workspace-home .workspace-home-summary>.vds-cardgrid__card>div:first-of-type { margin:0 0 8px!important; }
.workspace-home .workspace-home-summary .stat-icon,.workspace-home .workspace-home-summary .vds-cardgrid__card>div:last-child { display:none!important; }
.workspace-home .workspace-home-summary .text-gray-500 { font-family:"DM Sans",sans-serif!important;font-size:10px!important;text-transform:none!important;letter-spacing:0!important;white-space:normal!important; }
.workspace-home .workspace-home-summary .text-3xl { font-size:16px!important;letter-spacing:-.02em!important; }
.workspace-activity-map { grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(21,minmax(5px,1fr))!important;gap:5px!important;align-content:center!important; }
.workspace-activity-map button { aspect-ratio:1!important;min-width:0!important;min-height:0!important;padding:0!important;border:0!important;border-radius:4px!important;background:#dedee1!important; }
.workspace-activity-map button[data-intensity="low"] { background:#d8caff!important; }.workspace-activity-map button[data-intensity="medium"] { background:#a97cff!important; }.workspace-activity-map button[data-intensity="high"] { background:#713cf3!important; }.workspace-activity-map button[data-intensity="empty"] { background:#eeeef0!important; }.workspace-activity-map button[data-intensity="unknown"] { opacity:.65!important; }
.workspace-summary-footer { grid-column:1/-1!important;display:flex!important;justify-content:space-between!important;gap:12px!important; }
.workspace-chart-heading { display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:16px!important; }
.workspace-chart-heading small { text-align:right!important; }
.workspace-period { display:flex!important;align-items:center!important;gap:3px!important; }
.workspace-period button { min-height:30px!important;padding:5px 9px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--ws-muted)!important;font-size:11px!important; }
.workspace-period button[aria-pressed="true"] { border-color:var(--ws-line)!important;background:var(--ws-raised)!important;color:var(--ws-text)!important;box-shadow:0 1px 2px #0000000a!important; }
.workspace-chart-card .chart-container { height:250px!important;max-height:250px!important; }
.workspace-home .workspace-request-head { display:none!important; }
.workspace-home .workspace-request-list { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;overflow:visible!important; }
.workspace-home .workspace-request-row { display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto auto!important;gap:4px 8px!important;min-height:102px!important;padding:12px!important;border:0!important;border-radius:12px!important;background:var(--ws-raised)!important; }
.workspace-home .workspace-request-row>*:first-child { grid-column:1/-1!important; }
.workspace-home .workspace-request-row>*:nth-child(2) { grid-column:1!important; }.workspace-home .workspace-request-row>*:nth-child(3) { grid-column:2!important;text-align:right!important; }.workspace-home .workspace-request-row>*:nth-child(4) { grid-column:1!important; }.workspace-home .workspace-request-row>*:nth-child(5) { grid-column:2!important;text-align:right!important; }
.workspace-home .workspace-request-list>.text-center { grid-column:1/-1!important; }
@media(max-width:1180px) { .workspace-home { grid-template-columns:1fr!important; }.workspace-home-heading,.workspace-recent-card,.workspace-home>.grid>.workspace-chart-card,.workspace-home .workspace-home-summary { grid-column:1!important; }.workspace-home-heading { grid-row:1!important; }.workspace-recent-card { grid-row:2!important; }.workspace-home>.grid>.workspace-chart-card:first-child { grid-row:3!important; }.workspace-home>.grid>.workspace-chart-card:last-child { grid-row:4!important; }.workspace-home .workspace-home-summary { grid-row:5!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; }.workspace-activity-map,.workspace-summary-heading,.workspace-summary-footer { grid-column:1/-1!important; } }
@media(max-width:639px) { .workspace-home-heading { align-items:flex-start!important;flex-direction:column!important; }.workspace-home-actions { justify-content:flex-start!important;width:100%!important; }.workspace-home-actions button { flex:1 0 calc(50% - 5px)!important; }.workspace-home .workspace-request-list { grid-template-columns:1fr!important; }.workspace-home .workspace-home-summary { grid-template-columns:repeat(2,minmax(0,1fr))!important; }.workspace-activity-map { grid-template-columns:repeat(14,minmax(5px,1fr))!important;gap:4px!important; }.workspace-period button { padding:4px 5px!important;font-size:9px!important; } }

/* Request logs use the same Xalen surface and control language as the other
 * workspace pages. These rules also replace the legacy light-only mobile card
 * styles that made labels and detail rows unreadable in dark mode. */
@layer workspace {
.workspace-body .logs-toolbar { padding:12px!important; gap:8px!important; border-color:var(--ws-line)!important; background:var(--ws-panel)!important; }
.workspace-body .logs-toolbar input,.workspace-body .logs-toolbar select,.workspace-body .logs-toolbar .logs-seg-btn {
  height:36px!important; padding:0 10px!important; color:var(--ws-text)!important; background:var(--ws-raised)!important;
  border:1px solid var(--ws-line)!important; border-radius:8px!important; font-size:12px!important;
}
.workspace-body .logs-seg { gap:4px!important; }
.workspace-body .logs-seg-btn + .logs-seg-btn { margin-left:0!important; }
.workspace-body .logs-seg-btn.is-active { color:var(--ws-accent)!important; background:color-mix(in srgb,var(--ws-accent) 7%,var(--ws-raised))!important; border-color:color-mix(in srgb,var(--ws-accent) 38%,var(--ws-line))!important; }
.workspace-body .logs-table-wrap,.workspace-body #requestLogsPagination { background:var(--ws-raised)!important; border-color:var(--ws-line)!important; }
.workspace-body .logs-table th,.workspace-body .logs-table td { border-color:var(--ws-line)!important; color:var(--ws-text)!important; }
@media(max-width:640px) {
  .workspace-body .logs-toolbar { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  .workspace-body .logs-seg,.workspace-body .logs-search { grid-column:1/-1!important; width:100%!important; }
  .workspace-body .logs-seg-btn { flex:1!important; }
  .workspace-body .logs-endpoint,.workspace-body .logs-status,.workspace-body .logs-range { width:100%!important; min-width:0!important; }
  .workspace-body .logs-toolbar-end { grid-column:1/-1!important; margin:0!important; }
  .workspace-body .logs-table tbody { padding:10px!important; background:var(--ws-raised)!important; }
  .workspace-body .logs-table tr.logs-record { gap:12px!important; padding:15px!important; border-color:var(--ws-line)!important; background:var(--ws-panel)!important; }
  .workspace-body .logs-table tr.logs-record td::before { color:var(--ws-muted)!important; }
  .workspace-body .logs-table tr.logs-detail td { color:var(--ws-muted)!important; background:var(--ws-raised)!important; }
}
}
.workspace-analytics .analytics-columns button:nth-child(4n+1) i { background:#4f8ef7!important; }
.workspace-analytics .analytics-columns button:nth-child(4n+2) i { background:#31cba5!important; }
.workspace-analytics .analytics-columns button:nth-child(4n+3) i { background:#b77bea!important; }
.workspace-analytics .analytics-columns button:nth-child(4n+4) i { background:#9fd94e!important; }
}
@layer workspace {
.workspace-onboarding { border:1px solid var(--ws-line)!important; border-radius:14px!important; overflow:hidden!important; margin-bottom:8px!important; }
.workspace-onboarding-art { height:80px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:12px!important; background:var(--ws-panel)!important; color:var(--ws-muted)!important; font-size:11px!important; }
.workspace-onboarding > div:last-child { position:relative!important; padding:12px!important; }.workspace-onboarding strong { display:block!important; font-size:12px!important; font-weight:500!important; }.workspace-onboarding p { font-size:11px!important; line-height:1.5!important; color:var(--ws-muted)!important; margin:5px 0!important; }.workspace-onboarding button { font-size:12px!important; color:var(--ws-accent)!important; }.workspace-onboarding-dismiss { position:absolute!important; right:6px!important; top:4px!important; }
.workspace-collapsed .workspace-onboarding { display:none!important; }
.workspace-tour { display:flex!important; align-items:center!important; gap:16px!important; padding:16px!important; margin-bottom:20px!important; border:1px solid var(--ws-line)!important; border-radius:16px!important; background:var(--ws-panel)!important; }.workspace-tour > div { flex:1!important; }.workspace-tour small,.workspace-tour p { font-size:13px!important; color:var(--ws-muted)!important; }.workspace-tour h2 { font-size:18px!important; margin:5px 0!important; }.workspace-tour button { font-size:13px!important; padding:8px!important; color:var(--ws-accent)!important; }
@media(max-height:850px) { .workspace-onboarding-art { height:48px!important; }.workspace-sidebar-bottom > a { padding:6px 12px!important; } }
@media(max-width:767px) { .workspace-tour { align-items:flex-start!important; flex-wrap:wrap!important; }.workspace-tour > div { flex-basis:100%!important; } }
}
@layer workspace {
.analytics-heading { display:flex!important; align-items:center!important; gap:12px!important; margin-bottom:20px!important; }.analytics-heading > div { flex:1!important; }.analytics-heading p,.analytics-coverage { font-size:13px!important; color:var(--ws-muted)!important; }
.workspace-analytics button { padding:8px 10px!important; border:1px solid var(--ws-line)!important; border-radius:9px!important; background:var(--ws-raised)!important; font-size:13px!important; }
.analytics-filters { display:flex!important; flex-wrap:wrap!important; gap:10px!important; align-items:end!important; margin:16px 0!important; }.analytics-filters label { display:flex!important; flex-direction:column!important; gap:5px!important; font-size:11px!important; color:var(--ws-muted)!important; }.analytics-filters input,.analytics-filters select { padding:9px!important; border:1px solid var(--ws-line)!important; border-radius:8px!important; font-size:13px!important; min-width:0!important; }.analytics-search { flex:1!important; min-width:160px!important; }
.analytics-period { display:flex!important;gap:3px!important;padding:3px!important;border:1px solid var(--ws-line)!important;border-radius:11px!important;background:var(--ws-panel)!important; }.workspace-analytics .analytics-period button { border:0!important;background:transparent!important; }.workspace-analytics .analytics-period button[aria-pressed="true"] { background:var(--ws-raised)!important;box-shadow:0 1px 3px #0001!important; }.analytics-custom-range { display:flex!important;gap:8px!important;align-items:end!important; }
.analytics-stats { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:12px!important; margin:16px 0!important; }.analytics-stats article { background:var(--ws-panel)!important; border-radius:20px!important; padding:20px!important; display:flex!important; flex-direction:column!important; gap:8px!important; }.analytics-stats span { font-size:13px!important; color:var(--ws-muted)!important; }.analytics-stats strong,.analytics-money { font-size:30px!important; font-weight:500!important; letter-spacing:-.04em!important; font-variant-numeric:tabular-nums!important; }.analytics-stats small { color:var(--ws-muted)!important; font-size:11px!important; }
.analytics-grid { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:14px!important; margin-bottom:14px!important; }.analytics-wide { grid-column:span 2!important; }.analytics-widget { padding:20px!important; background:var(--ws-panel)!important; border-radius:20px!important; min-width:0!important; }.analytics-widget > header { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; margin-bottom:16px!important; }.analytics-widget h2 { font-size:16px!important; font-weight:500!important; }.analytics-widget p,.analytics-widget header > span { font-size:12px!important; color:var(--ws-muted)!important; }
.analytics-section-title { grid-column:1/-1!important; display:flex!important; align-items:flex-start!important; gap:12px!important; margin:18px 2px 0!important; padding-top:18px!important; border-top:1px solid var(--ws-line)!important; }
.analytics-section-title:first-child { margin-top:0!important; padding-top:4px!important; border-top:0!important; }
.analytics-section-title>span { font-family:"Fragment Mono",monospace!important; font-size:10px!important; letter-spacing:.08em!important; color:var(--ws-accent)!important; }
.analytics-section-title h2 { margin:0!important; font-size:18px!important; font-weight:550!important; }
.analytics-section-title p { margin-top:4px!important; color:var(--ws-muted)!important; font-size:12px!important; }
.analytics-columns { height:210px!important; display:flex!important; align-items:end!important; gap:10px!important; padding-top:20px!important; overflow:auto!important; }.workspace-analytics .analytics-columns button { display:flex!important; flex:1 0 32px!important; flex-direction:column!important; align-items:center!important; justify-content:end!important; gap:8px!important; height:100%!important; padding:0!important; border:0!important; background:transparent!important; }.analytics-columns i { display:block!important; flex-shrink:0!important; width:80%!important; max-width:36px!important; min-height:2px!important; max-height:150px!important; border-radius:9px!important; background:#93d800!important; }.analytics-columns small,.analytics-columns span { font-size:10px!important; color:var(--ws-muted)!important; white-space:nowrap!important; }
.analytics-outcome-ring { width:158px!important; height:158px!important; border-radius:50%!important; margin:10px auto 20px!important; display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:center!important; background:radial-gradient(closest-side,var(--ws-panel) 79%,transparent 80%),conic-gradient(var(--ws-accent) var(--success),var(--ws-line) 0)!important; }.analytics-outcome-ring strong { font-size:25px!important; font-weight:500!important; }.analytics-outcome-ring span,.analytics-outcome-counts { font-size:11px!important; color:var(--ws-muted)!important; }.analytics-outcome-counts { display:flex!important; flex-wrap:wrap!important; justify-content:center!important; gap:12px!important; }
.workspace-analytics .analytics-breakdown { display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; width:100%!important; position:relative!important; text-align:left!important; border:0!important; padding:8px 0 14px!important; margin-bottom:12px!important; background:transparent!important; border-radius:0!important; gap:10px!important; }.analytics-breakdown span { overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; font-size:12px!important; }.analytics-breakdown strong { font-size:12px!important; font-weight:500!important; }.analytics-breakdown i { position:absolute!important; bottom:0!important; height:5px!important; border-radius:3px!important; background:var(--ws-accent)!important; }
.analytics-latency > div,.analytics-transaction { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; padding:14px 0!important; border-bottom:1px solid var(--ws-line)!important; font-size:13px!important; }.analytics-latency dt,.analytics-transaction small { display:block;color:var(--ws-muted)!important;font-size:11px!important;margin-top:4px!important; }.analytics-latency dd,.analytics-transaction>strong { font-variant-numeric:tabular-nums!important;white-space:nowrap!important; }.analytics-latency dd { font-size:20px!important; }
.analytics-table-scroll { overflow:auto!important; }.analytics-table-scroll table { width:100%!important; text-align:left!important; border-collapse:collapse!important; font-size:12px!important; }.analytics-table-scroll th,.analytics-table-scroll td { padding:12px!important; border-bottom:1px solid var(--ws-line)!important; white-space:nowrap!important; }.analytics-table-scroll th { color:var(--ws-muted)!important; font-weight:500!important; }
@media(max-width:1100px) { .analytics-stats { grid-template-columns:repeat(2,minmax(0,1fr))!important; }.analytics-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; } }
@media(max-width:600px) { .analytics-heading { flex-wrap:wrap!important; }.analytics-heading > div { flex-basis:100%!important; }.analytics-grid { grid-template-columns:1fr!important; }.analytics-wide { grid-column:auto!important; }.analytics-stats article,.analytics-widget { padding:16px!important; }.analytics-stats strong { font-size:25px!important; }.analytics-filters label { flex:1 0 40%!important; }.analytics-filters input { width:100%!important; } }
}
@layer workspace {
.workspace-body #vedika-support-widget { display:none!important; }
.workspace-body:has(.chat-workspace:not([style*="display: none"])) #vedika-support-widget { display:none!important; }
@media(max-width:639px) { .workspace-body #vedika-support-widget { display:none!important; } }
.workspace-body .chat-context > header h3 { font-size:18px!important; font-weight:500!important; }
.workspace-body .chat-context .vplay-callout { border-left:0!important; padding:8px 0!important; color:var(--ws-muted)!important; background:transparent!important; }
.workspace-body .chat-context label:has(input[type="checkbox"]) { display:flex!important; align-items:center!important; gap:8px!important; font-size:13px!important; margin-bottom:10px!important; }
}
/* Context controls retain readable labels and usable touch targets in both themes. */
.workspace-body .chat-context .vplay-label,.workspace-body .chat-context .vplay-sublabel { color:var(--ws-muted)!important; }
.workspace-body .chat-context > header button,.workspace-body .chat-history > header button { min-width:44px!important; min-height:44px!important; font-size:20px!important; }
.workspace-body .workspace-report-bug { display:flex!important; align-items:center!important; gap:10px!important; width:100%!important; min-height:40px!important; padding:8px 10px!important; border:0!important; background:transparent!important; color:var(--ws-text)!important; text-align:left!important; font:inherit!important; }
.workspace-resources { padding:8px 10px!important; font-size:12px!important; color:var(--ws-muted)!important; }.workspace-resources summary { cursor:pointer!important; }
.workspace-collapsed .workspace-report-bug span,.workspace-collapsed .workspace-resources { display:none!important; }
.workspace-body .workspace-dialog { margin:auto!important; width:min(560px,calc(100vw - 32px))!important; max-height:calc(100dvh - 32px)!important; overflow:auto!important; padding:24px!important; border:1px solid var(--ws-line)!important; border-radius:16px!important; background:var(--ws-raised)!important; color:var(--ws-text)!important; }
.workspace-dialog::backdrop { background:#0006!important; }
.workspace-dialog header,.workspace-dialog footer { display:flex!important; align-items:center!important; justify-content:space-between!important; gap:12px!important; }.workspace-dialog h2 { font-size:20px!important; font-weight:500!important; }.workspace-dialog label { display:block!important; margin:18px 0 8px!important; }.workspace-dialog input,.workspace-dialog textarea { box-sizing:border-box!important; width:100%!important; padding:10px 12px!important; border:1px solid var(--ws-line)!important; border-radius:8px!important; background:var(--ws-bg)!important; color:var(--ws-text)!important; font:inherit!important; }.workspace-dialog p { color:var(--ws-muted)!important; font-size:13px!important; margin:12px 0!important; }.workspace-dialog button { min-height:44px!important; padding:8px 14px!important; border:1px solid var(--ws-line)!important; border-radius:8px!important; background:transparent!important; color:var(--ws-text)!important; font:inherit!important; }.workspace-dialog footer { justify-content:flex-end!important; margin-top:20px!important; }.workspace-dialog button:disabled { opacity:.5!important; cursor:wait!important; }
.workspace-dialog > button { margin-top:16px!important; }.workspace-dialog li { display:grid!important; gap:4px!important; padding:12px 0!important; border-bottom:1px solid var(--ws-line)!important; overflow-wrap:anywhere!important; }.workspace-dialog li small { color:var(--ws-muted)!important; }
@media(max-width:1023px) { .workspace-collapsed .workspace-report-bug span,.workspace-collapsed .workspace-resources { display:revert!important; } }

/* Finance shell composition: balance first, compact statistics, then account plan. */
.billing-page-heading,.billing-finance-header { display:flex;justify-content:space-between;align-items:flex-start;gap:24px; }
.billing-page-heading { margin-bottom:24px; }
.billing-page-heading h2 { margin:0 0 8px;font-size:24px;font-weight:600;letter-spacing:-.6px; }
.billing-page-heading p,.billing-finance-header p { margin:0;color:var(--ws-muted);font-size:14px; }
.billing-page-heading button { min-height:44px;padding:10px 14px;border:1px solid var(--ws-line);border-radius:10px;background:var(--ws-raised);color:var(--ws-text); }
.billing-finance-summary { border:1px solid var(--ws-line);border-radius:20px;padding:24px;margin-bottom:24px;background:var(--ws-raised); }
.workspace-finance-row { min-height:68px!important;margin:0!important;padding:15px 16px!important;border-width:0 0 1px!important;border-color:var(--ws-line)!important;border-radius:0!important;background:var(--ws-raised)!important; }
.workspace-finance-row:first-child { border-radius:14px 14px 0 0!important; }.workspace-finance-row:last-child { border-bottom:0!important;border-radius:0 0 14px 14px!important; }
.billing-finance-header h3 { font-size:36px;line-height:1.2;letter-spacing:-1px;font-weight:600;margin:12px 0;overflow-wrap:anywhere; }
.billing-finance-actions { text-align:right;max-width:280px; }
.billing-finance-stats { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;padding-top:20px;border-top:1px solid var(--ws-line); }
.billing-finance-stats dt { font-size:12px;color:var(--ws-muted);margin-bottom:8px; }
.billing-finance-stats dd { font-size:22px;font-weight:600;letter-spacing:-.5px;margin:0;overflow-wrap:anywhere; }
@media(max-width:639px) { .billing-page-heading,.billing-finance-header { flex-direction:column;gap:16px; }.billing-finance-summary { padding:20px; }.billing-finance-actions { text-align:left;max-width:none; }.billing-finance-stats { gap:12px; }.billing-finance-stats dd { font-size:18px; } }

@layer workspace {
.billing-account-panel { border:1px solid var(--ws-line)!important;border-radius:20px!important;overflow:hidden!important;background:var(--ws-raised)!important; }
.billing-account-header { padding:24px!important;border-bottom:1px solid var(--ws-line)!important; }
.billing-account-icon { display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--ws-line);border-radius:12px;color:var(--ws-muted); }
.billing-workspace .plan-hero-label,.billing-workspace .plan-meter-label,.billing-workspace .plan-features-title { color:var(--ws-muted)!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;font-size:12px!important; }
.billing-workspace .plan-hero-name { color:var(--ws-text)!important;font-size:24px!important;font-weight:600!important;letter-spacing:-.5px!important;margin-top:6px!important; }
.billing-workspace .plan-hero-cycle { background:transparent!important;color:var(--ws-muted)!important;border-color:var(--ws-line)!important;border-radius:8px!important;text-transform:none!important;font-weight:500!important;letter-spacing:0!important; }
.billing-workspace .plan-hero-body,.billing-workspace .plan-hero-features { background:var(--ws-raised)!important;color:var(--ws-text)!important; }
.billing-workspace .plan-meter-value,.billing-workspace .plan-feature-item { color:var(--ws-text)!important; }
.billing-workspace .plan-meter-sub { color:var(--ws-muted)!important;font-size:12px!important; }
.billing-workspace .plan-meter-icon { background:transparent!important;border-color:var(--ws-line)!important;color:var(--ws-muted)!important;border-radius:10px!important; }
.billing-workspace .plan-meter-bar { background:var(--ws-line)!important; }
.billing-workspace .plan-meter-fill { background:var(--ws-muted)!important; }
}

/* Adapted from Xalen dashboard-tools/invoices.css; no local demo invoice writes. */
.workspace-invoice-metrics { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px; }
.workspace-invoice-metrics article,.workspace-invoice-panel { background:var(--ws-panel);border-radius:22px;padding:24px;min-width:0; }
.workspace-invoice-metrics article>span { font-size:12px;color:var(--ws-muted); }
.workspace-invoice-metrics strong { font-size:28px;display:block;margin-top:12px;font-weight:550;letter-spacing:-1px;overflow-wrap:anywhere; }
.workspace-invoice-panel header { display:flex;justify-content:space-between;gap:16px;align-items:center; }
.workspace-invoice-panel h2 { font-size:24px;font-weight:600;letter-spacing:-.5px;margin:0; }
.workspace-invoice-panel header p,.workspace-invoice-coverage { font-size:12px;color:var(--ws-muted);margin-top:8px; }
.workspace-invoice-panel button { min-height:44px;padding:10px 14px;border:1px solid var(--ws-line);border-radius:9px;background:var(--ws-raised);color:var(--ws-text); }
.workspace-invoice-toolbar { display:flex;gap:16px;align-items:end;margin:24px 0;flex-wrap:wrap; }
.workspace-invoice-toolbar label:first-child { flex:1;min-width:180px; }
.workspace-invoice-toolbar label { display:grid;gap:8px;font-size:12px;min-width:0; }
.workspace-invoice-toolbar input,.workspace-invoice-toolbar select { min-height:44px;border:1px solid var(--ws-line);border-radius:9px;padding:10px;min-width:0;width:100%; }
.workspace-invoice-list { display:grid;gap:0;margin-top:16px;border:1px solid var(--ws-line);border-radius:16px;overflow:hidden;background:var(--ws-raised); }
.workspace-invoice-head { display:grid;grid-template-columns:40px minmax(0,1fr) 110px 150px 80px;gap:16px;align-items:center;padding:14px 16px;background:var(--ws-panel);border-bottom:1px solid var(--ws-line);color:var(--ws-muted);font-size:11px;letter-spacing:.04em; }
.workspace-invoice-head span:first-child { grid-column:1/3; }.workspace-invoice-head span:nth-child(n+2) { text-align:center; }
.workspace-invoice-row { display:grid;grid-template-columns:40px minmax(0,1fr) 110px minmax(110px,150px) 80px;gap:16px;align-items:center;border-radius:0;background:var(--ws-raised);padding:16px;color:var(--ws-text);border-bottom:1px solid var(--ws-line); }
.workspace-invoice-row:last-of-type { border-bottom:0; }
.workspace-invoice-row strong { font-size:14px;font-weight:550;overflow-wrap:anywhere; }
.workspace-invoice-row small { display:block;font-size:11px;color:var(--ws-muted);margin-top:5px;overflow-wrap:anywhere; }
.workspace-invoice-icon { height:36px;display:grid;place-items:center;background:var(--ws-panel);border-radius:50%; }
.workspace-invoice-status { font-size:12px;color:var(--ws-muted);text-transform:capitalize; }
.workspace-invoice-status[data-status="paid"] { justify-self:center;padding:5px 10px;border-radius:8px;background:#d8ff9b;color:#3f6912; }
.workspace-invoice-status[data-status="pending"] { justify-self:center;padding:5px 10px;border-radius:8px;background:#ffed91;color:#8b6200; }
.workspace-invoice-status[data-status="overdue"],.workspace-invoice-status[data-status="failed"] { justify-self:center;padding:5px 10px;border-radius:8px;background:#ffd3dc;color:#ad1743; }
.workspace-invoice-amount { text-align:right; }
.workspace-invoice-row button { display:flex;align-items:center;justify-content:center;gap:8px; }
.workspace-invoice-empty { padding:32px 16px;text-align:center;color:var(--ws-muted); }
@media(max-width:768px) { .workspace-invoice-panel { padding:16px; }.workspace-invoice-toolbar label { flex:1; }.workspace-invoice-toolbar label:first-child { flex-basis:100%; }.workspace-invoice-head { display:none; }.workspace-invoice-list { border:0;gap:8px;background:transparent;overflow:visible; }.workspace-invoice-row { grid-template-columns:32px minmax(0,1fr) 90px;gap:10px;border:1px solid var(--ws-line);border-radius:14px; }.workspace-invoice-status { grid-column:2;grid-row:2;justify-self:start!important; }.workspace-invoice-amount { grid-column:3;grid-row:1; }.workspace-invoice-row button { grid-column:3;grid-row:2; }.workspace-invoice-metrics { gap:8px; }.workspace-invoice-metrics article { padding:16px; }.workspace-invoice-metrics strong { font-size:20px; } }
@media(max-width:389px) { .workspace-invoice-metrics { grid-template-columns:1fr; }.workspace-invoice-metrics article { display:flex;justify-content:space-between;align-items:center;gap:16px; }.workspace-invoice-metrics strong { margin-top:0; } }
@layer workspace { .billing-workspace .plan-hero-features { border-color:var(--ws-line)!important; }.billing-finance-header p { color:var(--ws-muted)!important; } }
@media(max-width:639px) { .workspace-invoice-metrics { grid-template-columns:1fr; }.workspace-invoice-metrics article { display:flex;justify-content:space-between;align-items:center;gap:16px; }.workspace-invoice-metrics strong { margin-top:0;font-size:22px; }.workspace-invoice-toolbar label:not(:first-child) { flex-basis:calc(50% - 8px); } }
@layer workspace { .workspace-invoice-toolbar input,.workspace-invoice-toolbar select { border-radius:9px!important;min-height:44px!important; } }

/* Xalen AI Profile card proportions, connected to the account profile API. */
.workspace-profile { width:min(100%,680px);margin:0 auto 24px; }
.workspace-profile-card { position:relative;border:1px solid var(--ws-line);border-radius:24px;overflow:hidden;background:var(--ws-raised); }
.workspace-profile-cover { position:absolute;inset:0 0 auto;width:100%;height:165px;object-fit:cover;object-position:50% 45%; }
.workspace-profile-content { position:relative;display:flex;flex-direction:column;gap:15px;padding:124px 16px 24px; }
.workspace-profile-avatar { width:80px;height:80px;flex-shrink:0;border-radius:50%;background:var(--ws-panel);display:grid;place-items:center;overflow:hidden;border:4px solid var(--ws-raised);font-size:30px;color:var(--ws-muted); }
.workspace-profile-avatar img { width:100%;height:100%;object-fit:cover; }
.workspace-profile-identity { display:flex;justify-content:space-between;align-items:flex-start;gap:16px; }
.workspace-profile-identity>div { min-width:0; }.workspace-profile-identity h2 { font-size:24px;font-weight:550;letter-spacing:-.5px;margin:0;overflow-wrap:anywhere; }
.workspace-profile-identity p,.workspace-profile-plan { color:var(--ws-muted);font-size:13px;margin:4px 0 0;overflow-wrap:anywhere; }
.workspace-profile button { min-height:44px;padding:10px 14px;border:1px solid var(--ws-line);border-radius:9px;background:var(--ws-raised);color:var(--ws-text); }
.workspace-profile-facts { display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;border-top:1px solid var(--ws-line);padding-top:20px;margin:4px 0 0; }
.workspace-profile-facts dt { color:var(--ws-muted);font-size:12px;margin-bottom:8px; }.workspace-profile-facts dd { font-size:13px;overflow-wrap:anywhere;margin:0; }
.workspace-profile-editor { width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--ws-line);border-radius:24px;padding:24px;background:var(--ws-raised);color:var(--ws-text); }
.workspace-profile-editor::backdrop { background:#0006; }.workspace-profile-editor header,.workspace-profile-editor footer { display:flex;align-items:center;justify-content:space-between;gap:16px; }.workspace-profile-editor h2 { font-size:22px;font-weight:550; }.workspace-profile-editor footer { justify-content:flex-end;margin-top:24px; }
.workspace-profile-form { display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0; }.workspace-profile-form label { display:grid;gap:8px;font-size:13px;min-width:0; }.workspace-profile-form input { width:100%;min-width:0;min-height:44px;border:1px solid var(--ws-line);border-radius:9px;padding:10px; }.workspace-profile-remove { display:flex;gap:10px;align-items:center;font-size:13px; }
.workspace-account-controls { max-width:800px;margin:0 auto; }.workspace-account-controls>summary { cursor:pointer;padding:16px;border-bottom:1px solid var(--ws-line);font-size:14px;margin-bottom:16px; }
@media(max-width:639px) { .workspace-profile-facts { grid-template-columns:1fr 1fr; }.workspace-profile-facts>div:first-child { grid-column:1/-1; }.workspace-profile-identity { flex-wrap:wrap; }.workspace-profile-form { grid-template-columns:1fr; } }
@layer workspace { .workspace-profile-form input { border-radius:9px!important; } }

/* Xalen SettingsModal: 274px rail, independent content scroll, 24px shell. */
.chat-preferences { width:min(940px,calc(100vw - 32px));height:min(680px,calc(100dvh - 32px));max-width:none;max-height:none;padding:0;border:1px solid var(--ws-line);border-radius:24px;background:var(--ws-raised);color:var(--ws-text);overflow:hidden; }
.chat-preferences::backdrop { background:#0006; }.chat-preferences-layout { display:grid;grid-template-columns:274px minmax(0,1fr);height:100%; }
.chat-preferences-nav { padding:16px 10px;background:var(--ws-panel);border-right:1px solid var(--ws-line);overflow:auto; }.chat-preferences-nav h2 { margin:4px 8px 18px;font-size:16px;font-weight:500;color:var(--ws-muted); }
.chat-preferences-nav button { display:flex;align-items:center;gap:12px;width:100%;padding:12px 10px;border:0;border-radius:12px;text-align:left;background:transparent;color:var(--ws-text);font-size:14px;min-height:44px; }.chat-preferences-nav button[aria-current=page] { background:var(--ws-line); }.chat-preferences-nav i { width:20px;text-align:center;color:var(--ws-muted); }
.chat-preferences-main { min-height:0;display:flex;flex-direction:column;overflow:hidden; }.chat-preferences-main>header { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 32px 12px; }.chat-preferences-main h3 { font-size:24px;font-weight:550;letter-spacing:-.5px; }.chat-preferences-main h4 { font-size:16px;font-weight:550;margin-bottom:8px; }
.chat-preferences-main button,.chat-preferences-main a { display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border:1px solid var(--ws-line);border-radius:10px;background:var(--ws-raised);color:var(--ws-text);font-size:13px; }.chat-preferences-main>header button { width:44px;padding:0;font-size:24px; }
.chat-preferences-scroll { overflow:auto;min-height:0;flex:1;padding:12px 32px 24px; }.chat-preferences fieldset { border:0;min-width:0;padding:0;margin:0; }.chat-preferences legend { font-size:13px;color:var(--ws-muted);margin-bottom:8px; }.chat-preferences p { font-size:13px;color:var(--ws-muted);line-height:1.6;margin:12px 0; }
.chat-preferences-row { display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--ws-line);font-size:14px; }.chat-preferences-row>span { min-width:0;overflow-wrap:anywhere; }.chat-preferences small { display:block;font-size:12px;color:var(--ws-muted);margin-top:4px; }.chat-preferences select { max-width:58%; }.chat-preferences input:not([type=checkbox]),.chat-preferences select,.chat-preferences textarea { min-height:44px;padding:10px;border:1px solid var(--ws-line);border-radius:9px;min-width:0;background:var(--ws-raised);color:var(--ws-text);font-size:13px; }.chat-preferences textarea { width:100%;margin:8px 0; }.chat-preferences input[type=checkbox] { width:20px;height:20px;flex-shrink:0;accent-color:var(--ws-accent); }.chat-preferences-card { padding:20px;border-radius:16px;background:var(--ws-panel);margin:12px 0; }.chat-preferences-card>strong { display:block;font-size:28px;margin-top:12px; }.chat-preferences-main>footer { display:flex;justify-content:flex-end;align-items:center;gap:16px;padding:16px 32px;border-top:1px solid var(--ws-line);font-size:13px; }
@media(max-width:639px) { .chat-preferences { width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:20px; }.chat-preferences-layout { grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr); }.chat-preferences-nav { display:flex;gap:4px;overflow-x:auto;padding:10px;border-right:0;border-bottom:1px solid var(--ws-line); }.chat-preferences-nav h2 { display:none; }.chat-preferences-nav button { width:auto;flex-shrink:0;white-space:nowrap;padding:10px; }.chat-preferences-main>header { padding:16px 20px 8px; }.chat-preferences-scroll { padding:8px 20px 20px; }.chat-preferences-main>footer { padding:12px 20px; }.chat-preferences-main h3 { font-size:22px; } }
@layer workspace { .chat-preferences input,.chat-preferences select,.chat-preferences textarea { border-radius:9px!important; } }

.chat-preferences fieldset>label:not(.chat-preferences-row),.chat-preferences-scroll section>div>label { display:grid;gap:8px;margin:20px 0;font-size:13px; }
.chat-preferences fieldset>label:not(.chat-preferences-row)>select { max-width:100%;width:100%; }
@media(min-width:640px) { .chat-preferences { width:min(871px,calc(100vw - 32px));height:min(614px,calc(100dvh - 32px)); } }

.chat-storage-actions { display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;flex-shrink:0; }
@media(max-width:639px) { .chat-preferences-row:has(.chat-storage-actions) { align-items:flex-start;flex-direction:column; }.chat-storage-actions { align-self:flex-end; } }

/* Xalen AiProfileCard / AgentsChartCard / TokensChartCard composition. */
.profile-activity-toolbar { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; }
.profile-activity-toolbar h3 { font-size:14px;font-weight:500; }.profile-activity-toolbar>div { display:flex;gap:4px; }.profile-activity-toolbar button { border:0;padding:8px 10px;font-size:12px; }.profile-activity-toolbar button[aria-pressed=true] { background:var(--ws-panel); }
.profile-activity-total { display:flex;flex-direction:column;gap:4px; }.profile-activity-total>span { color:var(--ws-muted);font-size:13px; }.profile-activity-total>strong { font-size:30px;font-weight:500;font-variant-numeric:tabular-nums; }
.profile-activity-metrics { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 18px; }.profile-activity-metrics>div { border-radius:12px;background:var(--ws-panel);padding:10px;min-width:0; }.profile-activity-metrics dd { font-size:14px;margin:0 0 6px;font-variant-numeric:tabular-nums; }.profile-activity-metrics dt { font-size:11px;color:var(--ws-muted); }
.profile-heatmap { display:flex;flex-wrap:wrap;gap:5px;overflow:auto;padding:4px; }
.workspace-profile .profile-heatmap button { width:20px;height:20px;min-height:20px;padding:0;border-radius:4px;background:var(--ws-line);border:1px solid transparent; }.profile-heatmap button[data-intensity=low] { background:color-mix(in srgb,var(--ws-accent) 25%,var(--ws-panel)); }.profile-heatmap button[data-intensity=medium] { background:color-mix(in srgb,var(--ws-accent) 55%,var(--ws-panel)); }.profile-heatmap button[data-intensity=high] { background:var(--ws-accent); }.profile-heatmap button[data-intensity=unknown] { background:transparent;border-style:dashed;border-color:var(--ws-muted); }.profile-heatmap button[aria-pressed=true] { outline:2px solid var(--ws-text);outline-offset:2px; }
.profile-activity-note { font-size:12px;color:var(--ws-muted);line-height:1.5;margin:12px 0 0; }
.profile-chart { margin-top:16px;padding:16px 12px 12px;border-radius:20px;background:var(--ws-panel);min-width:0; }.profile-chart>header { display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:0 4px; }.profile-chart h3 { font-size:13px;color:var(--ws-muted);font-weight:500; }.profile-chart strong { display:block;font-size:24px;font-weight:500;margin-top:4px; }.profile-chart header>span,.profile-chart footer { font-size:11px;color:var(--ws-muted); }.profile-chart>footer { display:flex;justify-content:space-between;margin-top:10px;padding:0 4px; }
.profile-call-bars { height:206px;display:flex;align-items:flex-end;gap:7px;overflow:auto;padding-top:12px; }.workspace-profile .profile-call-bars button { display:flex;align-items:flex-end;justify-content:center;flex:1 0 12px;height:100%;border:0;background:none;padding:0;min-height:0;border-radius:3px; }.profile-call-bars i { display:block;width:100%;max-width:36px;border-radius:3px;min-height:3px;background:var(--ws-accent); }.profile-call-bars i[data-empty=true] { background:var(--ws-line); }.profile-call-bars button[aria-pressed=true] i { background:var(--ws-text); }
.profile-latency-chart { width:100%;height:auto;min-height:160px;color:var(--ws-accent);display:block;margin-top:12px; }.profile-chart details { margin:12px 4px 0;font-size:12px;color:var(--ws-muted); }.profile-chart summary { cursor:pointer;min-height:32px; }.profile-measurements>div { display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--ws-line); }.profile-measurements dd { margin:0; }
@media(max-width:639px) { .profile-activity-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }.profile-chart strong { font-size:21px; } }