@layer ottili-components{.ott-palette-overlay{align-items:flex-start;justify-content:center;padding-top:12vh}.ott-palette{position:relative;width:min(42rem,calc(100vw - var(--ott-space-8)));max-height:70vh;display:flex;flex-direction:column;background:var(--ott-color-bg-elevated);border:1px solid var(--ott-color-border-default);border-radius:var(--ott-radius-xl);box-shadow:var(--ott-shadow-lg);overflow:hidden;animation:ott-dialog-in var(--ott-duration-normal) var(--ott-easing-standard)}.ott-palette__input-row{display:flex;align-items:center;gap:var(--ott-space-3);padding:var(--ott-space-4);border-bottom:1px solid var(--ott-color-border-subtle)}.ott-palette__icon{color:var(--ott-color-text-muted);font-size:18px}.ott-palette__input{flex:1 1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;font-size:var(--ott-font-size-section-title);outline:none}.ott-palette__input::placeholder{color:var(--ott-color-text-muted)}.ott-palette__hint,.ott-palette__row-key{font-family:var(--ott-font-family-mono);font-size:var(--ott-font-size-micro);border:1px solid var(--ott-color-border-default);border-radius:var(--ott-radius-xs);padding:1px 5px;color:var(--ott-color-text-muted)}.ott-palette__scope{margin:0;padding:var(--ott-space-2) var(--ott-space-4);font-size:var(--ott-font-size-compact);color:var(--ott-color-text-muted);background:var(--ott-color-bg-muted)}.ott-palette__results{flex:1 1;overflow-y:auto;padding:var(--ott-space-2)}.ott-palette__group+.ott-palette__group{margin-top:var(--ott-space-2)}.ott-palette__group-title{margin:0;padding:var(--ott-space-2) var(--ott-space-3) var(--ott-space-1);font-size:var(--ott-font-size-micro);font-weight:var(--ott-font-weight-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--ott-color-text-muted)}.ott-palette__message,.ott-palette__truncated{margin:0;padding:var(--ott-space-5) var(--ott-space-4);color:var(--ott-color-text-muted);font-size:var(--ott-font-size-compact);text-align:center}.ott-palette__truncated{text-align:start}.ott-palette__row,.ott-palette__truncated{padding:var(--ott-space-2) var(--ott-space-3)}.ott-palette__row{display:flex;align-items:center;gap:var(--ott-space-3);border-radius:var(--ott-radius-md);cursor:pointer}.ott-palette__row[data-active=true]{background:var(--ott-color-accent-soft)}.ott-palette__row[data-blocked]{opacity:.6;cursor:not-allowed}.ott-palette__row-icon{flex:none;width:1.5rem;text-align:center;color:var(--ott-color-text-muted)}.ott-palette__row-text{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.ott-palette__row-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--ott-font-weight-body-strong)}.ott-palette__row-context,.ott-palette__row-match{font-size:var(--ott-font-size-compact);color:var(--ott-color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ott-palette__row-blocked{font-size:var(--ott-font-size-compact);color:var(--ott-color-warning)}.ott-palette__footer{display:flex;gap:var(--ott-space-4);padding:var(--ott-space-2) var(--ott-space-4);border-top:1px solid var(--ott-color-border-subtle);background:var(--ott-color-bg-muted);font-size:var(--ott-font-size-micro);color:var(--ott-color-text-muted)}.ott-palette__footer kbd{font-family:var(--ott-font-family-mono);border:1px solid var(--ott-color-border-default);border-radius:var(--ott-radius-xs);padding:0 4px}@media (max-width:640px){.ott-palette-overlay{padding-top:0;align-items:stretch}.ott-palette{width:100vw;max-height:100dvh;height:100dvh;border-radius:0}}.ott-workbench{display:flex;flex-direction:column;height:100%;min-height:0;font-family:var(--ott-font-family-mono);font-size:var(--ott-font-size-code)}.ott-workbench__header{display:flex;align-items:center;gap:var(--ott-space-3);padding:var(--ott-space-2) var(--ott-space-4);border-bottom:1px solid var(--ott-color-border-subtle);background:var(--ott-color-bg-muted);flex:none}.ott-workbench__title{margin:0;font-family:var(--ott-font-family);font-size:var(--ott-font-size-section-title);font-weight:var(--ott-font-weight-section-title)}.ott-workbench__header-actions{-webkit-margin-start:auto;margin-inline-start:auto;display:flex;gap:var(--ott-space-1);font-family:var(--ott-font-family)}.ott-workbench__log{flex:1 1;overflow-y:auto;padding:var(--ott-space-3) var(--ott-space-4);display:flex;flex-direction:column;gap:var(--ott-space-3)}.ott-workbench__hint{margin:0;color:var(--ott-color-text-muted);font-family:var(--ott-font-family);font-size:var(--ott-font-size-compact)}.ott-workbench__hint code{font-family:var(--ott-font-family-mono);background:var(--ott-color-bg-muted);padding:1px 4px;border-radius:var(--ott-radius-xs)}.ott-workbench__entry{display:flex;flex-direction:column;gap:var(--ott-space-2);-webkit-padding-start:var(--ott-space-3);padding-inline-start:var(--ott-space-3);-webkit-border-start:2px solid var(--ott-color-border-default);border-inline-start:2px solid var(--ott-color-border-default)}.ott-workbench__entry[data-status=completed]{border-inline-start-color:var(--ott-color-success)}.ott-workbench__entry[data-status=failed]{border-inline-start-color:var(--ott-color-danger)}.ott-workbench__entry[data-status=blocked]{border-inline-start-color:var(--ott-color-warning)}.ott-workbench__entry[data-status=running]{border-inline-start-color:var(--ott-color-accent)}.ott-workbench__entry-input{margin:0;color:var(--ott-color-text-primary)}.ott-workbench__entry-body{display:flex;flex-direction:column;gap:var(--ott-space-2);font-family:var(--ott-font-family);font-size:var(--ott-font-size-compact);color:var(--ott-color-text-secondary);align-items:flex-start}.ott-workbench__entry-body p{margin:0}.ott-workbench__entry-stage{margin:0;font-family:var(--ott-font-family);font-size:var(--ott-font-size-compact)}.ott-workbench__entry-stage,.ott-workbench__suggestions{color:var(--ott-color-text-muted)}.ott-workbench__result{width:100%;display:flex;flex-direction:column;gap:var(--ott-space-2)}.ott-workbench__effects,.ott-workbench__warnings{margin:0;-webkit-padding-start:var(--ott-space-4);padding-inline-start:var(--ott-space-4);display:flex;flex-direction:column;gap:var(--ott-space-1)}.ott-workbench__warnings li[data-severity=warning]{color:var(--ott-color-warning)}.ott-workbench__next{color:var(--ott-color-text-muted)}.ott-workbench__result-data{margin:0;padding:var(--ott-space-2) var(--ott-space-3);background:var(--ott-color-bg-muted);border-radius:var(--ott-radius-md);overflow-x:auto;max-height:12rem;font-size:var(--ott-font-size-micro)}.ott-workbench__input-row{display:flex;align-items:center;gap:var(--ott-space-2);padding:var(--ott-space-3) var(--ott-space-4);border-top:1px solid var(--ott-color-border-subtle);flex:none;background:var(--ott-color-bg-surface)}.ott-workbench__prompt{color:var(--ott-color-accent);font-weight:700}.ott-workbench__input{flex:1 1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;outline:none}.ott-dashboard-grid{display:grid;grid-gap:var(--ott-space-4);gap:var(--ott-space-4);align-items:stretch}.ott-dashboard-grid__cell{min-width:0;min-height:0;display:flex}.ott-dashboard-grid[data-editing] .ott-dashboard-grid__cell{cursor:-webkit-grab;cursor:grab}.ott-dashboard-grid__empty{padding:var(--ott-space-8) 0}.ott-widget{display:flex;flex-direction:column;width:100%;min-width:0;gap:var(--ott-space-3);padding:var(--ott-space-4);background:var(--ott-color-bg-surface);border:1px solid var(--ott-color-border-subtle);border-radius:var(--ott-radius-lg);box-shadow:var(--ott-shadow-xs);overflow:hidden;transition:border-color var(--ott-duration-fast) var(--ott-easing-standard),box-shadow var(--ott-duration-fast) var(--ott-easing-standard)}.ott-widget:hover{box-shadow:var(--ott-shadow-sm)}.ott-widget[data-editing]{border-style:dashed;border-color:var(--ott-color-accent)}.ott-widget[data-editing][data-locked]{border-color:var(--ott-color-border-strong)}.ott-widget[data-editing]:focus-visible{outline:2px solid var(--ott-color-focus);outline-offset:2px}.ott-widget__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ott-space-2);flex:none}.ott-widget__heading{min-width:0}.ott-widget__title{margin:0;font-size:var(--ott-font-size-label);line-height:var(--ott-line-height-label);font-weight:var(--ott-font-weight-label);text-transform:uppercase;letter-spacing:.05em;color:var(--ott-color-text-muted)}.ott-widget__link{color:inherit;text-decoration:none}.ott-widget__link:hover{color:var(--ott-color-accent);text-decoration:underline}.ott-widget__description{margin:2px 0 0;font-size:var(--ott-font-size-compact);color:var(--ott-color-text-muted)}.ott-widget__actions{display:flex;align-items:center;gap:var(--ott-space-1);flex:none}.ott-widget__body{flex:1 1;min-height:0;overflow:auto;display:flex;flex-direction:column}.ott-widget__body>*{min-width:0}.ott-widget__loading{padding:var(--ott-space-2) 0}.ott-widget__footer{flex:none;font-size:var(--ott-font-size-micro);color:var(--ott-color-text-muted)}.ott-widget__metric{display:flex;align-items:baseline;gap:var(--ott-space-2)}.ott-widget__metric-value{font-size:var(--ott-font-size-display);line-height:1.1;font-weight:var(--ott-font-weight-display);letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ott-widget__metric-delta{font-size:var(--ott-font-size-compact);font-weight:var(--ott-font-weight-body-strong)}.ott-widget__metric-delta[data-sentiment=positive]{color:var(--ott-color-success)}.ott-widget__metric-delta[data-sentiment=negative]{color:var(--ott-color-danger)}.ott-widget__metric-delta[data-sentiment=neutral]{color:var(--ott-color-text-secondary)}.ott-widget__metric-caption{font-size:var(--ott-font-size-compact);color:var(--ott-color-text-muted)}.ott-widget-picker__group+.ott-widget-picker__group{margin-top:var(--ott-space-5)}.ott-widget-picker__group-title{margin:0 0 var(--ott-space-2);font-size:var(--ott-font-size-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--ott-color-text-muted)}.ott-widget-picker__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ott-space-2)}.ott-widget-picker__item{display:flex;align-items:center;justify-content:space-between;gap:var(--ott-space-3);padding:var(--ott-space-3);border:1px solid var(--ott-color-border-subtle);border-radius:var(--ott-radius-md)}.ott-widget-picker__item[data-blocked]{background:var(--ott-color-bg-muted)}.ott-widget-picker__text{min-width:0}.ott-widget-picker__title{margin:0;display:flex;align-items:center;gap:var(--ott-space-2);font-weight:var(--ott-font-weight-body-strong)}.ott-widget-picker__description{margin:2px 0 0;font-size:var(--ott-font-size-compact);color:var(--ott-color-text-secondary)}.ott-widget-picker__meta{margin:2px 0 0;font-size:var(--ott-font-size-micro);color:var(--ott-color-text-muted)}.ott-inbox{flex-direction:column;min-width:0;height:100%}.ott-inbox,.ott-inbox__header{display:flex;gap:var(--ott-space-3)}.ott-inbox__header{align-items:center;justify-content:space-between}.ott-inbox__title{margin:0;display:flex;align-items:center;gap:var(--ott-space-2);font-size:var(--ott-font-size-section-title);font-weight:var(--ott-font-weight-section-title)}.ott-inbox__header-actions{display:flex;align-items:center;gap:var(--ott-space-1)}.ott-inbox__connection{margin:0;display:flex;align-items:center;gap:var(--ott-space-2);padding:var(--ott-space-2) var(--ott-space-3);border-radius:var(--ott-radius-md);background:color-mix(in srgb,var(--ott-color-warning) 10%,transparent);color:var(--ott-color-warning);font-size:var(--ott-font-size-compact)}.ott-inbox__connection[data-connection=offline]{background:color-mix(in srgb,var(--ott-color-danger) 10%,transparent);color:var(--ott-color-danger)}.ott-inbox__connection-dot{width:7px;height:7px;border-radius:var(--ott-radius-full);background:currentColor;flex:none}.ott-inbox__failure{margin:0;color:var(--ott-color-danger);font-size:var(--ott-font-size-compact)}.ott-inbox__list{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--ott-space-1)}.ott-inbox__footer{flex:none}.ott-inbox__item{display:flex;gap:var(--ott-space-3);padding:var(--ott-space-3);border-radius:var(--ott-radius-md);align-items:flex-start}.ott-inbox__item:hover{background:var(--ott-color-bg-muted)}.ott-inbox__item[data-unread]{background:var(--ott-color-accent-soft)}.ott-inbox__severity{flex:none;width:6px;height:6px;margin-top:7px;border-radius:var(--ott-radius-full);background:var(--ott-color-info)}.ott-inbox__severity[data-severity=success]{background:var(--ott-color-success)}.ott-inbox__severity[data-severity=warning]{background:var(--ott-color-warning)}.ott-inbox__severity[data-severity=critical],.ott-inbox__severity[data-severity=danger]{background:var(--ott-color-danger)}.ott-inbox__item-body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.ott-inbox__item-title{margin:0;display:flex;align-items:center;gap:var(--ott-space-2);font-weight:var(--ott-font-weight-body-strong)}.ott-inbox__item-text{margin:0;font-size:var(--ott-font-size-compact);color:var(--ott-color-text-secondary)}.ott-inbox__item-meta{margin:2px 0 0;font-size:var(--ott-font-size-micro);color:var(--ott-color-text-muted)}.ott-inbox__item-actions{display:flex;gap:var(--ott-space-2);margin-top:var(--ott-space-2);flex-wrap:wrap}.ott-switcher .ott-menu{min-width:20rem;max-height:24rem;overflow-y:auto}.ott-switcher__row{display:flex;align-items:center;gap:var(--ott-space-2);width:100%;min-width:0}.ott-switcher__row-text{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:0;text-align:start}.ott-switcher__row-name{font-weight:var(--ott-font-weight-body-strong)}.ott-switcher__row-meta,.ott-switcher__row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ott-switcher__row-meta{font-size:var(--ott-font-size-micro);color:var(--ott-color-text-muted)}.ott-switcher__product-dot{flex:none;width:10px;height:10px;border-radius:var(--ott-radius-full)}.ott-topbar__account{display:inline-flex;align-items:center;position:relative;border:0;background:transparent;padding:var(--ott-space-1);border-radius:var(--ott-radius-full);cursor:pointer}.ott-topbar__account:hover{background:var(--ott-color-bg-muted)}.ott-topbar__session-dot{position:absolute;bottom:2px;inset-inline-end:2px;width:8px;height:8px;border-radius:var(--ott-radius-full);border:2px solid var(--ott-color-bg-surface);background:var(--ott-color-warning)}.ott-topbar__session-dot[data-session=expired]{background:var(--ott-color-danger)}.ott-topbar__count[data-degraded]{background:var(--ott-color-text-muted)}.ott-topbar__search-compact{display:none}.ott-quick-create .ott-menu{min-width:18rem}.ott-quick-create__row{display:flex;flex-direction:column;gap:1px;min-width:0;text-align:start}.ott-quick-create__row-label{font-weight:var(--ott-font-weight-body-strong)}.ott-quick-create__row-hint{font-size:var(--ott-font-size-micro);color:var(--ott-color-text-muted)}.ott-quick-create__row-blocked{font-size:var(--ott-font-size-micro);color:var(--ott-color-warning)}@media (max-width:720px){.ott-topbar__search-compact{display:inline-flex}}}@layer ottili-components{.ott-extension{display:flex;flex-direction:column;min-height:18rem;border:1px solid var(--ott-color-border-default);border-radius:var(--ott-radius-lg);background:var(--ott-color-bg-surface);overflow:hidden}.ott-extension__bar{display:flex;align-items:center;gap:var(--ott-space-2);padding:var(--ott-space-2) var(--ott-space-3);border-bottom:1px solid var(--ott-color-border-subtle);background:var(--ott-color-bg-muted);font-size:var(--ott-font-size-compact)}.ott-extension__name{font-weight:var(--ott-font-weight-body-strong)}.ott-extension__bar .ott-spinner{-webkit-margin-start:auto;margin-inline-start:auto}.ott-extension__frame{flex:1 1;width:100%;min-height:16rem;border:0;background:var(--ott-color-bg-surface)}.ott-extension[data-status=loading] .ott-extension__frame{visibility:hidden}.ott-extension-manager{display:flex;flex-direction:column;gap:var(--ott-space-5)}.ott-extension-row{display:flex;flex-direction:column;gap:1px;min-width:0}.ott-extension-row__name{font-weight:var(--ott-font-weight-body-strong)}.ott-extension-row__meta{font-size:var(--ott-font-size-micro);color:var(--ott-color-text-muted)}.ott-extension-conflicts,.ott-extension-permissions{margin:0;-webkit-padding-start:var(--ott-space-5);padding-inline-start:var(--ott-space-5);display:flex;flex-direction:column;gap:var(--ott-space-1);font-size:var(--ott-font-size-compact);color:var(--ott-color-text-secondary)}.ott-extension-permissions{list-style:none;-webkit-padding-start:0;padding-inline-start:0}.ott-extension-conflicts code,.ott-extension-permissions code{font-family:var(--ott-font-family-mono);font-size:var(--ott-font-size-micro);background:var(--ott-color-bg-muted);padding:1px 5px;border-radius:var(--ott-radius-xs)}.ott-extension-actions{display:flex;gap:var(--ott-space-2);justify-content:flex-end}.ott-notification-preferences{display:flex;flex-direction:column;gap:var(--ott-space-4)}.ott-notification-preferences .ott-table-scroll{overflow-x:auto}.ott-notification-preferences td{text-align:center;vertical-align:middle}.ott-notification-preferences th[scope=col]:not(:first-child){text-align:center}.ott-notification-preferences .ott-switch{display:inline-flex}.ott-notification-preferences__unavailable{color:var(--ott-color-text-muted);font-size:var(--ott-font-size-micro);cursor:help;border-bottom:1px dotted var(--ott-color-border-strong)}.ott-connection__health{display:inline-flex;gap:var(--ott-space-2);align-items:center}.ott-connection__actions,.ott-connection__footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ott-space-3);margin-top:var(--ott-space-4)}.ott-connection__audit{margin:0;font-size:var(--ott-font-size-micro)}.ott-scope-viewer__list{display:flex;flex-wrap:wrap;gap:var(--ott-space-2);list-style:none;margin:var(--ott-space-3) 0 0;padding:0}.ott-scope-viewer__scope{border:1px solid var(--ott-color-border-default);border-radius:var(--ott-radius-full);padding:var(--ott-space-1) var(--ott-space-3);font-size:var(--ott-font-size-micro)}.ott-scope-viewer__scope[data-granted=false]{border-style:dashed;border-color:var(--ott-color-warning);color:var(--ott-color-text-secondary)}.ott-scope-viewer__missing{color:var(--ott-color-warning)}.ott-connection-picker{display:flex;flex-direction:column;gap:var(--ott-space-2)}.ott-reconnect-action{text-decoration:none}.ott-personal{padding:var(--ott-space-2) var(--ott-space-2) var(--ott-space-3);border-bottom:1px solid var(--ott-color-border-subtle)}.ott-personal__heading{margin:0 0 var(--ott-space-1);font-weight:var(--ott-font-weight-section-title);letter-spacing:.06em;text-transform:uppercase}.ott-personal__empty,.ott-personal__heading{padding:0 var(--ott-space-3);font-size:var(--ott-font-size-micro);color:var(--ott-color-text-muted)}.ott-personal__empty{margin:0}.ott-personal__list{list-style:none;margin:0;padding:0}.ott-personal__link,.ott-personal__row{display:flex;align-items:center}.ott-personal__link{gap:var(--ott-space-2);flex:1 1;min-width:0;min-height:var(--ott-size-sidebar-item);padding:0 var(--ott-space-3);border-radius:var(--ott-radius-md);color:var(--ott-color-text-secondary);text-decoration:none;font-size:var(--ott-font-size-compact)}.ott-personal__link:hover{background:var(--ott-color-bg-muted);color:var(--ott-color-text-primary)}.ott-personal__link[data-active=true]{background:var(--ott-color-accent-soft);color:var(--ott-color-accent)}.ott-personal__label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ott-personal__glyph,.ott-personal__time{color:var(--ott-color-text-muted)}.ott-personal__time{font-size:var(--ott-font-size-micro);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ott-personal__remove{opacity:0;border:0;background:transparent;color:var(--ott-color-text-muted);cursor:pointer;padding:0 var(--ott-space-2);font-size:var(--ott-font-size-body)}}@layer ottili-components{}@layer ottili-components{}@layer ottili-components{.ott-personal__remove:focus-visible,.ott-personal__row:hover .ott-personal__remove{opacity:1}.ott-favorite-button{border:0;background:transparent;color:var(--ott-color-text-muted);cursor:pointer;font-size:var(--ott-font-size-body)}.ott-favorite-button[aria-pressed=true]{color:var(--ott-color-warning)}.ott-favorite-button[aria-disabled=true]{opacity:.55;cursor:not-allowed}.ott-sidebar__pin{color:var(--ott-color-warning);font-size:var(--ott-font-size-micro)}.ott-workbench__panels{display:flex;gap:var(--ott-space-1);padding:0 var(--ott-space-4);border-bottom:1px solid var(--ott-color-border-subtle);overflow-x:auto}.ott-workbench__panel-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ott-color-text-secondary);padding:var(--ott-space-2) var(--ott-space-3);font-size:var(--ott-font-size-compact);cursor:pointer;white-space:nowrap}.ott-workbench__panel-tab[aria-selected=true]{color:var(--ott-color-accent);border-bottom-color:var(--ott-color-accent)}}@layer ottili-components{.ott-workbench__panel-tab:focus-visible{outline:2px solid var(--ott-color-focus);outline-offset:-2px}.ott-workbench__panel{flex:1 1;min-height:0;overflow:auto;padding:var(--ott-space-3) var(--ott-space-4)}.ott-workbench__logs{list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--ott-space-1);gap:var(--ott-space-1);font-family:var(--ott-font-family-mono);font-size:var(--ott-font-size-micro)}.ott-workbench__log-line{display:flex;gap:var(--ott-space-3);align-items:baseline}.ott-workbench__log-line time{color:var(--ott-color-text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ott-workbench__log-level{text-transform:uppercase;color:var(--ott-color-text-muted);min-width:3.5rem}.ott-workbench__log-line[data-level=warn] .ott-workbench__log-level{color:var(--ott-color-warning)}.ott-workbench__log-line[data-level=error] .ott-workbench__log-level{color:var(--ott-color-danger)}.ott-workbench__log-message{flex:1 1;min-width:0;color:var(--ott-color-text-primary);word-break:break-word}.ott-box{box-sizing:border-box;min-width:0}.ott-stack{display:flex;flex-direction:column;gap:var(--ott-space-3);min-width:0}.ott-stack[data-gap="0"]{gap:0}.ott-stack[data-gap="1"]{gap:var(--ott-space-1)}.ott-stack[data-gap="2"]{gap:var(--ott-space-2)}.ott-stack[data-gap="3"]{gap:var(--ott-space-3)}.ott-stack[data-gap="4"]{gap:var(--ott-space-4)}.ott-stack[data-gap="5"]{gap:var(--ott-space-5)}.ott-stack[data-gap="6"]{gap:var(--ott-space-6)}.ott-stack[data-align=start]{align-items:flex-start}.ott-stack[data-align=center]{align-items:center}.ott-stack[data-align=end]{align-items:flex-end}.ott-stack[data-justify=start]{justify-content:flex-start}.ott-stack[data-justify=center]{justify-content:center}.ott-stack[data-justify=end]{justify-content:flex-end}.ott-stack[data-justify=between]{justify-content:space-between}.ott-inline{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--ott-space-3);min-width:0}.ott-inline[data-nowrap]{flex-wrap:nowrap}.ott-inline[data-gap="0"]{gap:0}.ott-inline[data-gap="1"]{gap:var(--ott-space-1)}.ott-inline[data-gap="2"]{gap:var(--ott-space-2)}.ott-inline[data-gap="3"]{gap:var(--ott-space-3)}.ott-inline[data-gap="4"]{gap:var(--ott-space-4)}.ott-grid{display:grid;grid-gap:var(--ott-space-3);gap:var(--ott-space-3);min-width:0}.ott-grid[data-columns="1"]{grid-template-columns:repeat(1,minmax(0,1fr))}.ott-grid[data-columns="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.ott-grid[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.ott-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.ott-grid[data-columns="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}.ott-grid[data-columns="6"]{grid-template-columns:repeat(6,minmax(0,1fr))}.ott-grid[data-columns=auto-fill]{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.ott-divider{border:0;margin:0;background:var(--ott-color-border-subtle)}.ott-divider[data-orientation=horizontal]{width:100%;height:1px}.ott-divider[data-orientation=vertical]{width:1px;height:100%;min-height:var(--ott-space-4)}.ott-scroll-area{overflow:auto;min-width:0;scrollbar-width:thin;scrollbar-color:var(--ott-color-border-strong) transparent}.ott-scroll-area[data-horizontal]{overflow-x:auto;overflow-y:hidden}.ott-scroll-area[data-vertical]{overflow-y:auto;overflow-x:hidden}.ott-focus-ring{position:relative}.ott-focus-ring:after{content:"";position:absolute;inset:-2px;border-radius:var(--ott-radius-sm);box-shadow:var(--ott-shadow-focus);pointer-events:none;opacity:0;transition:opacity var(--ott-duration-fast) var(--ott-easing-standard)}}@layer ottili-components{.ott-focus-ring:focus-visible:after,.ott-focus-ring[data-visible]:after{opacity:1}.ott-button-group{display:inline-flex;gap:var(--ott-space-1);align-items:center}.ott-button-group[data-attach] .ott-button:not(:first-child):not(:last-child){border-radius:0}.ott-button-group[data-attach] .ott-button:first-child{border-start-end-radius:0;border-end-end-radius:0}.ott-button-group[data-attach] .ott-button:last-child{border-start-start-radius:0;border-end-start-radius:0}.ott-split-button{display:inline-flex;align-items:stretch;gap:1px;border-radius:var(--ott-radius-md);overflow:hidden}.ott-split-button__action,.ott-split-button__main{display:inline-flex;align-items:center;justify-content:center;height:var(--ott-size-button);padding:0 var(--ott-space-3);border:0;background:var(--ott-color-accent);color:var(--ott-color-accent-contrast);font:inherit;font-weight:var(--ott-font-weight-body-strong);cursor:pointer}.ott-split-button__action:hover:not([aria-disabled=true]),.ott-split-button__main:hover:not([aria-disabled=true]){background:var(--ott-color-accent-hover)}.ott-split-button__action[aria-disabled=true],.ott-split-button__main[aria-disabled=true]{opacity:.55;cursor:not-allowed}.ott-split-button__action{padding:0 var(--ott-space-2);-webkit-border-start:1px solid color-mix(in srgb,var(--ott-color-accent-contrast) 20%,transparent);border-inline-start:1px solid color-mix(in srgb,var(--ott-color-accent-contrast) 20%,transparent)}.ott-link-button{display:inline-flex;align-items:center;gap:var(--ott-space-1);padding:0;border:0;background:transparent;color:var(--ott-color-accent);font:inherit;font-weight:var(--ott-font-weight-body-strong);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.ott-link-button:hover{color:var(--ott-color-accent-hover)}.ott-link-button[aria-disabled=true]{opacity:.55;cursor:not-allowed}.ott-menu-button,.ott-toggle{display:inline-flex}.ott-toggle{align-items:center;justify-content:center;gap:var(--ott-space-2);height:var(--ott-size-button);padding:0 var(--ott-space-3);border:1px solid var(--ott-color-border-default);border-radius:var(--ott-radius-md);background:var(--ott-color-bg-surface);color:var(--ott-color-text-secondary);font:inherit;font-weight:var(--ott-font-weight-body-strong);cursor:pointer;transition:background-color var(--ott-duration-fast) var(--ott-easing-standard),border-color var(--ott-duration-fast) var(--ott-easing-standard),color var(--ott-duration-fast) var(--ott-easing-standard)}.ott-toggle:hover:not([aria-disabled=true]){background:var(--ott-color-bg-muted)}.ott-toggle[aria-pressed=true]{border-color:var(--ott-color-accent);background:var(--ott-color-accent-soft);color:var(--ott-color-accent)}.ott-toggle[aria-disabled=true]{opacity:.55;cursor:not-allowed}.ott-toggle-group{display:inline-flex;flex-wrap:wrap;gap:var(--ott-space-1)}.ott-toggle-group[data-attach] .ott-toggle:not(:first-child):not(:last-child){border-radius:0}.ott-toggle-group[data-attach] .ott-toggle:first-child{border-start-end-radius:0;border-end-end-radius:0}.ott-toggle-group[data-attach] .ott-toggle:last-child{border-start-start-radius:0;border-end-start-radius:0}.ott-form{display:flex;flex-direction:column;gap:var(--ott-space-4)}.ott-form__actions{display:flex;justify-content:flex-end;gap:var(--ott-space-2);padding-top:var(--ott-space-2)}.ott-multi-select__control{position:relative}.ott-multi-select__values{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ott-space-1);min-height:var(--ott-size-field);padding:var(--ott-space-1) var(--ott-space-3);border:1px solid var(--ott-color-border-default);border-radius:var(--ott-radius-md);background:var(--ott-color-bg-surface)}.ott-multi-select__values[aria-invalid=true]{border-color:var(--ott-color-danger)}.ott-multi-select__chip{display:inline-flex;align-items:center;gap:var(--ott-space-1);padding:0 var(--ott-space-2);height:calc(var(--ott-size-field) - 10px);border-radius:var(--ott-radius-sm);background:var(--ott-color-bg-muted);font-size:var(--ott-font-size-compact)}.ott-multi-select__remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;border:0;border-radius:var(--ott-radius-xs);background:transparent;color:var(--ott-color-text-muted);cursor:pointer}.ott-multi-select__remove:hover{background:var(--ott-color-border-subtle);color:var(--ott-color-text-primary)}.ott-multi-select__list{position:absolute;z-index:40;top:100%;inset-inline:0;margin:var(--ott-space-1) 0 0;padding:var(--ott-space-1);list-style:none;max-height:15rem;overflow-y:auto;background:var(--ott-color-bg-elevated);border:1px solid var(--ott-color-border-default);border-radius:var(--ott-radius-md);box-shadow:var(--ott-shadow-md)}.ott-multi-select__option{display:flex;align-items:center;gap:var(--ott-space-2);padding:var(--ott-space-2) var(--ott-space-3);border-radius:var(--ott-radius-sm);cursor:pointer}.ott-multi-select__option[data-active]{background:var(--ott-color-accent-soft)}.ott-multi-select__option input{accent-color:var(--ott-color-accent)}.ott-color-input,.ott-currency-input,.ott-date-input,.ott-datetime-input,.ott-file-input,.ott-number-input,.ott-timezone-input{display:flex;align-items:center;gap:var(--ott-space-2);width:100%;min-height:var(--ott-size-field);padding:0 var(--ott-space-3);border:1px solid var(--ott-color-border-default);border-radius:var(--ott-radius-md);background:var(--ott-color-bg-surface);color:var(--ott-color-text-primary);font:inherit;font-size:var(--ott-font-size-body)}.ott-color-input:focus-within,.ott-currency-input:focus-within,.ott-date-input:focus-within,.ott-datetime-input:focus-within,.ott-file-input:focus-within,.ott-number-input:focus-within,.ott-timezone-input:focus-within{border-color:var(--ott-color-accent);box-shadow:var(--ott-shadow-focus)}.ott-color-input input,.ott-currency-input input,.ott-date-input input,.ott-datetime-input input,.ott-number-input input,.ott-timezone-input input{flex:1 1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;outline:none}.ott-number-input input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.ott-number-input input::-webkit-inner-spin-button,.ott-number-input input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.ott-file-input__label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ott-color-text-muted)}.ott-file-input__hint{font-size:var(--ott-font-size-compact);color:var(--ott-color-text-muted)}.ott-editor-adapter{min-height:8rem;border:1px solid var(--ott-color-border-default);border-radius:var(--ott-radius-md);background:var(--ott-color-bg-surface)}.ott-editor-adapter__fallback{padding:var(--ott-space-3);color:var(--ott-color-text-muted);font-size:var(--ott-font-size-compact)}.ott-navigation-group{display:flex;flex-direction:column;gap:var(--ott-space-1)}.ott-navigation-group__title{padding:var(--ott-space-2) var(--ott-space-3);font-size:var(--ott-font-size-label);font-weight:var(--ott-font-weight-label);color:var(--ott-color-text-muted);text-transform:uppercase;letter-spacing:.04em}.ott-vertical-tabs{display:flex;flex-direction:column;gap:var(--ott-space-1);-webkit-border-end:1px solid var(--ott-color-border-subtle);border-inline-end:1px solid var(--ott-color-border-subtle);padding:var(--ott-space-1)}.ott-vertical-tabs__tab{display:flex;align-items:center;gap:var(--ott-space-2);width:100%;padding:var(--ott-space-2) var(--ott-space-3);border:0;border-radius:var(--ott-radius-sm);background:transparent;color:var(--ott-color-text-secondary);font:inherit;font-weight:var(--ott-font-weight-body-strong);text-align:start;cursor:pointer}.ott-vertical-tabs__tab:hover:not([aria-disabled=true]){background:var(--ott-color-bg-muted);color:var(--ott-color-text-primary)}.ott-vertical-tabs__tab[aria-selected=true]{background:var(--ott-color-accent-soft);color:var(--ott-color-accent)}.ott-vertical-tabs__tab[aria-disabled=true]{opacity:.5;cursor:not-allowed}.ott-vertical-tabs__panel{flex:1 1;min-width:0;padding:var(--ott-space-3)}.ott-steps__list{list-style:none;margin:0;padding:0}.ott-steps__item,.ott-steps__list{display:flex;align-items:center;gap:var(--ott-space-2)}.ott-steps__indicator{display:grid;place-items:center;width:24px;height:24px;border-radius:var(--ott-radius-full);background:var(--ott-color-bg-muted);color:var(--ott-color-text-muted);font-size:var(--ott-font-size-label);font-weight:var(--ott-font-weight-label)}.ott-steps__item[data-current] .ott-steps__indicator{background:var(--ott-color-accent);color:var(--ott-color-accent-contrast)}.ott-steps__item[data-completed] .ott-steps__indicator{background:var(--ott-color-success);color:var(--ott-color-text-inverse)}.ott-steps__label{font-size:var(--ott-font-size-compact);color:var(--ott-color-text-secondary)}.ott-steps__separator{width:var(--ott-space-4);height:1px;background:var(--ott-color-border-default)}.ott-mobile-nav{display:flex;flex-direction:column;gap:var(--ott-space-1);padding:var(--ott-space-2)}.ott-mobile-nav__item{display:flex;align-items:center;gap:var(--ott-space-3);padding:var(--ott-space-3) var(--ott-space-4);border:0;border-radius:var(--ott-radius-md);background:transparent;color:var(--ott-color-text-primary);font:inherit;text-decoration:none;text-align:start;cursor:pointer}.ott-mobile-nav__item:hover{background:var(--ott-color-bg-muted)}.ott-mobile-nav__item[aria-current=page]{background:var(--ott-color-accent-soft);color:var(--ott-color-accent)}.ott-status{display:inline-flex;align-items:center;gap:var(--ott-space-2);font-size:var(--ott-font-size-compact);font-weight:var(--ott-font-weight-body-strong)}.ott-status__dot{width:8px;height:8px;border-radius:var(--ott-radius-full);background:currentColor}.ott-status[data-tone=neutral]{color:var(--ott-color-text-secondary)}.ott-status[data-tone=accent]{color:var(--ott-color-accent)}.ott-status[data-tone=success]{color:var(--ott-color-success)}.ott-status[data-tone=warning]{color:var(--ott-color-warning)}.ott-status[data-tone=danger]{color:var(--ott-color-danger)}.ott-status[data-tone=info]{color:var(--ott-color-info)}.ott-data-grid{display:grid;grid-gap:var(--ott-space-3);gap:var(--ott-space-3)}.ott-data-grid__cell{padding:var(--ott-space-3)}.ott-data-grid__cell,.ott-list{border:1px solid var(--ott-color-border-subtle);border-radius:var(--ott-radius-md);background:var(--ott-color-bg-surface)}.ott-list{display:flex;flex-direction:column;gap:1px;list-style:none;margin:0;padding:0;overflow:hidden}.ott-list__item{display:flex;align-items:center;justify-content:space-between;gap:var(--ott-space-3);padding:var(--ott-space-3) var(--ott-space-4);min-height:var(--ott-size-table-row);border-bottom:1px solid var(--ott-color-border-subtle);background:var(--ott-color-bg-surface)}.ott-list__item:last-child{border-bottom:0}.ott-list__item[tabindex="0"]{cursor:pointer}.ott-list__item[tabindex="0"]:hover{background:var(--ott-color-bg-muted)}.ott-list__item[aria-selected=true]{background:var(--ott-color-accent-soft)}.ott-list__label{color:var(--ott-color-text-primary)}.ott-list__trailing{flex:none;color:var(--ott-color-text-muted);font-size:var(--ott-font-size-compact)}.ott-tree{gap:1px;list-style:none;margin:0;padding:0}.ott-tree,.ott-tree__branch{display:flex;flex-direction:column}.ott-tree__row{display:flex;align-items:center;gap:var(--ott-space-2);padding:var(--ott-space-2) var(--ott-space-3);border:0;border-radius:var(--ott-radius-sm);background:transparent;color:var(--ott-color-text-primary);font:inherit;text-align:start;cursor:pointer}.ott-tree__row:hover{background:var(--ott-color-bg-muted)}.ott-tree__row[aria-expanded=true]>.ott-tree__chevron{transform:rotate(90deg)}.ott-tree__chevron{transition:transform var(--ott-duration-fast) var(--ott-easing-standard);color:var(--ott-color-text-muted)}.ott-tree__children{-webkit-padding-start:var(--ott-space-5);padding-inline-start:var(--ott-space-5)}.ott-timeline{flex-direction:column;list-style:none;margin:0;padding:0}.ott-timeline,.ott-timeline__item{display:flex;gap:var(--ott-space-3)}.ott-timeline__item{align-items:flex-start}.ott-timeline__marker{flex:none;width:10px;height:10px;margin-top:5px;border-radius:var(--ott-radius-full);background:var(--ott-color-accent)}.ott-timeline__content{display:flex;flex-direction:column;gap:2px}.ott-timeline__title{font-weight:var(--ott-font-weight-body-strong)}.ott-timeline__meta{font-size:var(--ott-font-size-compact);color:var(--ott-color-text-muted)}.ott-kanban{display:flex;gap:var(--ott-space-3);overflow-x:auto;padding-bottom:var(--ott-space-2)}.ott-kanban__column{flex:0 0 20rem;display:flex;flex-direction:column;gap:var(--ott-space-2);max-height:100%;padding:var(--ott-space-3);border-radius:var(--ott-radius-md);background:var(--ott-color-bg-muted)}.ott-kanban__header{font-weight:var(--ott-font-weight-body-strong);color:var(--ott-color-text-secondary)}.ott-kanban__card{padding:var(--ott-space-3);border:1px solid var(--ott-color-border-subtle);border-radius:var(--ott-radius-md);background:var(--ott-color-bg-surface);cursor:-webkit-grab;cursor:grab}.ott-kanban__card-title{font-weight:var(--ott-font-weight-body-strong);color:var(--ott-color-text-primary);margin-bottom:var(--ott-space-1)}.ott-chart,.ott-sparkline{width:100%;min-height:12rem}.ott-chart__fallback,.ott-sparkline__fallback{display:flex;align-items:center;justify-content:center;height:100%;min-height:8rem;border:1px dashed var(--ott-color-border-default);border-radius:var(--ott-radius-md);color:var(--ott-color-text-muted);font-size:var(--ott-font-size-compact)}.ott-sparkline{min-height:2.5rem}.ott-key-value{display:grid;grid-template-columns:minmax(8rem,1fr) 2fr;grid-gap:var(--ott-space-2) var(--ott-space-4);gap:var(--ott-space-2) var(--ott-space-4);align-items:baseline}.ott-key-value__key{font-size:var(--ott-font-size-compact);color:var(--ott-color-text-muted)}.ott-key-value__value{color:var(--ott-color-text-primary);overflow-wrap:anywhere}.ott-diff{grid-gap:var(--ott-space-2);font-family:var(--ott-font-family-mono);font-size:var(--ott-font-size-compact)}.ott-diff,.ott-diff__row{display:grid;gap:var(--ott-space-2)}.ott-diff__row{grid-template-columns:1.5rem 1fr;grid-gap:var(--ott-space-2);align-items:baseline}.ott-diff__sign{color:var(--ott-color-text-muted);text-align:center}.ott-diff__row[data-kind=add] .ott-diff__sign{color:var(--ott-color-success)}.ott-diff__row[data-kind=remove] .ott-diff__sign{color:var(--ott-color-danger)}.ott-code-block,.ott-json-viewer{margin:0;padding:var(--ott-space-3);border:1px solid var(--ott-color-border-subtle);border-radius:var(--ott-radius-md);background:var(--ott-color-bg-canvas);color:var(--ott-color-text-secondary);font-family:var(--ott-font-family-mono);font-size:var(--ott-font-size-code);line-height:var(--ott-line-height-code);overflow:auto;white-space:pre}.ott-drawer{position:fixed;inset:0;z-index:210;display:flex}.ott-drawer__scrim{position:absolute;inset:0;background:rgba(9,12,17,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ott-drawer__panel{position:relative;width:min(90%,24rem);height:100%;background:var(--ott-color-bg-elevated);border-inline:1px solid var(--ott-color-border-default);box-shadow:var(--ott-shadow-lg);display:flex;flex-direction:column;overflow-y:auto}.ott-drawer[data-side=right]{justify-content:flex-end}.ott-drawer[data-side=left]{justify-content:flex-start}.ott-inspector{display:flex;flex-direction:column;gap:var(--ott-space-4);width:var(--ott-inspector-width,360px);min-width:var(--ott-inspector-min-width,300px);max-width:var(--ott-inspector-max-width,520px);padding:var(--ott-space-4);background:var(--ott-color-bg-surface);-webkit-border-start:1px solid var(--ott-color-border-default);border-inline-start:1px solid var(--ott-color-border-default);overflow-y:auto}.ott-inspector__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ott-space-3)}.ott-inspector__section{display:flex;flex-direction:column;gap:var(--ott-space-2)}.ott-inspector__title{margin:0;font-size:var(--ott-font-size-section-title);font-weight:var(--ott-font-weight-section-title)}.ott-inspector__section-title{margin:0;font-size:var(--ott-font-size-body);font-weight:var(--ott-font-weight-body-strong);color:var(--ott-color-text-secondary)}.ott-approval-card,.ott-job-progress,.ott-missing-integration,.ott-product-lock,.ott-session-expired{padding:var(--ott-space-4);border:1px solid var(--ott-color-border-default);border-radius:var(--ott-radius-lg);background:var(--ott-color-bg-surface);display:flex;flex-direction:column;gap:var(--ott-space-3)}.ott-product-lock[data-state=locked]{border-color:var(--ott-color-warning);background:color-mix(in srgb,var(--ott-color-warning) 8%,transparent)}.ott-missing-integration__service{font-weight:var(--ott-font-weight-body-strong)}.ott-job-progress__header{display:flex;justify-content:space-between;align-items:baseline}.ott-job-progress__meta{font-size:var(--ott-font-size-compact);color:var(--ott-color-text-muted)}.ott-approval-card__actions{display:flex;justify-content:flex-end;gap:var(--ott-space-2)}.ott-activity-timeline{display:flex;flex-direction:column;gap:var(--ott-space-3);list-style:none;margin:0;padding:0}.ott-activity-timeline__item{display:flex;align-items:flex-start;gap:var(--ott-space-3);padding:var(--ott-space-3);border:1px solid var(--ott-color-border-subtle);border-radius:var(--ott-radius-md);background:var(--ott-color-bg-surface)}.ott-activity-timeline__avatar{flex:none}.ott-activity-timeline__body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.ott-activity-timeline__actor{font-weight:var(--ott-font-weight-body-strong)}.ott-activity-timeline__time{font-size:var(--ott-font-size-compact);color:var(--ott-color-text-muted)}.ott-error-boundary{padding:var(--ott-space-5);border:1px solid var(--ott-color-danger);border-radius:var(--ott-radius-lg);background:color-mix(in srgb,var(--ott-color-danger) 8%,transparent);color:var(--ott-color-text-primary)}.ott-error-boundary__title{margin:0 0 var(--ott-space-2);font-size:var(--ott-font-size-section-title);font-weight:var(--ott-font-weight-section-title);color:var(--ott-color-danger)}.ott-error-boundary__details{font-family:var(--ott-font-family-mono);font-size:var(--ott-font-size-compact);color:var(--ott-color-text-secondary);overflow-wrap:anywhere}.lab{max-width:1100px;margin:0 auto;padding:var(--ott-space-8) var(--ott-space-6)}.lab h1{font-size:var(--ott-font-size-display);line-height:var(--ott-line-height-display);margin:0 0 var(--ott-space-2)}.lab h2{font-size:var(--ott-font-size-page-title);margin:var(--ott-space-8) 0 var(--ott-space-3)}.lab p{color:var(--ott-color-text-secondary);margin:0 0 var(--ott-space-4)}.lab__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--ott-space-4);gap:var(--ott-space-4)}.lab__card{background:var(--ott-color-bg-surface);border:1px solid var(--ott-color-border-default);border-radius:var(--ott-radius-lg);padding:var(--ott-space-4)}.lab__card h3{margin:0 0 var(--ott-space-1);font-size:var(--ott-font-size-section-title)}.lab__ref{font-family:var(--ott-font-family-mono);color:var(--ott-color-text-muted)}.lab__ref,.lab__status{font-size:var(--ott-font-size-micro)}.lab__status{display:inline-block;padding:0 var(--ott-space-2);border-radius:var(--ott-radius-full)}.lab__status[data-status=implemented]{background:var(--ott-color-success);color:var(--ott-color-text-inverse)}.lab__status[data-status=not-implemented]{background:var(--ott-color-bg-muted);color:var(--ott-color-text-secondary)}.lab__swatch{height:48px;border-radius:var(--ott-radius-md);display:flex;align-items:center;justify-content:center;font-weight:600}.lab__coverage{display:flex;gap:var(--ott-space-6);margin-bottom:var(--ott-space-6)}.lab__metric{font-size:var(--ott-font-size-display);font-weight:700}.lab__metric-label{font-size:var(--ott-font-size-label);color:var(--ott-color-text-muted);text-transform:uppercase}.lab__gates{display:flex;flex-wrap:wrap;gap:var(--ott-space-3);border:1px solid var(--ott-color-border-default);border-radius:var(--ott-radius-md);padding:var(--ott-space-3);margin-bottom:var(--ott-space-3)}.lab__gate{display:inline-flex;align-items:center;gap:var(--ott-space-1);font-size:var(--ott-font-size-compact)}.lab__nav{display:flex;gap:var(--ott-space-4);margin-bottom:var(--ott-space-6)}.lab__nav a{color:var(--ott-color-accent)}.lab-stack{display:flex;flex-direction:column;gap:var(--ott-space-4)}.lab-row{gap:var(--ott-space-3)}.lab-inline,.lab-row{display:flex;flex-wrap:wrap;align-items:center}.lab-chip-row,.lab-inline{gap:var(--ott-space-2)}.lab-chip-row{display:flex;flex-wrap:wrap}.lab-grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr));grid-gap:var(--ott-space-4);gap:var(--ott-space-4)}.lab-gallery,.lab-settings{display:flex;flex-direction:column;gap:var(--ott-space-5);max-width:68rem}.lab-actions{display:flex;justify-content:flex-end;gap:var(--ott-space-2)}.lab-actions--start{justify-content:flex-start;flex-wrap:wrap;align-items:center}.lab-card-padded{padding:var(--ott-space-4)}.lab-history{margin-top:var(--ott-space-3)}.lab-job{display:flex;flex-direction:column;gap:var(--ott-space-1)}.lab-job__name{color:var(--ott-color-text-primary)}.lab-job__detail{color:var(--ott-color-text-secondary);font-size:var(--ott-font-size-compact)}.lab-job__actions{display:inline-flex;gap:var(--ott-space-2)}.lab-pin-row{display:flex;align-items:center;gap:var(--ott-space-1);padding:0 var(--ott-space-3) var(--ott-space-2)}.lab-audit{list-style:none;margin:var(--ott-space-3) 0 0;padding:0;display:grid;grid-gap:var(--ott-space-4);gap:var(--ott-space-4)}.lab-audit__group{border-left:2px solid var(--ott-color-border-strong);padding-left:var(--ott-space-3)}.lab-audit__origin{margin:0;display:flex;align-items:center;gap:var(--ott-space-2);flex-wrap:wrap}.lab-audit__entries{list-style:none;margin:var(--ott-space-2) 0 0;padding:0;display:grid;grid-gap:var(--ott-space-1);gap:var(--ott-space-1);font-size:var(--ott-font-size-compact)}.lab-audit__change{display:block;color:var(--ott-color-text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lab-history summary{cursor:pointer;font-size:var(--ott-font-size-compact);color:var(--ott-color-text-secondary)}.lab-pane{height:100%;padding-inline:var(--ott-space-1);display:flex;flex-direction:column;gap:var(--ott-space-4)}.lab-pane-demo{padding:var(--ott-space-4);background:var(--ott-color-bg-muted);border-radius:var(--ott-radius-md);height:100%}.lab-split-demo{height:12rem;border:1px solid var(--ott-color-border-subtle);border-radius:var(--ott-radius-md);overflow:hidden}.ott-shell__main>.ott-split{min-height:26rem;height:calc(100dvh - var(--ott-size-topbar) - var(--ott-space-16))}.lab-edit-hint{margin:0;padding:var(--ott-space-2) var(--ott-space-3);background:var(--ott-color-accent-soft);color:var(--ott-color-accent);border-radius:var(--ott-radius-md);font-size:var(--ott-font-size-compact)}.lab-edit-hint kbd{font-family:var(--ott-font-family-mono);border:1px solid;border-radius:var(--ott-radius-xs);padding:0 4px}.lab-warning{margin:0;padding:var(--ott-space-3);border-radius:var(--ott-radius-md);background:color-mix(in srgb,var(--ott-color-warning) 12%,transparent);color:var(--ott-color-warning);font-size:var(--ott-font-size-compact)}.lab-widget-stack{display:flex;flex-direction:column;gap:var(--ott-space-3)}.lab-widget-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));grid-gap:var(--ott-space-2);gap:var(--ott-space-2);align-content:start}.lab-item-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.lab-item-list>li{display:flex;align-items:center;gap:var(--ott-space-3);padding:var(--ott-space-2) 0;border-bottom:1px solid var(--ott-color-border-subtle)}.lab-item-list>li:last-child{border-bottom:0}.lab-item-list__text{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.lab-item-list__primary{font-size:var(--ott-font-size-compact);font-weight:var(--ott-font-weight-body-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-item-list__secondary{font-size:var(--ott-font-size-micro);color:var(--ott-color-text-muted)}.lab-health{list-style:none;margin:0;padding:0;flex-direction:column;font-size:var(--ott-font-size-compact)}.lab-health,.lab-health>li{display:flex;gap:var(--ott-space-2)}.lab-health>li{align-items:center}.lab-health__dot{width:8px;height:8px;border-radius:var(--ott-radius-full);background:var(--ott-color-success);flex:none}.lab-health__dot[data-status=degraded]{background:var(--ott-color-warning)}.lab-health__dot[data-status=down]{background:var(--ott-color-danger)}.lab-health__status{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--ott-color-text-muted)}.lab-chart{margin:0;display:flex;flex-direction:column;gap:var(--ott-space-2);height:100%}.lab-chart svg{width:100%;flex:1 1;min-height:60px}.lab-chart__bar{fill:var(--ott-color-accent);opacity:.85}.lab-chart__bar[data-tone=success]{fill:var(--ott-color-success)}.lab-chart__caption{font-size:var(--ott-font-size-micro);color:var(--ott-color-text-muted)}.lab-field-row{display:flex;align-items:flex-end;gap:var(--ott-space-3)}.lab-field-row>.ott-field{flex:1 1;min-width:0}.lab-field-row__label{display:inline-flex}.lab-colour-row,.lab-field-row__label{align-items:center;gap:var(--ott-space-2)}.lab-colour-row{display:flex}.lab-colour{width:40px;height:var(--ott-size-field);padding:2px;border:1px solid var(--ott-color-border-default);border-radius:var(--ott-radius-md);background:var(--ott-color-bg-surface);cursor:pointer;flex:none}.lab-accents{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));grid-gap:var(--ott-space-2);gap:var(--ott-space-2)}.lab-accent{display:flex;align-items:center;gap:var(--ott-space-3);padding:var(--ott-space-2) var(--ott-space-3);border:1px solid var(--ott-color-border-default);border-radius:var(--ott-radius-md);background:var(--ott-color-bg-surface);font:inherit;text-align:start;cursor:pointer}.lab-accent[data-selected]{border-color:var(--ott-color-accent);background:var(--ott-color-accent-soft)}.lab-accent__swatch{width:22px;height:22px;border-radius:var(--ott-radius-sm);flex:none}.lab-accent__text{display:flex;flex-direction:column;gap:1px;min-width:0}.lab-accent__ratio{font-size:var(--ott-font-size-micro);color:var(--ott-color-text-muted)}.lab-brand-preview,.lab-preview{display:flex;align-items:center;gap:var(--ott-space-3);flex-wrap:wrap;padding:var(--ott-space-4);border:1px solid var(--ott-color-border-subtle);border-radius:var(--ott-radius-lg);background:var(--ott-color-bg-surface)}.lab-brand-preview__name{margin:0;font-weight:var(--ott-font-weight-body-strong)}.lab-brand-preview .ott-button{-webkit-margin-start:auto;margin-inline-start:auto}.lab-nav-editor{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--ott-space-1)}.lab-nav-editor__row{display:flex;align-items:center;gap:var(--ott-space-3);padding:var(--ott-space-2) var(--ott-space-3);border:1px solid var(--ott-color-border-subtle);border-radius:var(--ott-radius-md);background:var(--ott-color-bg-surface)}.lab-nav-editor__row[data-blocked]{opacity:.7;background:var(--ott-color-bg-muted)}.lab-nav-editor__grip{color:var(--ott-color-text-muted);cursor:-webkit-grab;cursor:grab}.lab-nav-editor__label{flex:1 1;min-width:0;display:flex;align-items:center;gap:var(--ott-space-2)}.lab-nav-editor__moves{display:flex;gap:var(--ott-space-1)}.lab-contextmenu-target{padding:var(--ott-space-5);border:1px dashed var(--ott-color-border-strong);border-radius:var(--ott-radius-md);text-align:center;color:var(--ott-color-text-muted);font-size:var(--ott-font-size-compact)}.lab-scenario-trigger{display:inline-flex;align-items:center;gap:var(--ott-space-2);max-width:20rem}.lab-scenario-trigger__text{font-size:var(--ott-font-size-micro);color:var(--ott-color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lab-scenario-fab{position:fixed;z-index:90;inset-block-end:var(--ott-space-5);inset-inline-start:var(--ott-space-5)}.lab-inspector__summary{display:flex;gap:var(--ott-space-2);flex-wrap:wrap}.lab-inspector__group{display:flex;flex-direction:column;gap:var(--ott-space-4)}.lab-inspector__hint{margin:0;font-size:var(--ott-font-size-micro);color:var(--ott-color-text-muted);word-break:break-word}.lab-help-dock{position:fixed;z-index:130;inset-block:var(--ott-size-topbar) 0;inset-inline-end:0;width:min(32rem,94vw);overflow-y:auto;background:var(--ott-color-bg-surface);-webkit-border-start:1px solid var(--ott-color-border-default);border-inline-start:1px solid var(--ott-color-border-default);box-shadow:var(--ott-shadow-lg)}[data-lab-mobile=true] .lab-scenario-trigger__text{display:none}[data-lab-mobile=true] .lab-grid-2{grid-template-columns:1fr}.lab-findings{margin:0;-webkit-padding-start:var(--ott-space-5);padding-inline-start:var(--ott-space-5);display:flex;flex-direction:column;gap:var(--ott-space-1);font-size:var(--ott-font-size-compact);color:var(--ott-color-text-secondary)}.lab-findings code{font-family:var(--ott-font-family-mono);font-size:var(--ott-font-size-micro);background:var(--ott-color-bg-muted);padding:1px 5px;border-radius:var(--ott-radius-xs)}.lab-pack-group+.lab-pack-group{margin-top:var(--ott-space-4)}.lab-pack-group__title{margin:0 0 var(--ott-space-2);font-size:var(--ott-font-size-micro);text-transform:uppercase;letter-spacing:.06em;color:var(--ott-color-text-muted)}.lab-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-gap:var(--ott-space-3)}.lab-pack,.lab-packs{gap:var(--ott-space-3)}.lab-pack{display:flex;align-items:center;padding:var(--ott-space-3);border:1px solid var(--ott-color-border-default);border-radius:var(--ott-radius-lg);background:var(--ott-color-bg-surface);font:inherit;text-align:start;cursor:pointer;transition:border-color var(--ott-duration-fast) var(--ott-easing-standard)}.lab-pack:hover{border-color:var(--ott-color-border-strong)}.lab-pack[data-selected]{border-color:var(--ott-color-accent);box-shadow:var(--ott-shadow-focus)}.lab-pack__swatches{display:grid;grid-template-columns:repeat(2,14px);grid-auto-rows:14px;grid-gap:2px;gap:2px;flex:none}.lab-pack__swatches>span{border-radius:3px;border:1px solid var(--ott-color-border-subtle)}.lab-pack__text{display:flex;flex-direction:column;gap:2px;min-width:0}.lab-pack__name{font-weight:var(--ott-font-weight-body-strong)}.lab-pack__description{font-size:var(--ott-font-size-micro);color:var(--ott-color-text-muted)}.lab-theme-preview{padding:var(--ott-space-6);border:1px solid var(--ott-color-border-default);border-radius:var(--ott-radius-lg);background:var(--ott-color-bg-canvas)}.lab-theme-preview__card{display:flex;flex-direction:column;gap:var(--ott-space-3);padding:var(--ott-space-4);background:var(--ott-color-bg-surface);border:1px solid var(--ott-color-border-subtle);border-radius:var(--ott-radius-lg);box-shadow:var(--ott-shadow-sm)}.lab-theme-preview__title{margin:0;font-weight:var(--ott-font-weight-body-strong);font-size:var(--ott-font-size-section-title)}.lab-theme-preview__body{margin:0;color:var(--ott-color-text-secondary);font-size:var(--ott-font-size-compact)}.lab__status[data-status=partial]{background:var(--ott-color-warning);color:#ffffff}.lab__limitation{margin:var(--ott-space-2) 0 0;font-size:var(--ott-font-size-micro);color:var(--ott-color-text-muted);-webkit-border-start:2px solid var(--ott-color-warning);border-inline-start:2px solid var(--ott-color-warning);-webkit-padding-start:var(--ott-space-2);padding-inline-start:var(--ott-space-2)}}@layer ottili-components{}@layer ottili-components{}@layer ottili-components{}@layer ottili-components{}@layer ottili-components{}@layer ottili-components{}