/* ChatLeg Studio Agent SSOL - Workbench visual adapter
 * Maps the v3-workbench design system onto the live WordPress markup.
 */

.cl-ssol-page {
    --ssol-ink: #16202a;
    --ssol-ink-soft: #3b4855;
    --ssol-muted: #64717e;
    --ssol-faint: #8d98a3;
    --ssol-line: #e0e5e9;
    --ssol-line-strong: #cdd5db;
    --ssol-canvas: #eceff1;
    --ssol-panel: #f6f8f9;
    --ssol-paper: #ffffff;
    --ssol-accent: #1f7d8c;
    --ssol-accent-strong: #14606d;
    --ssol-accent-soft: #e8f3f5;
    --ssol-success: #1f7a52;
    --ssol-success-soft: #e6f2ec;
    --ssol-warning: #9a6410;
    --ssol-danger: #a33c44;
    --ssol-focus: #1f7d8c;
    --wb-line: #e0e5e9;
    --wb-line-strong: #cdd5db;
    --wb-surface: #ffffff;
    --wb-surface-soft: #f6f8f9;
    --wb-surface-muted: #eef1f3;
    --wb-teal-line: #a8ccd3;
    --wb-control: 32px;
    --wb-radius-sm: 4px;
    --wb-radius: 6px;
    --wb-radius-md: 8px;
    background: #eceff1 !important;
    color: #16202a !important;
    font-family: "Montserrat", "Avenir Next", Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

.cl-ssol-files .cls-file[data-type="file"] {
    cursor: pointer;
}

.cl-ssol-page [hidden] { display: none !important; }

/* Topbar */
.cl-ssol-appbar {
    flex: 0 0 56px;
    min-height: 56px;
    height: 56px;
    gap: 16px;
    padding: 0 16px;
    border-bottom: 1px solid var(--wb-line-strong);
    background: var(--wb-surface) !important;
}

.cl-ssol-brand { gap: 10px; }
.cl-ssol-brand-mark {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    border: 0;
    border-radius: var(--wb-radius);
    background: var(--ssol-accent) !important;
    color: #fff !important;
}
.cl-ssol-brand-mark svg { width: 17px; height: 17px; }
.cl-ssol-brand-copy { gap: 1px; }
.cl-ssol-brand-copy strong { font-size: 15px; font-weight: 700; }
.cl-ssol-brand-copy small { color: var(--ssol-muted) !important; font-size: 12px; font-weight: 500; }

.cl-ssol-view-controls {
    gap: 2px;
    padding: 3px;
    border-color: var(--wb-line-strong);
    border-radius: var(--wb-radius-md);
    background: var(--wb-surface-muted) !important;
}
.cl-ssol-view-controls button,
.cl-ssol-page .cl-ssol-appbar .cl-ssol-view-controls [data-ssol-pane-toggle] {
    width: 30px;
    height: 24px;
    border-radius: var(--wb-radius-sm);
    color: var(--ssol-muted) !important;
}
.cl-ssol-view-controls button:hover { color: var(--ssol-ink) !important; }
.cl-ssol-view-controls button[aria-pressed="true"] {
    background: var(--wb-surface) !important;
    color: var(--ssol-accent-strong) !important;
    box-shadow: inset 0 0 0 1px var(--wb-line-strong);
}
.cl-ssol-view-controls svg { width: 15px; height: 15px; }

.cl-ssol-statuses { gap: 8px; }
.cl-ssol-statuses span {
    min-height: 32px;
    height: 32px;
    padding: 0 12px;
    border-color: var(--wb-line-strong);
    border-radius: 999px;
    background: var(--wb-surface-muted) !important;
    color: var(--ssol-ink-soft) !important;
    font-size: 11px;
    font-weight: 600;
}
.cl-ssol-statuses .is-online { background: var(--wb-surface) !important; }
.cl-ssol-statuses i {
    width: 7px;
    height: 7px;
    margin-right: 7px;
    background: var(--ssol-success);
    box-shadow: 0 0 0 3px var(--ssol-success-soft);
}

/* Three-pane workbench */
.cl-ssol-grid {
    grid-template-columns: var(--ssol-files-width, 272px) 6px minmax(0, 1fr) 6px var(--ssol-agent-width, 400px);
    border: 0;
    border-radius: 0;
    background: var(--wb-surface) !important;
    box-shadow: none;
    transition: grid-template-columns 180ms cubic-bezier(.2, .6, .3, 1);
}
.cl-ssol-pane { background: var(--wb-surface) !important; }
.cl-ssol-files,
.cl-ssol-agent { background: var(--wb-surface-soft) !important; }
.cl-ssol-files { border-right-color: var(--wb-line); }
.cl-ssol-agent { border-left-color: var(--wb-line); }
.cl-ssol-preview { background: var(--ssol-canvas) !important; }

.cl-ssol-pane-resizer {
    position: relative;
    z-index: 9;
    width: 6px;
    min-width: 6px;
    cursor: col-resize;
    touch-action: none;
    background: var(--wb-surface) !important;
}
.cl-ssol-pane-resizer::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 2px;
    width: 1px;
    background: var(--wb-line-strong);
    transition: inset 120ms ease, width 120ms ease, background 120ms ease;
}
.cl-ssol-pane-resizer:hover::after,
.cl-ssol-pane-resizer:focus-visible::after,
.cl-ssol-pane-resizer.is-dragging::after {
    inset-inline-start: 1px;
    width: 4px;
    background: var(--ssol-accent);
}
.cl-ssol-pane-resizer:focus-visible {
    outline: 0;
}
.cl-ssol-page.is-pane-resizing,
.cl-ssol-page.is-pane-resizing * {
    cursor: col-resize !important;
    user-select: none !important;
}
.cl-ssol-page.is-pane-resizing .cl-ssol-grid {
    transition: none;
}
.cl-ssol-pane-resize-reset {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    border: 1px solid var(--wb-line-strong);
    background: var(--wb-surface) !important;
}
.cl-ssol-pane-resize-reset:hover {
    border-color: var(--wb-teal-line);
    color: var(--ssol-accent-strong) !important;
}
.cl-ssol-pane-resize-reset[hidden] { display: none !important; }

.cl-ssol-pane-head {
    flex: 0 0 52px;
    min-height: 52px;
    height: 52px;
    gap: 12px;
    padding: 0 12px 0 16px;
    border-bottom-color: var(--wb-line);
    background: var(--wb-surface) !important;
}
.cl-ssol-pane-head > div:first-child { display: grid; min-width: 0; gap: 1px; }
.cl-ssol-pane-head h2 {
    order: 1;
    color: var(--ssol-ink) !important;
    font-size: 14px;
    font-weight: 700;
}
.cl-ssol-pane-kicker {
    order: 2;
    margin: 0;
    color: var(--ssol-faint) !important;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.3;
    text-transform: none;
}
.cl-ssol-files .cl-ssol-pane-kicker,
.cl-ssol-preview .cl-ssol-pane-kicker { display: none; }
.cl-ssol-agent .cl-ssol-pane-kicker { font-size: 0; }
.cl-ssol-agent .cl-ssol-pane-kicker::after {
    content: "Lavora sul documento nel contesto";
    font-size: 11px;
}

.cl-ssol-icon-button {
    width: var(--wb-control);
    height: var(--wb-control);
    flex-basis: var(--wb-control);
    border-color: transparent;
    border-radius: var(--wb-radius);
    background: transparent !important;
    color: var(--ssol-ink-soft) !important;
    box-shadow: none;
}
.cl-ssol-icon-button:hover {
    border-color: transparent;
    background: var(--wb-surface-muted) !important;
    color: var(--ssol-ink) !important;
}
.cl-ssol-icon-button svg { width: 17px; height: 17px; }

