/* FRONTIER workspace palette: neutral surfaces, mint reserved for identity and action. */
html[data-frontier-theme="light"] { --frontier-workspace-bg: #f2f2f0; color-scheme: light; background: var(--frontier-workspace-bg); }
html[data-frontier-theme="dark"] { --frontier-workspace-bg: #1d1f1e; color-scheme: dark; background: var(--frontier-workspace-bg); }
body.frontier-v2 {
    color-scheme: light;
    --ink: #f2f2f0;
    --charcoal: #e9eae7;
    --panel: #fcfcfb;
    --surface-raised: #ffffff;
    --surface-soft: #ededeb;
    --control-bg: #f8f8f6;
    --line: #d8dcd7;
    --line-strong: #a4afa7;
    --brand-mint: #a2decc;
    --accent-hover: #91d1bd;
    --accent-ink: #173b30;
    --mint: #315f50;
    --mint-soft: #315f50;
    --selection: #edf5f1;
    --hover: #e8eae6;
    --on-accent: #ffffff;
    --text: #262a29;
    --muted: #666d69;
    --placeholder: #737b76;
    --warning: #8d650f;
    --warning-bg: #faf5e8;
    --warning-line: #e8d8ac;
    --danger: #b5424c;
    --danger-bg: #fbf0f0;
    --danger-line: #edcbce;
    --success-bg: #eef6f1;
    --success-line: #c9e1d5;
    --orange: #9b5017;
    --orange-bg: #fff0e4;
    --orange-line: #edceb2;
    --shadow-card: 0 1px 2px rgba(28, 33, 29, .025), 0 4px 14px rgba(28, 33, 29, .025);
    --shadow-popover: 0 16px 48px rgba(28, 33, 29, .14), 0 3px 12px rgba(28, 33, 29, .06);
    --backdrop: rgba(26, 29, 27, .4);
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-chip: 999px;
    --sidebar-width: 216px;
    background: var(--ink);
    color: var(--text);
    font-family: "Segoe UI", "Malgun Gothic", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.6;
}
html[data-frontier-theme="dark"] body.frontier-v2 {
    color-scheme: dark;
    --ink: #1d1f1e;
    --charcoal: #242725;
    --panel: #272a28;
    --surface-raised: #303431;
    --surface-soft: #303330;
    --control-bg: #242725;
    --line: #404742;
    --line-strong: #667169;
    --mint: #a2decc;
    --mint-soft: #b5e5d6;
    --selection: #2c3732;
    --hover: #323733;
    --on-accent: #173b30;
    --text: #ebeeeb;
    --muted: #abb4ad;
    --placeholder: #99a49c;
    --warning: #e5c474;
    --warning-bg: #393324;
    --warning-line: #75653d;
    --danger: #f0a4aa;
    --danger-bg: #3c292d;
    --danger-line: #754c53;
    --success-bg: #293b31;
    --success-line: #486e59;
    --orange: #efb17a;
    --orange-bg: #3b2b20;
    --orange-line: #795438;
    --shadow-card: 0 1px 3px rgba(0, 0, 0, .1), 0 4px 14px rgba(0, 0, 0, .07);
    --shadow-popover: 0 16px 48px rgba(0, 0, 0, .36), 0 3px 12px rgba(0, 0, 0, .2);
    --backdrop: rgba(10, 12, 10, .64);
}
body.frontier-v2 a { color: var(--mint-soft); text-underline-offset: 3px; }
body.frontier-v2 :is(h1,h2,h3,h4) { color: var(--text); letter-spacing: -.025em; font-weight: 650; }
body.frontier-v2 :is(button,input,select,textarea) { font: inherit; }
body.frontier-v2 :is(a,button,input,select,textarea,summary):focus-visible { outline: 2px solid var(--mint); outline-offset: 3px; }
body.frontier-v2 > aside[role="note"] { margin-left: 0; width: auto; height: auto; min-height: 0; max-height: none; overflow: visible; }
body.frontier-v2 .brand-mark, body.frontier-v2 .status-dot { box-shadow: none; }

/* Shared chrome: original navigation, permissions and responsive behavior. */
body.frontier-v2.workspace-body .workspace-shell { min-height: 100vh; }
body.frontier-v2.workspace-body .workspace-topbar { background: var(--panel); border-bottom-color: var(--line); min-height: 70px; padding: 14px 28px; }
body.frontier-v2.workspace-body .workspace-layout { grid-template-columns: var(--sidebar-width) minmax(0,1fr); }
body.frontier-v2.workspace-body .workspace-sidebar { background: var(--panel); border-right-color: var(--line); padding: 30px 14px; }
body.frontier-v2.workspace-body .workspace-wordmark { color: var(--text); font-size: 1.35rem; font-weight: 750; letter-spacing: -.045em; }
body.frontier-v2.workspace-body .workspace-wordmark small { color: var(--muted); font-size: .72rem; letter-spacing: .04em; }
body.frontier-v2.workspace-body .workspace-navigation { gap: 7px; }
body.frontier-v2.workspace-body :is(.workspace-navigation a,.workspace-management a) { color: var(--muted); min-height: 44px; border-radius: var(--radius-sm); font-size: .96rem; font-weight: 550; }
body.frontier-v2.workspace-body :is(.workspace-navigation a,.workspace-management a):hover { background: var(--hover); color: var(--mint); }
body.frontier-v2.workspace-body :is(.workspace-navigation a,.workspace-management a)[aria-current="page"] { background: var(--selection); color: var(--mint); border-left-color: var(--mint); font-weight: 700; }
body.frontier-v2.workspace-body .workspace-management { border-top-color: var(--line); }
body.frontier-v2.workspace-body .workspace-management summary { color: var(--muted); border-radius: var(--radius-sm); }
body.frontier-v2.workspace-body .workspace-main { padding: 32px 34px 56px; }
body.frontier-v2.workspace-body .workspace-header { margin-bottom: 26px; }
body.frontier-v2.workspace-body .workspace-header:empty { display: none; }
body.frontier-v2.workspace-body .workspace-header h1,
body.frontier-v2.workspace-body :is(.os-page-header,.crm-page-header) h1 { margin-top: 0; font-size: clamp(1.8rem,2.5vw,2.3rem); line-height: 1.25; letter-spacing: -.045em; font-weight: 700; }
body.frontier-v2.workspace-body :is(.os-page-header,.crm-page-header) { margin-bottom: 26px; }
body.frontier-v2.workspace-body .crm-commercial-workspace { min-width: 0; }
body.frontier-v2.workspace-body .workspace-context p:last-child { color: var(--muted); font-size: .88rem; }
body.frontier-v2.workspace-body .workspace-account a { color: var(--text); font-size: .93rem; }
body.frontier-v2.workspace-body :is(.workspace-account button,.workspace-menu-button) { color: var(--text); background: var(--control-bg); border-color: var(--line-strong); border-radius: var(--radius-sm); font-size: .9rem; }
body.frontier-v2.workspace-body :is(.workspace-account button,.workspace-menu-button):hover { background: var(--hover); border-color: var(--line-strong); }
body.frontier-v2 .skip-link { color: var(--accent-ink); background: var(--brand-mint); border-radius: var(--radius-sm); }
body.frontier-v2 .workspace-appearance { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 7px; min-width: 0; color: var(--muted); font-size: .84rem; }
body.frontier-v2 .workspace-appearance select { max-width: 100%; min-height: 36px; padding: 6px 10px; color: var(--text); background: var(--control-bg); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); cursor: pointer; }
body.frontier-v2 .workspace-appearance select:hover { border-color: var(--line-strong); }
body.frontier-v2 .workspace-appearance--standalone { justify-content: flex-end; padding: 14px 24px; }
body.frontier-v2 .workspace-appearance--standalone + .login-shell { min-height: calc(100vh - 66px); }

/* Surface depth stays subtle; business grids and the map canvas are untouched. */
body.frontier-v2 :is(.status-panel,.login-panel,.os-card,.os-panel,.crm-detail-card,.crm-form-card,.crm-form-section,.crm-table-wrap,.crm-toolbar,.crm-empty-state,.crm-state-confirm) { background: var(--panel); border-color: var(--line); border-radius: var(--radius-md); box-shadow: var(--shadow-card); }
body.frontier-v2.workspace-body .workspace-content :is(.os-card,.os-panel,.crm-detail-card,.crm-form-card,.crm-form-section) { background: var(--panel); border-color: var(--line); border-radius: var(--radius-md); box-shadow: var(--shadow-card); padding: 24px; }
body.frontier-v2.workspace-body :is(.home-card,.customer-board__row,.customer-board__detail,.quote-version-card,.work-board__columns > .os-card) { background: var(--panel); border-color: var(--line); border-radius: var(--radius-md); box-shadow: var(--shadow-card); }
body.frontier-v2.workspace-body .home-card { padding: 24px; }
body.frontier-v2.workspace-body .workspace-content h2 { font-size: 1.18rem; line-height: 1.4; }
body.frontier-v2.workspace-body .workspace-content h3 { font-size: 1.04rem; line-height: 1.45; }
body.frontier-v2.workspace-body .home-card h2 { font-size: 1.16rem; }
body.frontier-v2.workspace-body .home-card--attention { border-top-color: var(--line); }
body.frontier-v2.workspace-body .home-work-row p strong { color: var(--text); }
body.frontier-v2.workspace-body .home-quick-links nav a { border-radius: var(--radius-sm); }
body.frontier-v2.workspace-body .home-quick-links nav a:hover,
body.frontier-v2.workspace-body .home-quick-links nav a[aria-current="page"] { background: var(--selection); color: var(--mint); }
body.frontier-v2.workspace-body .customer-board__row[aria-current="true"] { background: var(--selection); border-color: var(--success-line); box-shadow: inset 3px 0 0 var(--mint); }
body.frontier-v2.workspace-body .customer-panel__header { background: var(--panel); border-color: var(--line); }
body.frontier-v2.workspace-body .customer-panel__notice { background: var(--warning-bg); border-color: var(--warning-line); color: var(--warning); border-radius: var(--radius-sm); }
body.frontier-v2.workspace-body .customer-panel__signal { background: var(--surface-soft); border-radius: var(--radius-sm); }
body.frontier-v2.workspace-body .work-queue__row { background: var(--panel); border-radius: var(--radius-sm); border-bottom-color: var(--line); }
body.frontier-v2.workspace-body .work-queue__row[aria-current="true"] { background: var(--selection); border-color: var(--success-line); box-shadow: inset 3px 0 0 var(--mint); }
body.frontier-v2.workspace-body .work-board__detail .work-detail .os-card { background: var(--surface-soft); border-color: var(--line); border-radius: var(--radius-sm); box-shadow: none; }
body.frontier-v2.workspace-body .work-board__switch button[aria-pressed="true"] { color: var(--mint); background: var(--selection); border-color: var(--success-line); }
body.frontier-v2.workspace-body .settlement-ui .settlement-record-state { color: var(--mint); background: var(--selection); border-color: var(--success-line); border-radius: var(--radius-sm); }
body.frontier-v2 .os-empty-state { background: var(--panel); border-radius: var(--radius-md); }
body.frontier-v2 :is(.crm-table td,.crm-field label,.crm-notes) { color: var(--text); }
body.frontier-v2 :is(.crm-table th,.crm-activity-info-grid > div) { background: var(--surface-soft); }
body.frontier-v2 .crm-contact-form-actions { background: var(--panel); }
body.frontier-v2.workspace-body :is(.crm-detail-grid dt,.quote-workspace dt,.crm-field label) { font-size: .9rem; font-weight: 600; }
body.frontier-v2.workspace-body :is(.crm-field-help,.crm-notes,.crm-card-heading > p) { font-size: .9rem; color: var(--muted); }
body.frontier-v2.workspace-body .crm-eyebrow { font-size: .78rem; font-weight: 650; letter-spacing: .03em; }
body.frontier-v2.workspace-body :is(.os-metric-card strong,.home-metric strong) { color: var(--text); letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
body.frontier-v2.workspace-body .crm-card-heading { border-bottom-color: var(--line); padding-bottom: 14px; margin-bottom: 18px; }
body.frontier-v2.workspace-body .crm-toolbar { padding: 18px 20px; gap: 14px; }

/* Controls retain submit, disabled, focus, validation and CSRF semantics. */
body.frontier-v2 :is(.crm-button,.os-button,.workspace-return,.work-detail__action-links a,.crm-date-picker__action,.crm-date-picker__nav) { color: var(--text); background: var(--surface-soft); border-color: var(--line-strong); border-radius: var(--radius-sm); font-size: .94rem; font-weight: 600; }
body.frontier-v2 :is(.crm-button,.os-button,.workspace-return,.work-detail__action-links a):hover { color: var(--mint); background: var(--selection); border-color: var(--mint); }
body.frontier-v2 :is(.crm-button--primary,.os-button--primary,.auth-form button,.action-link) { color: var(--accent-ink); background: var(--brand-mint); border-color: var(--brand-mint); border-radius: var(--radius-sm); font-weight: 650; }
body.frontier-v2 :is(.crm-button--primary,.os-button--primary,.auth-form button,.action-link):hover { color: var(--accent-ink); background: var(--accent-hover); border-color: var(--accent-hover); }
body.frontier-v2 .crm-button--quiet { background: transparent; }
body.frontier-v2 :is(.crm-button,.os-button):disabled { opacity: .5; cursor: not-allowed; }
body.frontier-v2 :is(.crm-field input,.crm-field select,.crm-field textarea,.crm-search input,.crm-search select,.crm-opportunity-filters select,.auth-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),.crm-date-picker__toggle,.crm-date-picker__popup,.crm-activity-filter-secondary .crm-date-picker) { color: var(--text); background: var(--control-bg); border-color: var(--line-strong); border-radius: var(--radius-sm); box-shadow: none; }
body.frontier-v2.workspace-body .workspace-content form :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea) { color: var(--text); background-color: var(--control-bg); border: 1px solid var(--line-strong); border-radius: var(--radius-sm); padding: 10px 12px; }
body.frontier-v2 :is(input,textarea)::placeholder { color: var(--placeholder); opacity: 1; }
body.frontier-v2 :is(input[type="checkbox"],input[type="radio"]) { accent-color: var(--mint); }
body.frontier-v2 .crm-date-picker__day.is-selected { color: var(--accent-ink); background: var(--brand-mint); border-color: var(--brand-mint); }
body.frontier-v2 .crm-date-picker__toggle:hover { color: var(--text); background: var(--selection); }
body.frontier-v2 .crm-date-picker__popup { background: var(--surface-raised); box-shadow: var(--shadow-popover); padding: 12px; }
body.frontier-v2 .crm-field--error :is(input,select,textarea),
body.frontier-v2 .workspace-content form [aria-invalid="true"] { border-color: var(--danger); }
body.frontier-v2 .crm-state-confirm { color: var(--text); background: var(--surface-raised); border-color: var(--line-strong); box-shadow: var(--shadow-popover); }
body.frontier-v2 .crm-state-confirm::backdrop { background: var(--backdrop); }