/* Live Studio workspace mapped to the compact v3 file navigator */
.cl-ssol-workspace-host {
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--wb-surface-soft) !important;
    scrollbar-gutter: auto;
}
.cl-ssol-workspace-host .cls-ws {
    min-height: 100%;
    padding-bottom: 8px;
    background: var(--wb-surface-soft) !important;
}
.cl-ssol-workspace-host .cls-toolbar {
    position: static;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 12px 12px 8px;
    border-bottom: 0;
    background: var(--wb-surface-soft) !important;
    backdrop-filter: none;
}
.cl-ssol-workspace-host .cls-search {
    height: 32px;
    min-height: 32px;
    border-color: var(--wb-line-strong);
    border-radius: var(--wb-radius);
    background: var(--wb-surface) !important;
    outline: 0 !important;
    overflow: hidden;
}
.cl-ssol-workspace-host .cls-search:focus-within {
    border-color: var(--ssol-accent);
    box-shadow: 0 0 0 2px rgb(31 125 140 / 16%) !important;
    outline: 0 !important;
}
.cl-ssol-workspace-host .cls-search input {
    min-height: 0 !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 12px;
    outline: 0 !important;
}
.cl-ssol-workspace-host .cls-search input:focus { outline: 0 !important; box-shadow: none !important; }
.cl-ssol-workspace-host .cls-toolbar .cls-btn {
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-color: transparent;
    border-radius: var(--wb-radius) !important;
    background: transparent !important;
    color: var(--ssol-ink-soft) !important;
}
.cl-ssol-workspace-host .cls-toolbar .cls-btn:hover {
    border-color: transparent;
    background: var(--wb-surface-muted) !important;
    color: var(--ssol-ink) !important;
}
.cl-ssol-workspace-host .cls-toolbar .cls-iconbtn {
    width: 32px;
    min-width: 32px;
    height: 32px;
    padding: 0 !important;
    border: 1px solid transparent !important;
    border-radius: var(--wb-radius) !important;
    background: transparent !important;
    color: var(--ssol-ink-soft) !important;
    box-shadow: none !important;
}
.cl-ssol-workspace-host .cls-toolbar .cls-iconbtn:hover {
    border-color: transparent !important;
    background: var(--wb-surface-muted) !important;
    color: var(--ssol-ink) !important;
}
.cl-ssol-workspace-host .cls-sort {
    height: 28px;
    border: 0;
    background: transparent !important;
}
.cl-ssol-workspace-host .cls-sort select { font-size: 11px; color: var(--ssol-muted) !important; }
.cl-ssol-workspace-host .cls-crumbs {
    padding: 4px 16px 5px;
    color: var(--ssol-faint) !important;
    font-size: 11px;
}
.cl-ssol-workspace-host .cls-files {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 6px 8px 14px;
}
.cl-ssol-workspace-host .cls-file {
    grid-template-columns: 32px minmax(0, 1fr) auto 26px !important;
    grid-template-areas: "icon main quick menu" "actions actions actions actions" !important;
    min-height: 50px;
    gap: 0 8px !important;
    padding: 7px 7px 7px 9px !important;
    overflow: visible;
    border: 1px solid var(--wb-line) !important;
    border-radius: var(--wb-radius) !important;
    background: var(--wb-surface) !important;
    box-shadow: none;
}
.cl-ssol-workspace-host .cls-file:hover,
.cl-ssol-workspace-host .cls-file:focus-within {
    border-color: var(--wb-teal-line) !important;
    background: #fbfefe !important;
    box-shadow: 0 3px 10px rgba(23, 33, 43, .055);
}
.cl-ssol-workspace-host .cls-file.is-open {
    border-color: var(--wb-teal-line) !important;
    background: #f7fcfd !important;
    box-shadow: inset 2px 0 0 var(--ssol-accent);
}
.cl-ssol-workspace-host .cls-file__ico {
    width: 30px;
    height: 30px;
    align-self: center;
    border-radius: var(--wb-radius-sm) !important;
    background: var(--wb-surface-muted) !important;
    color: var(--ssol-accent-strong) !important;
}
.cl-ssol-workspace-host .cls-file__ico svg { width: 17px; height: 17px; }
.cl-ssol-workspace-host .cls-file__name {
    display: block;
    min-height: 0;
    padding: 0 !important;
    color: var(--ssol-ink) !important;
    font-size: 12.5px;
    font-weight: 680;
    line-height: 1.3;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-line-clamp: initial;
}
.cl-ssol-workspace-host .cls-file__meta {
    flex-wrap: nowrap;
    gap: 5px;
    margin-top: 2px;
    overflow: hidden;
    color: var(--ssol-faint) !important;
    font-size: 9.5px;
    white-space: nowrap;
}
.cl-ssol-workspace-host .cls-file__badge {
    padding: 0;
    background: transparent !important;
    color: var(--ssol-accent-strong) !important;
    font-size: 9px;
    font-weight: 760;
}
.cl-ssol-file-quick-actions {
    grid-area: quick;
    display: inline-flex;
    align-items: center;
    gap: 1px;
    padding: 1px;
    border: 1px solid var(--wb-line);
    border-radius: var(--wb-radius-sm);
    background: var(--wb-surface-soft) !important;
}
.cl-ssol-file-quick-button,
.cl-ssol-file-menu {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    align-self: center;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent !important;
    color: var(--ssol-muted) !important;
}
.cl-ssol-file-menu { grid-area: menu; width: 26px; height: 26px; }
.cl-ssol-file-quick-button svg,
.cl-ssol-file-menu svg { width: 14px; height: 14px; }
.cl-ssol-file-quick-button:hover,
.cl-ssol-file-quick-button:focus-visible,
.cl-ssol-file-menu:hover,
.cl-ssol-file-menu:focus-visible,
.cl-ssol-file-menu[aria-expanded="true"] {
    background: var(--wb-surface-muted) !important;
    color: var(--ssol-accent-strong) !important;
}
.cl-ssol-file-quick-button--danger { color: #8b7478 !important; }
.cl-ssol-file-quick-button--danger:hover,
.cl-ssol-file-quick-button--danger:focus-visible {
    background: #f9ebed !important;
    color: #9b343e !important;
}
.cl-ssol-workspace-host .cls-file__actions {
    gap: 2px !important;
    margin-top: 4px !important;
    padding-top: 5px;
    border-top-color: var(--wb-line);
}
.cl-ssol-workspace-host .cls-file__actions .cls-iconbtn {
    width: 28px;
    min-width: 28px;
    height: 28px;
    flex-basis: 28px;
    border-color: transparent;
    border-radius: var(--wb-radius-sm) !important;
    background: transparent !important;
}

/* Open document tabs */
.cl-ssol-doc-tabs-bar {
    display: flex;
    flex: 0 0 38px;
    min-height: 38px;
    height: 38px;
    align-items: stretch;
    overflow: hidden;
    border-bottom: 1px solid var(--wb-line-strong);
    background: var(--wb-surface-muted) !important;
}
.doc-tabs {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    align-items: stretch;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}
.doc-tabs::-webkit-scrollbar { display: none; }
.doc-tabs:empty::before {
    content: "Nessun documento aperto";
    display: inline-flex;
    align-items: center;
    padding: 0 12px;
    color: var(--ssol-faint);
    font-size: 11px;
    font-weight: 500;
}
.doc-tab {
    display: inline-flex;
    flex: 0 0 auto;
    max-width: 230px;
    height: 100%;
    align-items: center;
    padding-right: 6px;
    border-right: 1px solid var(--wb-line-strong);
    background: transparent !important;
    color: var(--ssol-muted) !important;
    transition: background 120ms ease, color 120ms ease;
}
.doc-tab:hover { background: var(--wb-surface-soft) !important; color: var(--ssol-ink) !important; }
.doc-tab[aria-selected="true"] {
    background: var(--ssol-paper) !important;
    color: var(--ssol-ink) !important;
    box-shadow: inset 0 -2px 0 var(--ssol-accent);
}
.doc-tab[aria-selected="true"] .label { font-weight: 600; }
.tab-open {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    align-items: center;
    gap: 7px;
    padding: 0 6px 0 12px;
    border: 0;
    background: transparent !important;
    color: inherit !important;
    font-size: 11px;
    cursor: pointer;
}
.tab-open svg { width: 14px; height: 14px; }
.tab-open .label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.doc-tab .close {
    display: grid;
    width: 20px;
    height: 20px;
    flex: none;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: var(--wb-radius-sm);
    background: transparent !important;
    color: var(--ssol-faint) !important;
    cursor: pointer;
    opacity: 0;
    transition: opacity 120ms ease, background 120ms ease, color 120ms ease;
}
.doc-tab:hover .close,
.doc-tab[aria-selected="true"] .close,
.doc-tab:focus-within .close { opacity: 1; }
.doc-tab .close:hover { background: var(--wb-surface-muted) !important; color: var(--ssol-ink) !important; }
.doc-tab .close svg { width: 12px; height: 12px; stroke-width: 2; }

/* Document work surface */
.cl-ssol-preview-head {
    flex-basis: 38px;
    min-height: 38px;
    height: 38px;
    padding: 0 8px 0 12px;
    background: var(--wb-surface-muted) !important;
    border-bottom-color: var(--wb-line-strong);
}
.cl-ssol-preview-head h2 {
    max-width: min(48vw, 640px);
    color: var(--ssol-muted) !important;
    font-size: 11px;
    font-weight: 600;
}
.cl-ssol-preview-actions {
    gap: 2px;
    padding: 2px;
    border-color: var(--wb-line-strong);
    border-radius: var(--wb-radius-md);
    background: var(--wb-surface-muted) !important;
}
.cl-ssol-preview-actions button {
    min-height: 24px;
    gap: 5px;
    padding: 2px 7px;
    border-radius: var(--wb-radius-sm);
    color: var(--ssol-muted) !important;
    font-size: 10px;
    font-weight: 600;
}
.cl-ssol-preview-actions button.is-active {
    background: var(--wb-surface) !important;
    color: var(--ssol-accent-strong) !important;
    box-shadow: inset 0 0 0 1px var(--wb-line-strong);
}
.cl-ssol-preview-stage {
    padding: 20px 20px 32px;
    background: var(--ssol-canvas) !important;
    scrollbar-gutter: auto;
}
.cl-ssol-document {
    width: min(720px, 100%);
    padding: 48px 52px 56px !important;
    border: 1px solid var(--wb-line);
    border-radius: 0;
    color: #202932 !important;
    box-shadow: 0 1px 2px rgb(22 32 42 / 4%), 0 8px 24px -12px rgb(22 32 42 / 14%);
    font-family: "Montserrat", "Avenir Next", Avenir, sans-serif;
    font-size: 15px;
    line-height: 1.72;
    overflow-wrap: break-word;
    hyphens: auto;
}
.cl-ssol-document h1 { margin: 0 0 6px; font-size: 26px; line-height: 1.25; }
.cl-ssol-document h2 { margin: 34px 0 10px; color: var(--ssol-ink) !important; font-size: 17px; line-height: 1.3; }
.cl-ssol-document h3 { margin: 24px 0 8px; font-size: 15px; }
.cl-ssol-document p { max-width: 68ch; margin: 0 0 14px; color: #202932 !important; }
.cl-ssol-document ul,
.cl-ssol-document ol { max-width: 68ch; margin: 0 0 16px; padding-left: 22px; }
.cl-ssol-document li { margin-bottom: 7px; color: #202932 !important; }
.cl-ssol-document blockquote {
    max-width: 66ch;
    margin: 20px 0;
    padding: 12px 0 12px 18px;
    border-left: 2px solid var(--ssol-accent);
    background: transparent !important;
    color: var(--ssol-ink-soft) !important;
    font-size: 14px;
}
.cl-ssol-document table { width: 100%; margin: 20px 0 24px; border-collapse: collapse; font-size: 13px; }
.cl-ssol-document th,
.cl-ssol-document td { padding: 10px 12px; border-bottom: 1px solid var(--wb-line); text-align: left; vertical-align: top; }
.cl-ssol-document pre,
.cl-ssol-code {
    padding: 20px;
    border-radius: var(--wb-radius);
    background: #16202a !important;
    color: #dbe6ea !important;
    font-size: 12.5px;
    line-height: 1.65;
}
.cl-ssol-welcome { color: var(--ssol-faint) !important; }
.cl-ssol-welcome-icon {
    width: 44px;
    height: 44px;
    border-color: var(--wb-line-strong);
    border-radius: var(--wb-radius-md);
    box-shadow: none;
}
.cl-ssol-welcome h3 { font-size: 14px; }
.cl-ssol-welcome p { font-size: 12px; }
.cl-ssol-html-frame,
.cl-ssol-file-frame { box-shadow: none; }

/* Observable agent */
.cl-ssol-chat {
    padding: 16px;
    background: var(--wb-surface-soft) !important;
    scrollbar-gutter: auto;
}
.cl-ssol-message { margin-bottom: 20px; }
.cl-ssol-message--user { margin-left: 40px; }
.cl-ssol-message-label {
    margin-bottom: 6px;
    color: var(--ssol-faint) !important;
    font-size: 10px;
    font-weight: 700;
}
.cl-ssol-message-body {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    color: var(--ssol-ink-soft) !important;
    box-shadow: none;
    font-size: 13.5px;
    line-height: 1.68;
}
.cl-ssol-message--user .cl-ssol-message-body {
    padding: 10px 13px;
    border: 1px solid var(--wb-teal-line);
    border-radius: var(--wb-radius-md);
    background: var(--ssol-accent-soft) !important;
    font-size: 13.5px;
    line-height: 1.55;
}
.cl-ssol-message-body pre { padding: 12px; border-radius: var(--wb-radius); }
.cl-ssol-message-actions { justify-content: flex-start; gap: 8px; margin-top: 10px; }
.cl-ssol-message-actions button {
    min-height: 26px;
    height: 26px;
    gap: 6px;
    padding: 0 8px;
    border-color: transparent;
    border-radius: var(--wb-radius-sm);
    background: transparent !important;
    color: var(--ssol-muted) !important;
    font-size: 11px;
    font-weight: 600;
}
.cl-ssol-message-actions button:hover {
    border-color: transparent;
    background: var(--wb-surface-muted) !important;
    color: var(--ssol-ink) !important;
}
.cl-ssol-message-actions .cl-ssol-message-action-icon { width: 26px; }
.cl-ssol-message-actions svg { width: 14px; height: 14px; }

.cl-ssol-activity-details {
    border-color: var(--wb-line-strong);
    border-radius: var(--wb-radius-md);
    background: var(--wb-surface) !important;
}
.cl-ssol-activity-details > summary {
    min-height: 36px;
    padding: 8px 12px;
    background: transparent !important;
    color: var(--ssol-ink-soft) !important;
    font-size: 11px;
    font-weight: 600;
}
.cl-ssol-activity-details:not([open]) {
    border-radius: 999px;
    background: var(--wb-surface-muted) !important;
}
.cl-ssol-activity-details[open] > summary { border-bottom-color: var(--wb-line); }
.cl-ssol-activity-stream .cl-ssol-message-body {
    padding: 2px 12px 10px;
    background: var(--wb-surface) !important;
}
.cl-ssol-live-event {
    grid-template-columns: 16px minmax(0, 1fr);
    gap: 9px;
    padding: 9px 0;
    border-bottom: 1px solid var(--wb-line);
}
.cl-ssol-live-event:last-child { border-bottom: 0; }
.cl-ssol-live-event:not(:last-child)::after { display: none; }
.cl-ssol-live-dot {
    width: 9px;
    height: 9px;
    margin: 5px 0 0 3px;
    border: 0;
}
.cl-ssol-live-copy { min-width: 0; }
.cl-ssol-live-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.cl-ssol-live-event strong { min-width: 0; font-size: 11px; font-weight: 700; }
.cl-ssol-live-event [data-ssol-event-status] {
    flex: 0 0 auto;
    padding: 2px 6px;
    border-radius: 999px;
    background: #fff4dc;
    color: #765a21 !important;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: .02em;
}
.cl-ssol-live-event.is-completed [data-ssol-event-status] {
    background: #e8f5ee;
    color: #2f6b4b !important;
}
.cl-ssol-live-event.is-failed [data-ssol-event-status] {
    background: #fbeaec;
    color: #93434c !important;
}
.cl-ssol-live-wait {
    display: flex;
    align-items: center;
    gap: 8px;
}
.cl-ssol-live-wait::before,
.cl-ssol-busy [data-ssol-composer-status]::before {
    content: "";
    flex: 0 0 auto;
    width: 11px;
    height: 11px;
    border: 2px solid rgba(58, 166, 185, .24);
    border-top-color: var(--ssol-accent);
    border-radius: 50%;
    animation: cl-ssol-working-spin .75s linear infinite;
}
.cl-ssol-busy [data-ssol-composer-status] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}
.cl-ssol-live-event.is-running .cl-ssol-live-dot {
    width: 12px;
    height: 12px;
    margin: 3px 0 0 1px;
    border: 2px solid rgba(58, 166, 185, .24);
    border-top-color: var(--ssol-accent);
    background: transparent;
    box-shadow: none;
    animation: cl-ssol-working-spin .75s linear infinite;
}
@keyframes cl-ssol-working-spin {
    to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
    .cl-ssol-live-wait::before,
    .cl-ssol-busy [data-ssol-composer-status]::before,
    .cl-ssol-live-event.is-running .cl-ssol-live-dot {
        animation-duration: 1.8s;
    }
}
.cl-ssol-live-event small { font-size: 11px; line-height: 1.45; }
.cl-ssol-live-event time { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 10px; }
.cl-ssol-tool-report { margin-top: 10px; border-top-color: var(--wb-line); }
.cl-ssol-tool-report summary { color: var(--ssol-ink-soft) !important; font-size: 11px; font-weight: 600; }
.cl-ssol-tool-report-item {
    border-color: var(--wb-line);
    border-radius: var(--wb-radius-sm);
    background: var(--wb-surface-soft) !important;
}

/* Composer and selected document context */
.cl-ssol-composer {
    position: relative;
    overflow: visible;
    padding: 12px;
    border-top-color: var(--wb-line);
    background: var(--wb-surface) !important;
}
.cl-ssol-context {
    grid-template-columns: 24px minmax(0, 1fr) 24px;
    gap: 7px;
    margin-bottom: 8px;
    padding: 7px 8px;
    border-color: var(--wb-teal-line);
    border-radius: var(--wb-radius);
    background: var(--ssol-accent-soft) !important;
}
.cl-ssol-context-icon {
    width: 24px;
    height: 24px;
    border-radius: var(--wb-radius-sm);
    background: var(--wb-surface) !important;
}
.cl-ssol-context-icon svg { width: 13px; height: 13px; }
.cl-ssol-context-copy small { color: var(--ssol-accent-strong) !important; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.cl-ssol-context-copy strong { color: var(--ssol-ink-soft) !important; font-size: 11px; font-weight: 600; }
.cl-ssol-context button { width: 24px; height: 24px; border-radius: var(--wb-radius-sm); }
.cl-ssol-context button svg { width: 13px; height: 13px; }

.cl-ssol-preview { position: relative; }
.cl-ssol-selection-action {
    position: fixed;
    z-index: 100020;
    display: inline-flex;
    width: auto;
    min-height: 34px;
    align-items: center;
    gap: 7px;
    padding: 0 11px;
    border: 1px solid var(--ssol-accent);
    border-radius: 999px;
    background: var(--wb-surface) !important;
    color: var(--ssol-accent-strong) !important;
    box-shadow: 0 8px 24px rgba(22, 32, 42, .16);
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
}
.cl-ssol-selection-action:hover {
    background: var(--ssol-accent-soft) !important;
}
.cl-ssol-selection-action:focus-visible {
    outline: 2px solid var(--ssol-focus);
    outline-offset: 2px;
}
.cl-ssol-selection-action svg { width: 15px; height: 15px; }

.cl-ssol-context-items {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}
.cl-ssol-context-pill {
    display: inline-flex;
    max-width: 100%;
    min-height: 28px;
    align-items: center;
    gap: 5px;
    padding: 0 4px 0 8px;
    border: 1px solid var(--wb-teal-line);
    border-radius: 999px;
    background: var(--ssol-accent-soft) !important;
    color: var(--ssol-ink-soft) !important;
    font-size: 10.5px;
    font-weight: 650;
}
.cl-ssol-context-pill.is-selection { background: var(--wb-surface-muted) !important; }
.cl-ssol-context-pill > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cl-ssol-context-pill > svg { width: 13px; height: 13px; flex: 0 0 13px; color: var(--ssol-accent); }
.cl-ssol-context-pill > b { color: var(--ssol-accent-strong); font-size: 13px; }
.cl-ssol-context-pill button {
    display: inline-grid;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    place-items: center;
    border: 0;
    border-radius: 50%;
    background: transparent !important;
    color: var(--ssol-muted) !important;
}
.cl-ssol-context-pill button:hover { background: rgba(31, 125, 140, .1) !important; color: var(--ssol-ink) !important; }
.cl-ssol-context-pill button svg { width: 12px; height: 12px; }

.cl-ssol-input-shell { position: relative; }
.cl-ssol-mention-menu {
    position: absolute;
    z-index: 30;
    right: 0;
    bottom: calc(100% + 7px);
    left: 0;
    max-height: min(260px, 42vh);
    overflow-y: auto;
    padding: 5px;
    border: 1px solid var(--wb-line-strong);
    border-radius: var(--wb-radius-md);
    background: var(--wb-surface) !important;
    box-shadow: 0 12px 32px rgba(22, 32, 42, .14);
}
.cl-ssol-mention-menu button {
    display: grid;
    width: 100%;
    min-height: 42px;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: center;
    gap: 7px;
    padding: 6px 8px;
    border: 0;
    border-radius: var(--wb-radius);
    background: transparent !important;
    color: var(--ssol-ink-soft) !important;
    text-align: left;
}
.cl-ssol-mention-menu button:hover,
.cl-ssol-mention-menu button[aria-selected="true"] {
    background: var(--ssol-accent-soft) !important;
    color: var(--ssol-ink) !important;
}
.cl-ssol-mention-menu button > svg { width: 15px; height: 15px; color: var(--ssol-accent); }
.cl-ssol-mention-menu button > span { display: grid; min-width: 0; gap: 1px; }
.cl-ssol-mention-menu strong,
.cl-ssol-mention-menu small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cl-ssol-mention-menu strong { font-size: 11px; font-weight: 700; }
.cl-ssol-mention-menu small { color: var(--ssol-muted) !important; font-size: 9.5px; }
.cl-ssol-mention-empty { padding: 10px; color: var(--ssol-muted) !important; font-size: 11px; text-align: center; }

.cl-ssol-message-context {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0 0 6px;
}
.cl-ssol-message-context > span {
    display: inline-flex;
    max-width: 100%;
    min-height: 24px;
    align-items: center;
    gap: 5px;
    padding: 0 8px;
    border: 1px solid rgba(31, 125, 140, .28);
    border-radius: 999px;
    background: rgba(255, 255, 255, .52) !important;
    color: var(--ssol-ink-soft) !important;
    font-size: 9.5px;
    font-weight: 650;
}
.cl-ssol-message-context svg { width: 11px; height: 11px; }
.cl-ssol-message-context b { color: var(--ssol-accent-strong); }

.cl-ssol-composer textarea {
    height: 64px !important;
    min-height: 64px !important;
    max-height: 120px;
    padding: 10px 12px;
    border-color: var(--wb-line-strong);
    border-radius: var(--wb-radius-md);
    font-size: 13.5px;
    line-height: 1.5;
    resize: vertical;
}
.cl-ssol-composer textarea:focus { border-color: var(--ssol-accent); box-shadow: none; }
.cl-ssol-composer-foot { min-height: 32px; margin-top: 7px; }
.cl-ssol-composer-foot > span { color: var(--ssol-faint) !important; font-size: 10px; font-weight: 500; }
.cl-ssol-send {
    width: 32px;
    height: 32px;
    border-radius: var(--wb-radius);
    background: var(--ssol-accent) !important;
    box-shadow: none;
}
.cl-ssol-send:hover { background: var(--ssol-accent-strong) !important; }
.cl-ssol-send svg { width: 16px; height: 16px; }
.cl-ssol-temp {
    border-color: #e1c784;
    border-radius: var(--wb-radius);
    background: #fff9e9 !important;
}

/* Dialogs */
.cl-ssol-dialog-scrim { background: rgb(22 32 42 / 42%); }
.cl-ssol-dialog {
    border-color: var(--wb-line-strong);
    border-radius: var(--wb-radius-md);
    box-shadow: 0 24px 70px -20px rgb(22 32 42 / 35%);
}
.cl-ssol-dialog h3 { font-size: 14px; }
.cl-ssol-dialog input { border-radius: var(--wb-radius); }
.cl-ssol-dialog-actions button { border-radius: var(--wb-radius); }

/* Focus modes */
@media (min-width: 1041px) {
    /* Keep panes and resize handles anchored to their desktop grid tracks. */
    .cl-ssol-grid > .cl-ssol-files { grid-column: 1; }
    .cl-ssol-grid > .cl-ssol-pane-resizer--files { grid-column: 2; }
    .cl-ssol-grid > .cl-ssol-preview { grid-column: 3; }
    .cl-ssol-grid > .cl-ssol-pane-resizer--agent { grid-column: 4; }
    .cl-ssol-grid > .cl-ssol-agent { grid-column: 5; }

    .cl-ssol-page.is-files-hidden .cl-ssol-grid {
        grid-template-columns: 0 0 minmax(0, 1fr) 6px var(--ssol-agent-width, 400px) !important;
    }
    .cl-ssol-page.is-agent-hidden .cl-ssol-grid {
        grid-template-columns: var(--ssol-files-width, 272px) 6px minmax(0, 1fr) 0 0 !important;
    }
    .cl-ssol-page.is-files-hidden.is-agent-hidden .cl-ssol-grid {
        grid-template-columns: 0 0 minmax(0, 1fr) 0 0 !important;
    }
    .cl-ssol-page.is-files-hidden .cl-ssol-pane-resizer--files,
    .cl-ssol-page.is-agent-hidden .cl-ssol-pane-resizer--agent {
        visibility: hidden;
        pointer-events: none;
    }
}

@media (max-width: 1400px) and (min-width: 1041px) {
    .cl-ssol-grid {
        grid-template-columns: var(--ssol-files-width, 256px) 6px minmax(0, 1fr) 6px var(--ssol-agent-width, 376px);
    }
    .cl-ssol-page.is-files-hidden .cl-ssol-grid {
        grid-template-columns: 0 0 minmax(0, 1fr) 6px var(--ssol-agent-width, 376px) !important;
    }
    .cl-ssol-page.is-agent-hidden .cl-ssol-grid {
        grid-template-columns: var(--ssol-files-width, 256px) 6px minmax(0, 1fr) 0 0 !important;
    }
    .cl-ssol-document { padding: 42px 44px 48px !important; }
}

@media (max-width: 1200px) and (min-width: 1041px) {
    .cl-ssol-grid {
        grid-template-columns: var(--ssol-files-width, 240px) 6px minmax(0, 1fr) 6px var(--ssol-agent-width, 348px);
    }
    .cl-ssol-page.is-files-hidden .cl-ssol-grid {
        grid-template-columns: 0 0 minmax(0, 1fr) 6px var(--ssol-agent-width, 348px) !important;
    }
    .cl-ssol-page.is-agent-hidden .cl-ssol-grid {
        grid-template-columns: var(--ssol-files-width, 240px) 6px minmax(0, 1fr) 0 0 !important;
    }
    .cl-ssol-document { padding: 38px 36px 42px !important; }
}

@media (max-width: 1040px) {
    .cl-ssol-appbar {
        flex-basis: 56px;
        min-height: 56px;
        height: 56px;
        grid-template-columns: minmax(0, 1fr) auto;
        padding: 0 12px;
    }
    .cl-ssol-view-controls { display: none; }
    .cl-ssol-brand-mark { width: 30px; height: 30px; flex-basis: 30px; }
    .cl-ssol-statuses span:nth-child(n+2) { display: none; }
    .cl-ssol-mobile-nav {
        flex: 0 0 46px;
        height: 46px;
        gap: 3px;
        padding: 5px 12px;
        border: 0;
        border-bottom: 1px solid var(--wb-line-strong);
        border-radius: 0;
        background: var(--wb-surface) !important;
    }
    .cl-ssol-mobile-nav button {
        min-height: 36px;
        height: 36px;
        border-radius: var(--wb-radius);
        color: var(--ssol-muted) !important;
        font-size: 12px;
        font-weight: 600;
    }
    .cl-ssol-mobile-nav button[aria-pressed="true"] {
        background: var(--wb-surface-muted) !important;
        color: var(--ssol-ink) !important;
        box-shadow: inset 0 0 0 1px var(--wb-line-strong);
    }
    .cl-ssol-grid { display: block; }
    .cl-ssol-pane-resizer,
    .cl-ssol-pane-resize-reset { display: none !important; }
    .cl-ssol-grid .cl-ssol-pane {
        width: 100%;
        height: 100%;
        min-height: 0;
        border: 0;
    }
    .cl-ssol-preview-head { flex-basis: 38px; min-height: 38px; height: 38px; }
    .cl-ssol-preview-stage { padding: 14px 14px 24px; }
    .cl-ssol-document { width: 100%; padding: 34px 30px 38px !important; }
}

@media (max-width: 560px) {
    .cl-ssol-appbar { flex-basis: 52px; min-height: 52px; height: 52px; }
    .cl-ssol-brand-copy strong { font-size: 14px; }
    .cl-ssol-brand-copy small { display: none; }
    .cl-ssol-mobile-nav { flex-basis: 50px; height: 50px; }
    .cl-ssol-mobile-nav button { min-height: 40px; height: 40px; }
    .cl-ssol-pane-head { flex-basis: 48px; min-height: 48px; height: 48px; }
    .cl-ssol-preview-head {
        min-height: 68px;
        height: auto;
        padding: 8px 10px;
        align-items: flex-start;
        flex-direction: column;
    }
    .cl-ssol-preview-head h2 { max-width: 86vw; }
    .cl-ssol-preview-actions { align-self: flex-end; }
    .doc-tab { max-width: 160px; }
    .doc-tab .close { width: 24px; height: 24px; opacity: 1; }
    .cl-ssol-workspace-host .cls-file { min-height: 50px; }
    .cl-ssol-preview-stage { padding: 12px 0 24px; }
    .cl-ssol-document {
        padding: 28px 22px 32px !important;
        border-right: 0;
        border-left: 0;
        box-shadow: none;
        font-size: 14.5px;
    }
    .cl-ssol-document h1 { font-size: 22px; }
    .cl-ssol-document table { display: block; overflow-x: auto; font-size: 12px; }
    .cl-ssol-chat { padding: 12px; }
    .cl-ssol-message--user { margin-left: 0; }
    .cl-ssol-composer { padding: 8px 12px 12px; }
    .cl-ssol-context { max-height: 96px; overflow-y: auto; }
    .cl-ssol-send { width: 36px; height: 36px; }
}


/* Preventive review and workspace version history */
.cl-ssol-preview-head-tools {
    display: flex;
    align-items: center;
    gap: 6px;
}
.cl-ssol-history-button {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    border: 1px solid var(--wb-line-strong);
    background: var(--wb-surface) !important;
}
.cl-ssol-history-button:hover {
    border-color: var(--wb-teal-line);
    color: var(--ssol-accent-strong) !important;
}
.cl-ssol-review-group {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}
.cl-ssol-review-card {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid var(--wb-teal-line);
    border-radius: var(--wb-radius-md);
    background: #f4fafb !important;
}
.cl-ssol-review-icon,
.cl-ssol-history-icon {
    display: grid;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: var(--wb-radius);
    background: #e2f1f3 !important;
    color: var(--ssol-accent-strong) !important;
}
.cl-ssol-review-icon svg,
.cl-ssol-history-icon svg { width: 17px; height: 17px; }
.cl-ssol-review-copy {
    display: grid;
    min-width: 0;
    gap: 1px;
}
.cl-ssol-review-copy strong { color: var(--ssol-ink) !important; font-size: 12px; }
.cl-ssol-review-copy span,
.cl-ssol-review-copy small {
    overflow: hidden;
    color: var(--ssol-muted) !important;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cl-ssol-review-card.is-applied {
    border-color: #a8d2be;
    background: var(--ssol-success-soft) !important;
}
.cl-ssol-review-card.is-rejected {
    border-color: var(--wb-line-strong);
    background: var(--wb-surface-muted) !important;
}
.cl-ssol-button {
    min-height: 32px;
    padding: 6px 12px;
    border: 1px solid var(--wb-line-strong);
    border-radius: var(--wb-radius);
    background: #fff !important;
    color: var(--ssol-ink-soft) !important;
    font: 600 11px/1.2 "Montserrat", "Avenir Next", Avenir, sans-serif;
    cursor: pointer;
}
.cl-ssol-button:hover { border-color: #8abec7; color: var(--ssol-accent-strong) !important; }
.cl-ssol-button:disabled { cursor: default; opacity: .6; }
.cl-ssol-button--primary {
    border-color: #14606d;
    background: #14606d !important;
    color: #fff !important;
}
.cl-ssol-button--primary:hover { background: #0f515c !important; color: #fff !important; }
.cl-ssol-modal-scrim {
    position: fixed;
    z-index: 100000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgb(22 32 42 / 42%);
    font-family: "Montserrat", "Avenir Next", Avenir, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.cl-ssol-modal {
    display: flex;
    width: min(70vw, 1080px);
    height: min(70vh, 760px);
    min-width: 560px;
    min-height: 420px;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #cdd5db;
    border-radius: 8px;
    background: #fff !important;
    color: #16202a !important;
    box-shadow: 0 24px 70px rgb(22 32 42 / 24%);
}
.cl-ssol-modal-head {
    display: flex;
    min-height: 56px;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 14px 10px 18px;
    border-bottom: 1px solid #e0e5e9;
    background: #f6f8f9 !important;
}
.cl-ssol-modal-head h2 {
    max-width: 70vw;
    margin: 1px 0 0;
    overflow: hidden;
    color: #16202a !important;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cl-ssol-modal-head .cl-ssol-pane-kicker {
    color: #64717e !important;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}
.cl-ssol-modal-body {
    display: flex;
    min-height: 0;
    flex: 1;
    flex-direction: column;
    overflow: auto;
}
.cl-ssol-modal-loading,
.cl-ssol-modal-error,
.cl-ssol-history-empty {
    display: grid;
    flex: 1;
    place-content: center;
    gap: 4px;
    padding: 32px;
    color: #64717e !important;
    font-size: 12px;
    text-align: center;
}
.cl-ssol-history-empty strong { color: #16202a !important; font-size: 13px; }
.cl-ssol-review-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 18px;
    border-bottom: 1px solid #e0e5e9;
    color: #64717e !important;
    font-size: 11px;
}
.cl-ssol-review-meta strong { color: #16202a !important; font-size: 12px; }
.cl-ssol-diff {
    display: block;
    min-height: 0;
    flex: 1;
    margin: 0;
    padding: 14px 0;
    overflow: auto;
    background: #fbfcfc !important;
    color: #26323d !important;
    font: 12px/1.65 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    white-space: pre;
}
.cl-ssol-diff span {
    display: block;
    min-width: max-content;
    padding: 0 18px;
}
.cl-ssol-diff .is-added { background: #e8f5ee !important; color: #155c3d !important; }
.cl-ssol-diff .is-removed { background: #fae9ea !important; color: #8a2f37 !important; }
.cl-ssol-diff .is-marker { color: #64717e !important; }
.cl-ssol-modal-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 18px;
    border-top: 1px solid #e0e5e9;
    background: #f6f8f9 !important;
}
.cl-ssol-history-list { display: grid; align-content: start; }
.cl-ssol-history-item {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-bottom: 1px solid #e0e5e9;
}
.cl-ssol-history-item > div { display: grid; min-width: 0; gap: 2px; }
.cl-ssol-history-item strong {
    overflow: hidden;
    color: #16202a !important;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cl-ssol-history-item span {
    color: #64717e !important;
    font-size: 10px;
}
.cl-ssol-history-icon { background: #eef1f3 !important; }

@media (max-width: 700px) {
    .cl-ssol-modal-scrim { padding: 10px; }
    .cl-ssol-modal {
        width: 100%;
        height: 88vh;
        min-width: 0;
        min-height: 0;
    }
    .cl-ssol-review-meta { align-items: flex-start; flex-direction: column; }
    .cl-ssol-review-card { grid-template-columns: 30px minmax(0, 1fr); }
    .cl-ssol-review-card .cl-ssol-button { grid-column: 1 / -1; }
}

@media (prefers-reduced-motion: reduce) {
    .cl-ssol-page *,
    .cl-ssol-page *::before,
    .cl-ssol-page *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Studio 0.15.23: coherent workbench UI/UX pass. */
.cl-ssol-page { --wb-panel-head: 52px; color-scheme: light; }
.cl-ssol-page :where(button, a, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid var(--ssol-focus, #1f7d8c) !important;
    outline-offset: 2px;
}
.cl-ssol-grid {
    border-color: var(--wb-line, #e0e5e9) !important;
    background: var(--wb-surface, #fff) !important;
}
.cl-ssol-files,
.cl-ssol-agent { background: var(--wb-surface-soft, #f7f9fa) !important; }
.cl-ssol-files > .cl-ssol-pane-head,
.cl-ssol-agent > .cl-ssol-pane-head {
    flex-basis: var(--wb-panel-head);
    min-height: var(--wb-panel-head);
    height: var(--wb-panel-head);
    padding-inline: 14px 10px;
}
.cl-ssol-pane-head h2 { letter-spacing: -.012em; }
.cl-ssol-agent .cl-ssol-pane-kicker { display: none !important; }

/* Primary workspace entry: a calm, visible dropzone. */
.cl-ssol-new-file-button {
    width: calc(100% - 20px);
    min-height: 58px;
    margin: 10px 10px 3px;
    padding: 9px 12px;
    border: 1px dashed #9bb6bd !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--ssol-ink-soft, #40505f) !important;
    box-shadow: none !important;
}
.cl-ssol-new-file-button svg {
    width: 19px;
    height: 19px;
    color: var(--ssol-accent-strong, #14606d) !important;
}
.cl-ssol-new-file-button span { gap: 2px; }
.cl-ssol-new-file-button strong {
    color: var(--ssol-ink, #16202a) !important;
    font-size: 11.5px;
}
.cl-ssol-new-file-button small {
    color: var(--ssol-muted, #64717e) !important;
    font-size: 9.5px;
}
.cl-ssol-new-file-button:hover,
.cl-ssol-new-file-button:focus-visible,
.cl-ssol-new-file-button.is-dragover {
    border-color: var(--ssol-accent, #1f7d8c) !important;
    background: #f3fafb !important;
}
.cl-ssol-new-file-button.is-dragover {
    box-shadow: inset 0 0 0 2px rgb(31 125 140 / 12%) !important;
}

/* One search row, one compact utility row. */
.cl-ssol-workspace-host .cls-toolbar {
    align-items: center;
    gap: 4px !important;
    padding: 7px 10px 6px !important;
    background: var(--wb-surface-soft, #f7f9fa) !important;
}
.cl-ssol-workspace-host .cls-search {
    flex: 1 0 100%;
    order: -1;
    width: 100%;
    height: 34px;
    min-height: 34px;
    border-color: var(--wb-line-strong, #cdd5db) !important;
    background: #fff !important;
}
.cl-ssol-workspace-host .cls-search input {
    height: 32px !important;
    font-size: 12px !important;
}
.cl-ssol-workspace-host .cls-sort {
    width: auto !important;
    min-width: 0;
    height: 30px;
    flex: 1 1 82px;
}
.cl-ssol-workspace-host .cls-sort select {
    width: 100%;
    min-width: 0;
    height: 30px;
    padding-inline: 3px 20px;
    color: var(--ssol-muted, #64717e) !important;
}
.cl-ssol-workspace-host .cls-toolbar .cls-btn,
.cl-ssol-workspace-host .cls-toolbar .cls-iconbtn {
    width: 30px;
    min-width: 30px;
    height: 30px;
}
.cl-ssol-workspace-host .cls-crumbs {
    padding: 5px 12px 3px;
    color: var(--ssol-muted, #64717e) !important;
    font-size: 10px;
}
.cl-ssol-workspace-host .cls-files {
    gap: 3px;
    padding: 5px 7px 14px;
}

/* Stable 50px file rhythm and discreet, visible SVG actions. */
.cl-ssol-file-swipe-actions { display: none !important; }
.cl-ssol-workspace-host .cls-file {
    min-height: 50px !important;
    padding: 6px 6px 6px 8px !important;
    border-color: transparent !important;
    border-radius: 7px !important;
    background: #fff !important;
    box-shadow: 0 0 0 1px var(--wb-line, #e0e5e9) !important;
}
.cl-ssol-workspace-host .cls-file:hover,
.cl-ssol-workspace-host .cls-file:focus-within {
    border-color: transparent !important;
    background: #fbfefe !important;
    box-shadow: 0 0 0 1px var(--wb-teal-line, #b8dce2), 0 3px 10px rgb(22 32 42 / 5%) !important;
}
.cl-ssol-workspace-host .cls-file.is-open {
    border-color: transparent !important;
    background: #f4fafb !important;
    box-shadow: inset 3px 0 0 var(--ssol-accent, #1f7d8c), 0 0 0 1px var(--wb-teal-line, #b8dce2) !important;
}
.cl-ssol-workspace-host .cls-file__main { min-width: 0; }
.cl-ssol-workspace-host .cls-file__name {
    font-size: 12px !important;
    font-weight: 680;
}
.cl-ssol-workspace-host .cls-file__meta {
    margin-top: 1px;
    font-size: 9px;
}
.cl-ssol-file-quick-actions {
    gap: 0;
    padding: 0;
    border-color: transparent !important;
    background: transparent !important;
}
.cl-ssol-file-quick-button,
.cl-ssol-file-menu {
    width: 25px;
    height: 25px;
    border-radius: 5px;
    color: #71808c !important;
}
.cl-ssol-file-quick-button svg,
.cl-ssol-file-menu svg {
    width: 13px;
    height: 13px;
    stroke-width: 1.8;
}
.cl-ssol-file-quick-button:hover,
.cl-ssol-file-quick-button:focus-visible,
.cl-ssol-file-menu:hover,
.cl-ssol-file-menu:focus-visible,
.cl-ssol-file-menu[aria-expanded="true"] {
    background: #edf3f5 !important;
    color: var(--ssol-accent-strong, #14606d) !important;
}
.cl-ssol-file-quick-button--danger { color: #8d777b !important; }
.cl-ssol-file-quick-button--danger:hover,
.cl-ssol-file-quick-button--danger:focus-visible {
    background: #f9ebed !important;
    color: #9b343e !important;
}
.cl-ssol-workspace-host .cls-file:not(.is-actions-open) > .cls-file__actions {
    display: none !important;
}

/* Page-like document surface with restrained chrome. */
.cl-ssol-doc-tabs-bar {
    flex-basis: 36px;
    min-height: 36px;
    height: 36px;
}
.cl-ssol-preview-head {
    flex-basis: 40px;
    min-height: 40px;
    height: 40px;
}
.cl-ssol-preview-stage { padding: 22px 22px 36px; }
.cl-ssol-document {
    width: min(760px, 100%);
    padding: 48px 54px 58px !important;
}
.cl-ssol-welcome {
    width: min(330px, calc(100% - 32px));
    margin-inline: auto;
}
.cl-ssol-welcome-icon { width: 42px; height: 42px; }
.cl-ssol-welcome h3 {
    margin-top: 13px;
    color: var(--ssol-ink, #16202a) !important;
    font-size: 14px;
}
.cl-ssol-welcome p {
    margin-top: 5px;
    color: var(--ssol-muted, #64717e) !important;
    line-height: 1.55;
}

/* Quiet transcript, unmistakable composer. */
.cl-ssol-chat { padding: 14px 14px 20px; }
.cl-ssol-message { margin-bottom: 18px; }
.cl-ssol-message-label { margin-bottom: 5px; letter-spacing: .02em; }
.cl-ssol-message--user { margin-left: 28px; }
.cl-ssol-message--user .cl-ssol-message-body { padding: 9px 11px; }
.cl-ssol-composer {
    padding: 10px 12px 11px;
    border-top: 1px solid var(--wb-line-strong, #cdd5db);
}
.cl-ssol-composer textarea {
    height: 60px !important;
    min-height: 60px !important;
    padding: 9px 11px;
    border-color: var(--wb-line-strong, #cdd5db) !important;
    background: #fff !important;
}
.cl-ssol-composer textarea:hover { border-color: #aab8c1 !important; }
.cl-ssol-composer textarea:focus {
    border-color: var(--ssol-accent, #1f7d8c) !important;
    box-shadow: 0 0 0 2px rgb(31 125 140 / 12%) !important;
}
.cl-ssol-composer-foot { min-height: 30px; margin-top: 6px; }
.cl-ssol-send { width: 32px; height: 32px; }

/* Standalone footer and embedded profile share workbench geometry. */
.cl-ssol-micro-footer {
    border-top-color: var(--wb-line-strong, #cdd5db);
    background: #f7f9fa !important;
}
.cl-ssol-page--embedded {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
}
.cl-ssol-page--embedded .cl-ssol-grid {
    min-height: 0;
    flex: 1 1 auto;
    grid-template-columns: var(--ssol-files-width, 250px) 6px minmax(0, 1fr) 6px var(--ssol-agent-width, 320px);
}

@media (max-width: 1040px) {
    .cl-ssol-page { --wb-panel-head: 48px; }
    .cl-ssol-mobile-nav { min-height: 46px; padding-inline: 8px; }
    .cl-ssol-new-file-button {
        width: calc(100% - 24px);
        min-height: 60px;
        margin: 10px 12px 4px;
    }
    .cl-ssol-workspace-host .cls-toolbar { padding-inline: 12px !important; }
    .cl-ssol-workspace-host .cls-files { gap: 4px; padding-inline: 10px; }
    .cl-ssol-file-quick-actions { display: none !important; }
    .cl-ssol-file-swipe-actions { display: flex !important; }
    .cl-ssol-workspace-host .cls-file {
        grid-template-columns: 32px minmax(0, 1fr) 30px !important;
        grid-template-areas: "icon main menu" "actions actions actions" !important;
        min-height: 52px !important;
    }
    .cl-ssol-preview-head { min-height: 52px; height: auto; }
    .cl-ssol-preview-stage { padding: 12px 0 28px; }
    .cl-ssol-document { padding: 30px 22px 36px !important; }
    .cl-ssol-chat { padding: 13px 12px 18px; }
    .cl-ssol-message--user { margin-left: 0; }
    .cl-ssol-composer {
        padding: 9px 12px calc(12px + env(safe-area-inset-bottom, 0px));
    }
    .cl-ssol-mobile-agent-bubble {
        right: 16px;
        bottom: calc(16px + env(safe-area-inset-bottom, 0px));
        width: 46px;
        height: 46px;
    }
}
@media (max-width: 560px) {
    .cl-ssol-workspace-host .cls-toolbar { gap: 3px !important; }
    .cl-ssol-workspace-host .cls-sort { flex-basis: 96px; }
    .cl-ssol-preview-head h2 { max-width: 64vw; }
}
@media (pointer: coarse) {
    .cl-ssol-file-quick-actions { display: none !important; }
}

/* Studio 0.15.24: final density and dark-mode compatibility fixes. */
.cl-ssol-workspace-host .cls-toolbar > * {
    margin-block: 0 !important;
}
.cl-ssol-workspace-host .cls-toolbar .cls-btn,
.cl-ssol-workspace-host .cls-toolbar .cls-iconbtn {
    min-height: 30px !important;
    max-height: 30px;
    padding-block: 0 !important;
}


/* Studio 0.15.25: embedded workbench fills the active profile content surface. */
html body.page-id-6725 .app-container > main.main-content:has(> #studio-section.active) {
    padding: 0 !important;
}
html body.page-id-6725 .app-container > main.main-content > #studio-section.active {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
}




/* Studio 0.15.27: explicit ChatLeg specialist consultations. */
.cl-ssol-specialist-context {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto 26px 26px;
    align-items: center;
    gap: 7px;
    margin-bottom: 6px;
    padding: 7px 8px;
    border: 1px solid var(--wb-teal-line, #a8ccd3);
    border-radius: var(--wb-radius, 6px);
    background: #eef7f8 !important;
    color: var(--ssol-ink-soft, #3b4855) !important;
}
.cl-ssol-specialist-icon,
.cl-ssol-specialist-output-icon {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: var(--wb-radius-sm, 4px);
    background: #fff !important;
    color: var(--ssol-accent-strong, #14606d) !important;
    font-size: 14px;
    font-weight: 760;
}
.cl-ssol-specialist-copy {
    display: grid;
    min-width: 0;
    gap: 1px;
}
.cl-ssol-specialist-copy small {
    color: var(--ssol-muted, #64717e) !important;
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: .035em;
    line-height: 1.2;
    text-transform: uppercase;
}
.cl-ssol-specialist-copy strong {
    overflow: hidden;
    color: var(--ssol-ink, #16202a) !important;
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cl-ssol-specialist-turn {
    min-width: 34px;
    padding: 3px 7px;
    border: 1px solid #bdd7dc;
    border-radius: 999px;
    background: #fff !important;
    color: var(--ssol-accent-strong, #14606d) !important;
    font-size: 9px;
    font-weight: 760;
    text-align: center;
}
.cl-ssol-specialist-context button {
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: var(--wb-radius-sm, 4px);
    background: transparent !important;
    color: var(--ssol-muted, #64717e) !important;
}
.cl-ssol-specialist-context button:hover,
.cl-ssol-specialist-context button:focus-visible {
    background: #dcecef !important;
    color: var(--ssol-accent-strong, #14606d) !important;
}
.cl-ssol-specialist-context button svg { width: 13px; height: 13px; }
.cl-ssol-specialist-warning {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: -1px 2px 7px;
    color: var(--ssol-muted, #64717e) !important;
    font-size: 9px;
    line-height: 1.45;
}
.cl-ssol-specialist-warning > span {
    display: grid;
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    place-items: center;
    margin-top: 1px;
    border: 1px solid #aac9cf;
    border-radius: 50%;
    color: var(--ssol-accent-strong, #14606d) !important;
    font-size: 8px;
    font-weight: 760;
}
.cl-ssol-mention-group-label {
    padding: 5px 8px 3px;
    color: var(--ssol-faint, #8d98a3) !important;
    font-size: 8.5px;
    font-weight: 760;
    letter-spacing: .055em;
    text-transform: uppercase;
}
.cl-ssol-mention-group-label:not(:first-child) {
    margin-top: 4px;
    border-top: 1px solid var(--wb-line, #e0e5e9);
    padding-top: 7px;
}
.cl-ssol-mention-menu [data-ssol-specialist] > svg {
    color: var(--ssol-accent-strong, #14606d) !important;
}
.cl-ssol-specialist-output {
    margin: 2px 0 12px;
    overflow: hidden;
    border: 1px solid var(--wb-teal-line, #a8ccd3);
    border-left: 3px solid var(--ssol-accent, #1f7d8c);
    border-radius: var(--wb-radius-md, 8px);
    background: #fff !important;
    color: var(--ssol-ink-soft, #3b4855) !important;
}
.cl-ssol-specialist-output > summary {
    display: grid;
    min-height: 44px;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 7px 9px;
    background: #eef7f8 !important;
    color: var(--ssol-ink, #16202a) !important;
    cursor: pointer;
    list-style: none;
}
.cl-ssol-specialist-output > summary::-webkit-details-marker { display: none; }
.cl-ssol-specialist-output > summary > span:nth-child(2) {
    display: grid;
    min-width: 0;
    gap: 1px;
}
.cl-ssol-specialist-output > summary strong {
    overflow: hidden;
    color: var(--ssol-ink, #16202a) !important;
    font-size: 11px;
    font-weight: 720;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cl-ssol-specialist-output > summary small {
    color: var(--ssol-muted, #64717e) !important;
    font-size: 9px;
}
.cl-ssol-specialist-output > summary b {
    padding: 3px 7px;
    border: 1px solid #bdd7dc;
    border-radius: 999px;
    background: #fff !important;
    color: var(--ssol-accent-strong, #14606d) !important;
    font-size: 9px;
    font-weight: 760;
}
.cl-ssol-specialist-output-icon svg { width: 14px; height: 14px; }
.cl-ssol-specialist-output-body {
    padding: 12px 13px 4px;
    background: #fff !important;
    color: var(--ssol-ink-soft, #3b4855) !important;
    font-size: 12px;
    line-height: 1.62;
}
.cl-ssol-specialist-output-body :is(h1, h2, h3, h4) {
    margin: 14px 0 7px !important;
    color: var(--ssol-ink, #16202a) !important;
    font-weight: 720 !important;
    letter-spacing: -.01em !important;
    line-height: 1.3 !important;
}
.cl-ssol-specialist-output-body h1 { font-size: 16px !important; }
.cl-ssol-specialist-output-body h2 { font-size: 14.5px !important; }
.cl-ssol-specialist-output-body h3 { font-size: 13.5px !important; }
.cl-ssol-specialist-output-body h4 { font-size: 12.5px !important; }
.cl-ssol-specialist-output-body :is(p, li, blockquote) {
    color: var(--ssol-ink-soft, #3b4855) !important;
    font-size: 12px !important;
    line-height: 1.62 !important;
}
.cl-ssol-specialist-output-body p { margin: 0 0 9px; }
.cl-ssol-specialist-output-body ul,
.cl-ssol-specialist-output-body ol { margin: 0 0 10px; padding-left: 20px; }
.cl-ssol-specialist-output-body blockquote {
    margin: 9px 0 !important;
    padding: 7px 10px !important;
    border-left: 3px solid #9fc4cb !important;
    background: #f3f8f9 !important;
}
.cl-ssol-specialist-output-body pre {
    max-width: 100%;
    overflow-x: auto;
    padding: 10px;
    border: 1px solid #d8e1e4 !important;
    border-radius: var(--wb-radius, 6px);
    background: #f4f7f8 !important;
    color: #24343b !important;
    font-size: 10.5px;
    line-height: 1.55;
    white-space: pre-wrap;
}
.cl-ssol-specialist-output-body pre code {
    padding: 0 !important;
    background: transparent !important;
    color: inherit !important;
}
.cl-ssol-specialist-output-body :not(pre) > code {
    padding: 1px 4px !important;
    border-radius: 4px;
    background: #e9f1f3 !important;
    color: #195d69 !important;
    font-size: .92em !important;
}
.cl-ssol-specialist-output-body a {
    color: #176f80 !important;
    text-decoration-color: rgba(23, 111, 128, .42) !important;
}
.cl-ssol-specialist-output-note {
    margin: 0;
    padding: 7px 13px 9px;
    border-top: 1px solid var(--wb-line, #e0e5e9);
    background: #fbfcfc !important;
    color: var(--ssol-muted, #64717e) !important;
    font-size: 9px;
    line-height: 1.45;
}
.cl-ssol-specialist-output-note code {
    padding: 1px 4px;
    border-radius: 4px;
    background: #e9f1f3 !important;
    color: #195d69 !important;
    font-size: 9px;
}
.cl-ssol-specialist-output + .cl-ssol-message-body { margin-top: 10px; }

@media (max-width: 560px) {
    .cl-ssol-specialist-context {
        grid-template-columns: 26px minmax(0, 1fr) auto 24px 24px;
        gap: 5px;
        padding: 6px;
    }
    .cl-ssol-specialist-icon { width: 26px; height: 26px; }
    .cl-ssol-specialist-context button { width: 24px; height: 24px; }
    .cl-ssol-specialist-turn { min-width: 31px; padding-inline: 5px; }
    .cl-ssol-specialist-output > summary {
        grid-template-columns: 26px minmax(0, 1fr) auto;
        padding-inline: 7px;
    }
    .cl-ssol-specialist-output-icon { width: 26px; height: 26px; }
}

/* Workspace sort picker */
.cl-ssol-workspace-host .cls-toolbar:has([data-cls-sort-picker]) {
    position: relative;
    z-index: 30;
}
.cl-ssol-workspace-host .cls-sort[data-cls-sort-picker] {
    position: relative;
    flex: 1 1 100%;
    width: 100%;
    height: 32px;
    padding: 0 8px;
    border: 1px solid var(--wb-line-strong) !important;
    border-radius: var(--wb-radius) !important;
    background: var(--wb-surface) !important;
    color: var(--ssol-muted) !important;
}
.cl-ssol-workspace-host .cls-sort[data-cls-sort-picker].is-open {
    border-color: var(--ssol-accent) !important;
    box-shadow: 0 0 0 2px rgb(31 125 140 / 16%) !important;
}
.cl-ssol-workspace-host .cls-sort-picker__control {
    min-width: 0;
    flex: 1;
}
.cl-ssol-workspace-host .cls-sort-picker__trigger {
    min-height: 30px;
    color: var(--ssol-ink) !important;
    font-size: 12px;
}
.cl-ssol-workspace-host .cls-sort-picker__trigger .cls-ico {
    color: var(--ssol-muted) !important;
}
.cl-ssol-workspace-host .cls-sort-picker__menu {
    top: calc(100% + 6px);
    right: -8px;
    z-index: 200;
    width: min(224px, calc(100vw - 32px));
    padding: 6px;
    border: 1px solid var(--wb-line-strong) !important;
    border-radius: var(--wb-radius-md) !important;
    background: var(--wb-surface) !important;
    box-shadow: 0 16px 36px rgb(8 24 29 / 28%) !important;
}
.cl-ssol-workspace-host .cls-sort-picker__option {
    min-height: 36px;
    border-radius: var(--wb-radius) !important;
    color: var(--ssol-ink-soft) !important;
    font-size: 12px;
}
.cl-ssol-workspace-host .cls-sort-picker__option:hover,
.cl-ssol-workspace-host .cls-sort-picker__option:focus-visible {
    background: var(--wb-surface-muted) !important;
    color: var(--ssol-ink) !important;
}
.cl-ssol-workspace-host .cls-sort-picker__option.is-selected {
    background: var(--ssol-accent-soft) !important;
    color: var(--ssol-accent-strong) !important;
}
.cl-ssol-workspace-host .cls-sort-picker__check {
    color: var(--ssol-accent) !important;
}

/* Studio 0.17.1: teal structure, compact workspace rail and native dark palette. */
.cl-ssol-page {
    --ssol-accent: #3aa6b9;
    --ssol-accent-strong: #247f90;
    --ssol-accent-soft: #e4f4f7;
    --ssol-focus: #3aa6b9;
    --ssol-canvas: #e7f0f2;
    --ssol-panel: #f3f8f9;
    --wb-line: #d6e5e8;
    --wb-line-strong: #afd2d9;
    --wb-surface-soft: #f3f8f9;
    --wb-surface-muted: #e8f3f5;
    --wb-teal-line: #83c8d4;
}
.cl-ssol-grid {
    border-top: 2px solid var(--ssol-accent) !important;
}
.cl-ssol-pane-head,
.cl-ssol-preview-head,
.cl-ssol-doc-tabs-bar {
    border-bottom-color: var(--wb-line-strong) !important;
}
.cl-ssol-files,
.cl-ssol-agent {
    background: linear-gradient(180deg, #f8fbfc 0%, #f2f7f8 100%) !important;
}
.cl-ssol-preview,
.cl-ssol-preview-stage {
    background: linear-gradient(180deg, #dfecef 0, var(--ssol-canvas) 72px) !important;
}
.cl-ssol-new-file-button {
    border-color: #79becb !important;
    background: #f4fbfc !important;
}
.cl-ssol-workspace-host .cls-search {
    border-color: #9bcbd4 !important;
}
.cl-ssol-workspace-host .cls-file__ico {
    background: #e4f4f7 !important;
    color: var(--ssol-accent-strong) !important;
}
.cl-ssol-workspace-host .cls-file.is-open {
    background: #eaf7f9 !important;
    box-shadow: inset 3px 0 0 var(--ssol-accent), 0 0 0 1px #7fc8d4 !important;
}
.cl-ssol-pane-resizer::after {
    background: #8fc8d2;
}
.cl-ssol-composer {
    border-top-color: #8bc6d1 !important;
    background: #f7fbfc !important;
}
.cl-ssol-send {
    background: var(--ssol-accent) !important;
    color: #fff !important;
}
.cl-ssol-micro-footer {
    border-top-color: #8dc5cf !important;
    background: #f0f8f9 !important;
}
.cl-ssol-footer-tools [data-ssol-pane-toggle][aria-pressed="true"] {
    border-color: #8fcbd5 !important;
    background: var(--ssol-accent-soft) !important;
    color: var(--ssol-accent-strong) !important;
}

.cl-ssol-files-rail {
    display: none;
}
.cl-ssol-files-compact-toggle {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border: 1px solid transparent;
    color: var(--ssol-accent-strong) !important;
}
.cl-ssol-files-compact-toggle:hover,
.cl-ssol-files-compact-toggle:focus-visible {
    border-color: var(--wb-teal-line);
    background: var(--ssol-accent-soft) !important;
}
.cl-ssol-files-rail {
    height: 100%;
    min-height: 0;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    padding: 10px 7px;
    border-right: 1px solid #79bdc9;
    background: linear-gradient(180deg, #eaf6f8 0%, #f6fbfc 100%) !important;
}
.cl-ssol-files-rail button {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    place-items: center;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent !important;
    color: #287f8f !important;
}
.cl-ssol-files-rail button:hover,
.cl-ssol-files-rail button:focus-visible {
    border-color: #82c8d4;
    background: #fff !important;
    color: #155f6d !important;
    box-shadow: 0 4px 14px rgb(27 91 102 / 10%);
}
.cl-ssol-files-rail button:first-child {
    background: var(--ssol-accent) !important;
    color: #fff !important;
}
.cl-ssol-files-rail button svg {
    width: 18px;
    height: 18px;
}
.cl-ssol-files-rail-divider {
    width: 24px;
    height: 1px;
    margin: 2px 0 3px;
    background: #9ecfd7;
}

@media (min-width: 1041px) {
    .cl-ssol-page.is-files-compact .cl-ssol-grid {
        grid-template-columns: 54px 0 minmax(0, 1fr) 6px var(--ssol-agent-width, 400px) !important;
    }
    .cl-ssol-page.is-files-compact .cl-ssol-files {
        min-width: 54px;
        overflow: hidden;
        border-right: 0;
    }
    .cl-ssol-page.is-files-compact .cl-ssol-files > :not(.cl-ssol-files-rail) {
        display: none !important;
    }
    .cl-ssol-page.is-files-compact .cl-ssol-files-rail {
        display: flex;
    }
    .cl-ssol-page.is-files-compact .cl-ssol-pane-resizer--files {
        visibility: hidden;
        pointer-events: none;
    }
}
@media (max-width: 1400px) and (min-width: 1041px) {
    .cl-ssol-page.is-files-compact .cl-ssol-grid {
        grid-template-columns: 54px 0 minmax(0, 1fr) 6px var(--ssol-agent-width, 376px) !important;
    }
}
@media (max-width: 1200px) and (min-width: 1041px) {
    .cl-ssol-page.is-files-compact .cl-ssol-grid {
        grid-template-columns: 54px 0 minmax(0, 1fr) 6px var(--ssol-agent-width, 348px) !important;
    }
}
@media (max-width: 1040px) {
    .cl-ssol-files-rail,
    .cl-ssol-files-compact-toggle {
        display: none !important;
    }
}

.cl-ssol-page.is-dark-theme {
    --ssol-ink: #edf7f8;
    --ssol-ink-soft: #c6d7da;
    --ssol-muted: #9fb4b9;
    --ssol-faint: #7f989e;
    --ssol-line: #29434a;
    --ssol-line-strong: #365860;
    --ssol-canvas: #132328;
    --ssol-panel: #17292e;
    --ssol-paper: #1b2d32;
    --ssol-accent: #3aa6b9;
    --ssol-accent-strong: #78d0df;
    --ssol-accent-soft: #183b43;
    --ssol-focus: #67c9d9;
    --wb-line: #29434a;
    --wb-line-strong: #365860;
    --wb-surface: #1b2d32;
    --wb-surface-soft: #16272c;
    --wb-surface-muted: #20383e;
    --wb-teal-line: #3d7782;
    color-scheme: dark;
    background: #101d21 !important;
    color: var(--ssol-ink) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-grid,
.cl-ssol-page.is-dark-theme .cl-ssol-pane,
.cl-ssol-page.is-dark-theme .cl-ssol-pane-head,
.cl-ssol-page.is-dark-theme .cl-ssol-preview-head,
.cl-ssol-page.is-dark-theme .cl-ssol-doc-tabs-bar {
    border-color: var(--wb-line-strong) !important;
    background: var(--wb-surface) !important;
    color: var(--ssol-ink) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-files,
.cl-ssol-page.is-dark-theme .cl-ssol-agent {
    background: linear-gradient(180deg, #182b30 0%, #142429 100%) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-preview,
.cl-ssol-page.is-dark-theme .cl-ssol-preview-stage {
    background: linear-gradient(180deg, #17323a 0, var(--ssol-canvas) 72px) !important;
}
.cl-ssol-page.is-dark-theme :is(h1, h2, h3, h4, strong),
.cl-ssol-page.is-dark-theme .cl-ssol-pane-head h2,
.cl-ssol-page.is-dark-theme .cl-ssol-welcome h3,
.cl-ssol-page.is-dark-theme .cl-ssol-workspace-host .cls-file__name {
    color: var(--ssol-ink) !important;
}
.cl-ssol-page.is-dark-theme :is(p, small, .cl-ssol-pane-kicker, .cl-ssol-message-body, .cl-ssol-welcome p),
.cl-ssol-page.is-dark-theme .cl-ssol-workspace-host .cls-file__meta {
    color: var(--ssol-muted) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-new-file-button,
.cl-ssol-page.is-dark-theme .cl-ssol-workspace-host .cls-search,
.cl-ssol-page.is-dark-theme .cl-ssol-workspace-host .cls-search input,
.cl-ssol-page.is-dark-theme .cl-ssol-workspace-host .cls-sort select,
.cl-ssol-page.is-dark-theme .cl-ssol-composer textarea,
.cl-ssol-page.is-dark-theme .cl-ssol-document,
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-output,
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-output-body {
    border-color: var(--wb-line-strong) !important;
    background: #1b2d32 !important;
    color: var(--ssol-ink) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-workspace-host .cls-toolbar,
.cl-ssol-page.is-dark-theme .cl-ssol-composer,
.cl-ssol-page.is-dark-theme .cl-ssol-micro-footer {
    border-color: var(--wb-line-strong) !important;
    background: #14262b !important;
    color: var(--ssol-muted) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-workspace-host .cls-file {
    background: #1b2e33 !important;
    color: var(--ssol-ink) !important;
    box-shadow: 0 0 0 1px var(--wb-line) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-workspace-host .cls-file:hover,
.cl-ssol-page.is-dark-theme .cl-ssol-workspace-host .cls-file:focus-within {
    background: #20383e !important;
    box-shadow: 0 0 0 1px #3b7782, 0 5px 16px rgb(0 0 0 / 18%) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-workspace-host .cls-file.is-open {
    background: #1b3b42 !important;
    box-shadow: inset 3px 0 0 var(--ssol-accent), 0 0 0 1px #3b7782 !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-workspace-host .cls-file__ico,
.cl-ssol-page.is-dark-theme .cl-ssol-welcome-icon {
    background: #183c43 !important;
    color: var(--ssol-accent-strong) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-files-rail {
    border-right-color: #3b7d89;
    background: linear-gradient(180deg, #173a42 0%, #13282d 100%) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-files-rail button {
    color: var(--ssol-accent-strong) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-files-rail button:hover,
.cl-ssol-page.is-dark-theme .cl-ssol-files-rail button:focus-visible {
    border-color: #4a8e99;
    background: #254249 !important;
    color: #a6edf8 !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-files-rail button:first-child,
.cl-ssol-page.is-dark-theme .cl-ssol-send {
    background: var(--ssol-accent) !important;
    color: #08171a !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-pane-resizer,
.cl-ssol-page.is-dark-theme .cl-ssol-pane-resize-reset {
    background: #17292e !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-pane-resizer::after {
    background: #447b85;
}
.cl-ssol-page.is-dark-theme .cl-ssol-footer-tools [data-ssol-pane-toggle][aria-pressed="true"] {
    border-color: #47828d !important;
    background: var(--ssol-accent-soft) !important;
    color: var(--ssol-accent-strong) !important;
}

@media (min-width: 1041px) {
    .cl-ssol-page--embedded.is-files-compact .cl-ssol-grid {
        grid-template-columns: 54px 0 minmax(0, 1fr) 6px var(--ssol-agent-width, 320px) !important;
    }
}

/* Studio 0.17.5: coherent five-track geometry for every footer pane state. */
@media (min-width: 1041px) {
    .cl-ssol-page {
        --ssol-layout-files: var(--ssol-files-width, 272px);
        --ssol-layout-agent: var(--ssol-agent-width, 400px);
    }
    .cl-ssol-page--embedded {
        --ssol-layout-files: var(--ssol-files-width, 250px);
        --ssol-layout-agent: var(--ssol-agent-width, 320px);
    }
}
@media (max-width: 1400px) and (min-width: 1041px) {
    .cl-ssol-page:not(.cl-ssol-page--embedded) {
        --ssol-layout-files: var(--ssol-files-width, 256px);
        --ssol-layout-agent: var(--ssol-agent-width, 376px);
    }
}
@media (max-width: 1200px) and (min-width: 1041px) {
    .cl-ssol-page:not(.cl-ssol-page--embedded) {
        --ssol-layout-files: var(--ssol-files-width, 240px);
        --ssol-layout-agent: var(--ssol-agent-width, 348px);
    }
}
@media (min-width: 1041px) {
    .cl-ssol-page.is-agent-hidden:not(.is-preview-hidden) .cl-ssol-grid {
        grid-template-columns: var(--ssol-layout-files) 6px minmax(0, 1fr) 0 0 !important;
    }
    .cl-ssol-page.is-files-compact.is-agent-hidden:not(.is-preview-hidden) .cl-ssol-grid {
        grid-template-columns: 54px 0 minmax(0, 1fr) 0 0 !important;
    }
    .cl-ssol-page.is-preview-hidden:not(.is-agent-hidden) .cl-ssol-grid {
        grid-template-columns: var(--ssol-layout-files) 6px 0 0 minmax(0, 1fr) !important;
    }
    .cl-ssol-page.is-files-compact.is-preview-hidden:not(.is-agent-hidden) .cl-ssol-grid {
        grid-template-columns: 54px 0 0 0 minmax(0, 1fr) !important;
    }
    .cl-ssol-page.is-files-hidden.is-preview-hidden:not(.is-agent-hidden) .cl-ssol-grid {
        grid-template-columns: 0 0 0 0 minmax(0, 1fr) !important;
    }
    .cl-ssol-page.is-preview-hidden.is-agent-hidden .cl-ssol-grid {
        grid-template-columns: minmax(0, 1fr) 0 0 0 0 !important;
    }
    .cl-ssol-page.is-preview-hidden .cl-ssol-grid > .cl-ssol-agent {
        grid-column: 5 !important;
    }
    .cl-ssol-page.is-preview-hidden.is-agent-hidden .cl-ssol-grid > .cl-ssol-files {
        grid-column: 1 !important;
    }
    .cl-ssol-page.is-preview-hidden .cl-ssol-pane-resizer--agent,
    .cl-ssol-page.is-preview-hidden.is-agent-hidden .cl-ssol-pane-resizer--files {
        visibility: hidden;
        pointer-events: none;
    }
}

/* Studio 0.17.9: +2px interface typography outside the document and Chat. */
.cl-ssol-files .cl-ssol-pane-head h2 {
    font-size: 16px;
}
.cl-ssol-files .cl-ssol-new-file-button {
    min-height: 64px;
}
.cl-ssol-files .cl-ssol-new-file-button strong {
    font-size: 13.5px;
}
.cl-ssol-files .cl-ssol-new-file-button small {
    font-size: 11.5px;
}
.cl-ssol-files .cl-ssol-workspace-host .cls-search input {
    font-size: 14px !important;
}
.cl-ssol-files .cl-ssol-workspace-host .cls-sort > span {
    font-size: 14px;
}
.cl-ssol-files .cl-ssol-workspace-host .cls-sort select {
    font-size: 13px;
}
.cl-ssol-files .cl-ssol-workspace-host .cls-crumbs {
    font-size: 12px;
}
.cl-ssol-files .cl-ssol-workspace-host .cls-crumbs button {
    font-size: 15px;
}
.cl-ssol-files .cl-ssol-workspace-host .cls-file {
    min-height: 54px !important;
}
.cl-ssol-files .cl-ssol-workspace-host .cls-file__name {
    font-size: 14px !important;
}
.cl-ssol-files .cl-ssol-workspace-host .cls-file__meta,
.cl-ssol-files .cl-ssol-workspace-host .cls-file__badge {
    font-size: 11px;
}
.cl-ssol-footer-links > a,
.cl-ssol-footer-links > span,
.cl-ssol-micro-controls > button {
    font-size: 12px;
    line-height: 1.2;
}
.cl-ssol-micro-controls > .cl-ssol-tools-shortcode > .cl-ssol-tools-trigger {
    font-size: 13px !important;
}
.cl-ssol-micro-controls > .cl-ssol-tools-shortcode > .cl-ssol-tools-trigger > span {
    font-size: 12px;
}
@media (max-width: 1040px) {
    .cl-ssol-mobile-nav button {
        font-size: 14px;
    }
    .cl-ssol-files .cl-ssol-new-file-button {
        min-height: 66px;
    }
}

/* Studio 0.17.11: dark document surface and high-contrast Chat copy. */
.cl-ssol-page:not(.is-dark-theme) .cl-ssol-agent .cl-ssol-pane-head h2,
.cl-ssol-page:not(.is-dark-theme) .cl-ssol-agent .cl-ssol-message-label,
.cl-ssol-page:not(.is-dark-theme) .cl-ssol-agent .cl-ssol-message-body,
.cl-ssol-page:not(.is-dark-theme) .cl-ssol-agent .cl-ssol-message-body p,
.cl-ssol-page:not(.is-dark-theme) .cl-ssol-agent .cl-ssol-composer textarea,
.cl-ssol-page:not(.is-dark-theme) .cl-ssol-agent .cl-ssol-composer textarea::placeholder,
.cl-ssol-page:not(.is-dark-theme) .cl-ssol-agent [data-ssol-composer-status] {
    color: #000 !important;
    opacity: 1;
}
.cl-ssol-page.is-dark-theme .cl-ssol-document {
    border-color: #3b5e66 !important;
    background: #1b2d32 !important;
    color: #e5eff1 !important;
    box-shadow: 0 1px 0 rgb(255 255 255 / 3%), 0 18px 34px -24px rgb(0 0 0 / 72%);
}
.cl-ssol-page.is-dark-theme .cl-ssol-document :is(h1, h2, h3, h4, strong) {
    color: #f1f8f9 !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-document :is(p, li, td, th, dt, dd) {
    color: #e5eff1 !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-document :is(blockquote, small, figcaption) {
    color: #b8cdd1 !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-document a {
    color: #7dd6e5 !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-document th,
.cl-ssol-page.is-dark-theme .cl-ssol-document td {
    border-color: #36545b !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-document th {
    background: #20373d !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-document hr {
    border-color: #36545b !important;
}
.cl-ssol-page.is-dark-theme :is(.cl-ssol-html-frame, .cl-ssol-file-frame, .cl-ssol-compiler-frame) {
    border-color: #3b5e66 !important;
    background: #1b2d32 !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-agent .cl-ssol-pane-head h2,
.cl-ssol-page.is-dark-theme .cl-ssol-agent .cl-ssol-message-label,
.cl-ssol-page.is-dark-theme .cl-ssol-agent .cl-ssol-message-body,
.cl-ssol-page.is-dark-theme .cl-ssol-agent .cl-ssol-message-body p,
.cl-ssol-page.is-dark-theme .cl-ssol-agent [data-ssol-composer-status] {
    color: #edf7f8 !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-agent .cl-ssol-composer textarea,
.cl-ssol-page.is-dark-theme .cl-ssol-agent .cl-ssol-composer textarea::placeholder {
    color: #d7e7ea !important;
    opacity: 1;
}

/* Studio 1.0.1: compact service footer, compliance note and WP Dark Mode-compatible toggle. */
.cl-ssol-interface-footer {
    grid-template-columns: auto minmax(0, 1fr) auto;
}
.cl-ssol-interface-footer .cl-ssol-micro-controls {
    justify-self: end;
}
.cl-ssol-compliance {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: var(--ssol-muted) !important;
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cl-ssol-footer-theme[hidden] {
    display: none !important;
}
.cl-ssol-micro-controls .cl-ssol-theme-toggle {
    position: relative;
    display: inline-flex !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 22px !important;
    align-items: center;
    justify-content: space-between;
    padding: 0 4px !important;
    overflow: hidden;
    border: 1px solid #c8d3d9 !important;
    border-radius: 999px !important;
    background: #edf2f4 !important;
    color: #647783 !important;
}
.cl-ssol-micro-controls .cl-ssol-theme-toggle::before {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(17, 31, 39, .22);
    content: "";
    transition: transform 160ms ease;
}
.cl-ssol-micro-controls .cl-ssol-theme-toggle[aria-checked="true"] {
    border-color: #4d6d78 !important;
    background: #263942 !important;
    color: #dce9ed !important;
}
.cl-ssol-micro-controls .cl-ssol-theme-toggle[aria-checked="true"]::before {
    transform: translateX(16px);
}
.cl-ssol-theme-toggle > span {
    position: relative;
    z-index: 1;
    display: grid;
    width: 12px;
    height: 12px;
    place-items: center;
}
.cl-ssol-theme-toggle svg {
    width: 10px !important;
    height: 10px !important;
}
.cl-ssol-theme-toggle__sun {
    color: #b27317;
}
.cl-ssol-theme-toggle__moon {
    color: #8396a0;
}
.cl-ssol-theme-toggle[aria-checked="true"] .cl-ssol-theme-toggle__sun {
    color: #9eabb2;
}
.cl-ssol-theme-toggle[aria-checked="true"] .cl-ssol-theme-toggle__moon {
    color: #d9e7eb;
}
.cl-ssol-page.is-dark-theme .cl-ssol-compliance {
    color: #9fb0ba !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-micro-controls .cl-ssol-theme-toggle {
    border-color: #4d6d78 !important;
}
@media (max-width: 700px) {
    .cl-ssol-interface-footer {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto auto auto;
        min-height: 92px;
    }
    .cl-ssol-interface-footer .cl-ssol-micro-controls {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: end;
    }
    .cl-ssol-compliance {
        grid-column: 1 / -1;
        grid-row: 3;
        width: 100%;
        font-size: 9px;
    }
}

/* Fixed workbench viewport: document length scrolls inside the preview pane. */
.cl-ssol-page {
    min-height: 0;
    overflow: hidden;
}
.cl-ssol-grid {
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    overflow: hidden;
}
.cl-ssol-grid > .cl-ssol-pane,
.cl-ssol-preview {
    min-height: 0;
    max-height: 100%;
    overflow: hidden;
}
.cl-ssol-preview-stage {
    flex: 1 1 0;
    height: 0;
    min-height: 0;
    max-height: 100%;
    overflow: auto;
    overscroll-behavior: contain;
}
.cl-ssol-preview-stage > [data-ssol-preview-pane="preview"],
.cl-ssol-preview-stage > [data-ssol-preview-pane="editor"],
.cl-ssol-wysiwyg {
    min-height: 0;
    max-height: 100%;
}
.cl-ssol-preview-stage > [data-ssol-preview-pane="preview"],
.cl-ssol-wysiwyg {
    height: 100%;
}
.cl-ssol-wysiwyg {
    overflow: hidden;
}
.cl-ssol-html-frame,
.cl-ssol-file-frame,
.cl-ssol-compiler-frame {
    min-height: 0;
    max-height: 100%;
}

/* Embedded Studio matches the standalone workbench; only service links are omitted. */
.cl-ssol-interface-footer.cl-ssol-interface-footer--embedded {
    grid-template-columns: minmax(0, 1fr) auto !important;
}
.cl-ssol-interface-footer--embedded .cl-ssol-compliance {
    grid-column: 1 !important;
}
.cl-ssol-interface-footer--embedded .cl-ssol-micro-controls {
    grid-column: 2 !important;
}

@media (min-width: 1041px) {
    .cl-ssol-page--embedded {
        --ssol-layout-files: var(--ssol-files-width, 272px);
        --ssol-layout-agent: var(--ssol-agent-width, 400px);
    }
    .cl-ssol-page--embedded .cl-ssol-grid {
        height: 0 !important;
        flex: 1 1 0 !important;
        grid-template-columns: var(--ssol-layout-files) 6px minmax(0, 1fr) 6px var(--ssol-layout-agent) !important;
    }
}
@media (max-width: 1400px) and (min-width: 1041px) {
    .cl-ssol-page--embedded {
        --ssol-layout-files: var(--ssol-files-width, 256px);
        --ssol-layout-agent: var(--ssol-agent-width, 376px);
    }
}
@media (max-width: 1200px) and (min-width: 1041px) {
    .cl-ssol-page--embedded {
        --ssol-layout-files: var(--ssol-files-width, 240px);
        --ssol-layout-agent: var(--ssol-agent-width, 348px);
    }
}
@media (max-width: 700px) {
    .cl-ssol-interface-footer.cl-ssol-interface-footer--embedded {
        grid-template-columns: minmax(0, 1fr) !important;
        grid-template-rows: auto auto;
        min-height: 72px;
    }
    .cl-ssol-interface-footer--embedded .cl-ssol-micro-controls {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    .cl-ssol-interface-footer--embedded .cl-ssol-compliance {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }
}

/* Complete native dark-mode surface coverage. */
html.wp-dark-mode-active body.cl-ssol-light-page,
html.wp-dark-mode-active body.cl-ssol-light-page #page,
html.wp-dark-mode-active body.cl-ssol-light-page .site,
html.wp-dark-mode-active body.cl-ssol-light-page #content,
html.wp-dark-mode-active body.cl-ssol-light-page .site-content,
html.wp-dark-mode-active body.cl-ssol-light-page .content-area,
html.wp-dark-mode-active body.cl-ssol-light-page .site-main,
html.wp-dark-mode-active body.cl-ssol-light-page .entry-content {
    color-scheme: dark;
    background: #0b1b20 !important;
    color: #edf7f8 !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-page.is-dark-theme .cl-ssol-doc-tabs-bar .doc-tabs:empty::before {
    color: var(--ssol-faint) !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-page.is-dark-theme .cl-ssol-doc-tabs-bar .doc-tab {
    border-right-color: var(--wb-line-strong) !important;
    background: transparent !important;
    color: var(--ssol-muted) !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-page.is-dark-theme .cl-ssol-doc-tabs-bar .doc-tab:hover {
    background: var(--wb-surface-soft) !important;
    color: var(--ssol-ink) !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-page.is-dark-theme .cl-ssol-doc-tabs-bar .doc-tab[aria-selected="true"] {
    background: var(--ssol-paper) !important;
    color: var(--ssol-ink) !important;
    box-shadow: inset 0 -2px 0 var(--ssol-accent) !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-page.is-dark-theme .cl-ssol-doc-tabs-bar .doc-tab .close {
    background: transparent !important;
    color: var(--ssol-faint) !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-page.is-dark-theme .cl-ssol-doc-tabs-bar .doc-tab .close:hover {
    background: var(--wb-surface-muted) !important;
    color: var(--ssol-ink) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-context {
    border-color: var(--wb-teal-line) !important;
    background: var(--wb-surface) !important;
    color: var(--ssol-ink-soft) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-icon,
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-output-icon {
    background: #203b42 !important;
    color: #79c9d6 !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-turn,
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-output > summary b {
    border-color: #35555d !important;
    background: #21363c !important;
    color: #91d5df !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-output > summary {
    border-color: var(--wb-line-strong) !important;
    background: #172b30 !important;
    color: var(--ssol-ink) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-output > summary strong,
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-output-body :is(h1, h2, h3, h4) {
    color: var(--ssol-ink) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-output > summary small,
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-output-body :is(p, li, blockquote) {
    color: var(--ssol-ink-soft) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-output-body blockquote {
    border-left-color: #3e737d !important;
    background: #17282d !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-output-body pre {
    border-color: #304a51 !important;
    background: #101d21 !important;
    color: #dcebed !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-output-body :not(pre) > code {
    background: #21383e !important;
    color: #9cdae3 !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-output-body a {
    color: #83d1dd !important;
    text-decoration-color: rgba(131, 209, 221, .5) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-context button:hover,
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-context button:focus-visible {
    background: var(--wb-surface-muted) !important;
    color: var(--ssol-accent) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-output-note {
    border-top-color: var(--wb-line) !important;
    background: var(--wb-surface) !important;
    color: var(--ssol-muted) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-specialist-output-note code {
    background: #21383e !important;
    color: #9cdae3 !important;
}

/* Dark-mode coverage for the tools catalogue rendered with inline light styles. */
.cl-ssol-page.is-dark-theme .cl-ssol-tools-trigger span {
    background: var(--wb-surface-muted) !important;
    color: var(--ssol-ink) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-tools-panel {
    border-color: var(--wb-line-strong) !important;
    background: var(--wb-surface-soft) !important;
    color: var(--ssol-ink) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-tools-panel > header {
    border-bottom-color: var(--wb-line) !important;
    background: var(--wb-surface) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-tools-panel header small,
.cl-ssol-page.is-dark-theme .cl-ssol-tools-panel header p,
.cl-ssol-page.is-dark-theme .cl-ssol-tools-empty {
    color: var(--ssol-muted) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-tools-panel h2,
.cl-ssol-page.is-dark-theme .cl-ssol-tools-group > h3,
.cl-ssol-page.is-dark-theme .cl-ssol-tools-group article strong {
    color: var(--ssol-ink) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-tools-close {
    border-color: var(--wb-line-strong) !important;
    background: var(--wb-surface-muted) !important;
    color: var(--ssol-ink) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-tools-search input {
    border-color: var(--wb-line-strong) !important;
    background: var(--wb-surface) !important;
    color: var(--ssol-ink) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-tools-search input::placeholder {
    color: var(--ssol-faint) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-tools-group > h3 span {
    background: var(--wb-surface-muted) !important;
    color: var(--ssol-muted) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-tools-group article {
    border-color: var(--wb-line) !important;
    background: var(--wb-surface) !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-tools-group article code,
.cl-ssol-page.is-dark-theme .cl-ssol-tools-group article p {
    color: var(--ssol-muted) !important;
}


/* Complete dark-mode coverage for remaining embedded and third-party surfaces. */
.cl-ssol-page.is-dark-theme .cl-ssol-tools-group article code {
    background: var(--wb-surface-muted) !important;
    color: var(--ssol-muted) !important;
    border: 1px solid var(--wb-border) !important;
    border-radius: 4px;
    padding: 2px 6px;
}

html.wp-dark-mode-active body.cl-ssol-light-page .ac-logout-button,
html.wp-dark-mode-active body.cl-ssol-light-page .iubenda-tp-btn,
html.wp-dark-mode-active body.cl-ssol-light-page .iubenda-cs-preferences-link {
    background: #13272d !important;
    color: #edf7f8 !important;
    border-color: #36535c !important;
    box-shadow: none !important;
}

html.wp-dark-mode-active body.cl-ssol-light-page .cl-logo {
    background: #13272d !important;
    border-color: #36535c !important;
}


/* Dark-mode coverage for the Studio onboarding/help dialog. */
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-onboarding-modal {
    border: 1px solid #36535c !important;
    background: #10242a !important;
    color: #edf7f8 !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.52) !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-onboarding-modal .cl-ssol-modal-head {
    border-bottom-color: #27434c !important;
    background: #13272d !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-onboarding-modal h2,
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-onboarding-modal strong {
    color: #edf7f8 !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-onboarding-modal .cl-ssol-pane-kicker {
    color: #53c5d8 !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-onboarding-modal .cl-ssol-onboarding-lead,
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-onboarding-modal .cl-ssol-modal-body,
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-onboarding-modal .cl-ssol-onboarding-steps,
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-onboarding-modal .cl-ssol-onboarding-actions {
    color: #9fb0ba !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-onboarding-modal .cl-ssol-onboarding-steps article {
    border-color: #27434c !important;
    background: transparent !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-onboarding-modal .cl-ssol-onboarding-steps article > :first-child {
    border-color: #3a7b87 !important;
    background: #19343b !important;
    color: #53c5d8 !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-onboarding-modal .cl-ssol-icon-button {
    border-color: #36535c !important;
    background: #19343b !important;
    color: #edf7f8 !important;
}

/* Dark-mode coverage for workspace dialogs, guide key and expanded file actions. */
html.wp-dark-mode-active body.cl-ssol-light-page :is(.cl-ssol-history-modal, .cl-ssol-new-file-modal) {
    color-scheme: dark;
    border-color: #36535c !important;
    background: #10242a !important;
    color: #edf7f8 !important;
    box-shadow: 0 24px 70px rgb(0 0 0 / 52%) !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page :is(.cl-ssol-history-modal, .cl-ssol-new-file-modal) .cl-ssol-modal-head {
    border-bottom-color: #27434c !important;
    background: #13272d !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page :is(.cl-ssol-history-modal, .cl-ssol-new-file-modal) :is(h2, strong, .cl-ssol-new-file-field > span) {
    color: #edf7f8 !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page :is(.cl-ssol-history-modal, .cl-ssol-new-file-modal) :is(.cl-ssol-pane-kicker, .cl-ssol-modal-body, .cl-ssol-modal-loading, .cl-ssol-modal-error, .cl-ssol-history-empty, .cl-ssol-history-item span, .cl-ssol-new-file-intro) {
    color: #9fb0ba !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page :is(.cl-ssol-history-modal, .cl-ssol-new-file-modal) .cl-ssol-icon-button,
html.wp-dark-mode-active body.cl-ssol-light-page :is(.cl-ssol-history-modal, .cl-ssol-new-file-modal) .cl-ssol-button--quiet {
    border-color: #36535c !important;
    background: #19343b !important;
    color: #edf7f8 !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-history-modal .cl-ssol-history-item {
    border-bottom-color: #27434c !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-history-modal .cl-ssol-history-icon {
    background: #19343b !important;
    color: #53c5d8 !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-new-file-modal :is(input, select) {
    border-color: #36535c !important;
    background: #172f36 !important;
    color: #edf7f8 !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-new-file-modal input::placeholder {
    color: #829aa2 !important;
}
html.wp-dark-mode-active body.cl-ssol-light-page .cl-ssol-onboarding-modal .cl-ssol-onboarding-actions kbd {
    border-color: #3a5c65 !important;
    border-bottom-color: #52737b !important;
    background: #19343b !important;
    color: #edf7f8 !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-workspace-host .cls-file__actions .cls-iconbtn {
    color: #c6d7da !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-workspace-host .cls-file__actions .cls-iconbtn:hover,
.cl-ssol-page.is-dark-theme .cl-ssol-workspace-host .cls-file__actions .cls-iconbtn:focus-visible {
    border-color: #3d6871 !important;
    background: #254249 !important;
    color: #a6edf8 !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-workspace-host .cls-file__actions .cls-iconbtn--danger {
    color: #f08f98 !important;
}
.cl-ssol-page.is-dark-theme .cl-ssol-workspace-host .cls-file__actions .cls-iconbtn--danger:hover,
.cl-ssol-page.is-dark-theme .cl-ssol-workspace-host .cls-file__actions .cls-iconbtn--danger:focus-visible {
    border-color: #70474c !important;
    background: #41282c !important;
    color: #ffb0b7 !important;
}