/* State colors stay distinct in both appearances. */
body.frontier-v2 :is(.status-badge,.crm-badge) { color: var(--mint); background: var(--success-bg); border-color: var(--success-line); border-radius: var(--radius-chip); font-size: .85rem; padding: 4px 10px; letter-spacing: normal; line-height: 1.45; }
body.frontier-v2 .crm-badge:not([class*="crm-badge--"]) { color: var(--muted); background: var(--control-bg); border-color: var(--line); }
body.frontier-v2 :is(.status-badge--warn,.crm-badge--key,.crm-badge--status-unknown) { color: var(--warning); background: var(--warning-bg); border-color: var(--warning-line); }
body.frontier-v2 :is(.status-badge--quiet,.crm-badge--status-inactive,.crm-badge--status-left_company) { color: var(--muted); background: var(--charcoal); border-color: var(--line); }
body.frontier-v2 .policy-badge--green { background: var(--success-bg); color: var(--mint-soft); border-color: var(--success-line); border-radius: var(--radius-chip); }
body.frontier-v2 .policy-badge--yellow { background: var(--warning-bg); color: var(--warning); border-color: var(--warning-line); border-radius: var(--radius-chip); }
body.frontier-v2 .policy-badge--orange { background: var(--orange-bg); color: var(--orange); border-color: var(--orange-line); border-radius: var(--radius-chip); }
body.frontier-v2 .policy-badge--red { background: var(--danger-bg); color: var(--danger); border-color: var(--danger-line); border-radius: var(--radius-chip); }
body.frontier-v2 :is(.workspace-alert,.os-message,.form-success) { color: var(--mint-soft); background: var(--success-bg); border-color: var(--success-line); border-radius: var(--radius-sm); }
body.frontier-v2 :is(.workspace-alert--error,.crm-form-alert,.form-error) { color: var(--danger); background: var(--danger-bg); border-color: var(--danger-line); border-left-color: var(--danger); border-radius: var(--radius-sm); }
body.frontier-v2 :is(.workspace-alert--warning,.workspace-alert--warn) { color: var(--warning); background: var(--warning-bg); border-color: var(--warning-line); border-left-color: var(--warning); }
body.frontier-v2 :is(.crm-required-mark,.crm-field-error,.errorlist,.crm-date-error,.crm-date-range__error) { color: var(--danger); }
body.frontier-v2 .crm-filter-tabs a { border-radius: var(--radius-chip); font-size: .9rem; }
body.frontier-v2 .crm-filter-tabs a[aria-current="page"] { color: var(--mint); background: var(--selection); border-color: var(--success-line); }
body.frontier-v2 .crm-table tbody tr:hover { background: var(--hover); }
body.frontier-v2 .crm-table tbody tr[aria-selected="true"] { background: var(--selection); }
body.frontier-v2.workspace-body .crm-table { font-size: .95rem; }
body.frontier-v2 .crm-table th { color: var(--muted); font-size: .84rem; font-weight: 600; }
body.frontier-v2 .workspace-content table:not(.crm-table) { width: 100%; border-collapse: collapse; }
body.frontier-v2 .workspace-content table:not(.crm-table) :is(th,td) { border-bottom: 1px solid var(--line); padding: 12px 14px; text-align: left; vertical-align: top; }
body.frontier-v2 .workspace-content table:not(.crm-table) th { color: var(--muted); background: var(--surface-soft); font-size: .86rem; font-weight: 600; }

@media (prefers-reduced-motion: no-preference) {
    body.frontier-v2 :is(.crm-button,.os-button,.workspace-return,.workspace-navigation a,.workspace-management a,.workspace-account button,.workspace-menu-button,.workspace-appearance select,.crm-filter-tabs a) { transition: background-color .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease; }
}
@media (max-width: 960px) {
    body.frontier-v2.workspace-body .workspace-layout { grid-template-columns: minmax(0,1fr); }
    body.frontier-v2.workspace-body .workspace-sidebar { min-height: 0; padding: 18px 14px; border-right: 0; border-bottom: 1px solid var(--line); }
}
@media (max-width: 680px) {
    body.frontier-v2.workspace-body .workspace-main { padding: 22px 16px 40px; }
    body.frontier-v2.workspace-body .workspace-topbar { padding: 12px 16px; }
    body.frontier-v2.workspace-body .workspace-content :is(.os-card,.os-panel,.crm-detail-card,.crm-form-card,.crm-form-section) { padding: 18px; }
    body.frontier-v2.workspace-body .home-card { padding: 18px; }
    body.frontier-v2 .workspace-appearance { max-width: 100%; }
}

/* V2 alignment: one measurement system for the shared shell and controls. */
@media screen {
body.frontier-v2.workspace-body {
    --ui-space-1: 4px;
    --ui-space-2: 8px;
    --ui-space-3: 12px;
    --ui-space-4: 16px;
    --ui-space-5: 20px;
    --ui-space-6: 24px;
    --ui-space-8: 32px;
    --ui-control-h: 40px;
    --ui-card-pad: 24px;
    --ui-section-gap: 24px;
}
body.frontier-v2.workspace-body .workspace-topbar {
    gap: var(--ui-space-3) var(--ui-space-6);
    padding: var(--ui-space-3) var(--ui-space-6);
}
body.frontier-v2.workspace-body .workspace-sidebar {
    padding: var(--ui-space-6) var(--ui-space-3);
}
body.frontier-v2.workspace-body .workspace-main {
    padding: var(--ui-space-8) var(--ui-space-8) 48px;
}
body.frontier-v2.workspace-body :is(.workspace-header, .os-page-header, .crm-page-header) {
    align-items: flex-start;
    gap: var(--ui-space-4) var(--ui-space-6);
    margin-bottom: var(--ui-section-gap);
}
body.frontier-v2.workspace-body :is(.workspace-header, .os-page-header, .crm-page-header) h1 {
    max-width: none;
    margin: 0 0 var(--ui-space-2);
    font-size: clamp(1.75rem, 2vw, 2rem);
    line-height: 1.25;
}
body.frontier-v2.workspace-body :is(.workspace-header, .os-page-header, .crm-page-header) :is(.crm-eyebrow, .home-eyebrow) {
    margin: 0 0 var(--ui-space-2);
}
body.frontier-v2.workspace-body :is(.crm-header-actions, .crm-form-actions, .work-detail__action-links) {
    align-items: center;
    gap: var(--ui-space-2);
}
body.frontier-v2.workspace-body .workspace-content :is(.os-card, .os-panel, .crm-detail-card, .crm-form-card, .crm-form-section) {
    padding: var(--ui-card-pad);
}
body.frontier-v2.workspace-body .workspace-content :is(.os-card, .os-panel, .crm-detail-card, .crm-form-card, .crm-form-section) > :last-child {
    margin-bottom: 0;
}
body.frontier-v2.workspace-body .workspace-content :is(.os-grid, .crm-form-grid, .crm-detail-columns, .crm-metric-grid) > :is(.os-card, .os-panel, .crm-detail-card, .crm-form-card, .crm-form-section) {
    min-width: 0;
    margin-bottom: 0;
}
body.frontier-v2.workspace-body .workspace-content :is(.os-card, .os-panel, .crm-detail-card, .crm-form-card, .crm-form-section) > :is(h2, h3):first-child {
    margin: 0 0 var(--ui-space-4);
}
body.frontier-v2.workspace-body .workspace-content h2 {
    font-size: 1.125rem;
    line-height: 1.5;
}
body.frontier-v2.workspace-body .crm-card-heading {
    padding-bottom: var(--ui-space-4);
    margin-bottom: var(--ui-space-4);
}
body.frontier-v2.workspace-body .crm-toolbar {
    padding: var(--ui-space-4) var(--ui-space-5);
    gap: var(--ui-space-4);
    margin-bottom: var(--ui-section-gap);
}
body.frontier-v2.workspace-body :is(.crm-button, .os-button, .workspace-return, .work-detail__action-links a, .workspace-account button, .workspace-menu-button) {
    min-height: var(--ui-control-h);
    padding: var(--ui-space-2) var(--ui-space-3);
    line-height: 1.4;
}
body.frontier-v2.workspace-body .workspace-content form :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select) {
    min-height: var(--ui-control-h);
    padding: var(--ui-space-2) var(--ui-space-3);
    line-height: 1.4;
}
body.frontier-v2.workspace-body .workspace-content form textarea {
    min-height: 120px;
    padding: var(--ui-space-2) var(--ui-space-3);
    line-height: 1.6;
    resize: vertical;
}
body.frontier-v2.workspace-body .workspace-appearance select {
    min-height: var(--ui-control-h);
    padding: var(--ui-space-2) var(--ui-space-3);
    line-height: 1.4;
}
body.frontier-v2.workspace-body .workspace-content :is(input[type="number"], .os-metric-card strong, .home-metric strong) {
    font-variant-numeric: tabular-nums;
}
@media (max-width: 680px) {
    body.frontier-v2.workspace-body {
        --ui-card-pad: 20px;
        --ui-section-gap: 16px;
    }
    body.frontier-v2.workspace-body .workspace-main {
        padding: var(--ui-space-6) var(--ui-space-4) 40px;
    }
    body.frontier-v2.workspace-body .workspace-topbar {
        padding: var(--ui-space-3) var(--ui-space-4);
    }
    body.frontier-v2.workspace-body .crm-toolbar {
        padding: var(--ui-space-4);
    }
}
@media (pointer: coarse) {
    body.frontier-v2.workspace-body {
        --ui-control-h: 44px;
    }
}
}

/* Environment is context, not an alarm. Full test-data guidance is available on demand. */
body.frontier-v2 > .workspace-environment {
    position: relative;
    z-index: 60;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    min-height: 28px;
    margin: 0;
    padding: 3px 20px;
    border-bottom: 1px solid var(--line);
    background: var(--surface-soft);
    color: var(--muted);
    font-size: 11px;
    line-height: 1.4;
}
body.frontier-v2 .workspace-environment__details { position: relative; width: fit-content; max-width: 100%; }
body.frontier-v2 .workspace-environment__details > summary {
    display: flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    max-width: 100%;
    padding: 1px 6px;
    border: 1px solid var(--line);
    border-radius: 5px;
    color: var(--muted);
    background: var(--panel);
    font-weight: 600;
    list-style: none;
    cursor: pointer;
}
body.frontier-v2 .workspace-environment__details > summary::-webkit-details-marker { display: none; }
body.frontier-v2 .workspace-environment__details > summary:hover { color: var(--text); border-color: var(--line-strong); }
body.frontier-v2 .workspace-environment__details > summary svg { width: 12px; height: 12px; flex: 0 0 auto; }
body.frontier-v2 .workspace-environment__dot { display: inline-block; width: 5px; height: 5px; border: 1px solid var(--muted); border-radius: 50%; }
body.frontier-v2 .workspace-environment__label { padding-left: 7px; border-left: 1px solid var(--line); font-size: 10px; letter-spacing: .025em; font-weight: 500; }
body.frontier-v2 .workspace-environment__popover {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 61;
    width: min(420px, calc(100vw - 40px));
    max-height: min(280px, calc(100dvh - 72px));
    overflow-y: auto;
    padding: 16px 18px;
    border: 1px solid var(--line);
    border-radius: 12px;
    color: var(--text);
    background: var(--surface-raised);
    box-shadow: var(--shadow-popover);
    font-size: 13px;
    line-height: 1.6;
}
body.frontier-v2 .workspace-environment__popover strong { display: block; font-size: 14px; font-weight: 650; }
body.frontier-v2 .workspace-environment__popover p { margin: 7px 0 0; color: var(--muted); }