.ui-badge{align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-8);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--weight-semibold);line-height:var(--leading-tight);white-space:nowrap;letter-spacing:var(--tracking-wide);text-transform:uppercase;display:inline-flex}.ui-badge-sm{padding:var(--border-width-hairline) var(--space-6);font-size:var(--text-3xs)}.ui-badge-lg{padding:var(--space-4) var(--space-10);font-size:var(--text-xs)}.ui-badge-default.ui-badge-soft{background:var(--surface-subtle);color:var(--ink-soft);border:var(--hairline)}.ui-badge-brand.ui-badge-soft{background:var(--brand-50);color:var(--brand-900);border:var(--border-width-hairline) solid var(--brand-soft-border)}.ui-badge-brand.ui-badge-solid{background:var(--brand-800);color:var(--fg-on-brand)}.ui-badge-success.ui-badge-soft{background:var(--brand-100);color:var(--brand-950);border:var(--border-width-hairline) solid var(--brand-soft-border)}.ui-badge-warning.ui-badge-soft{background:var(--status-warning-soft);color:var(--status-warning);border:var(--border-width-hairline) solid var(--border);border-color:color-mix(in srgb, var(--status-warning) 30%, var(--surface))}.ui-badge-danger.ui-badge-soft{background:var(--status-danger-soft);color:var(--status-danger);border:var(--border-width-hairline) solid var(--border);border-color:color-mix(in srgb, var(--status-danger) 30%, var(--surface))}.ui-badge-info.ui-badge-soft{background:var(--status-info-soft);color:var(--status-info);border:var(--border-width-hairline) solid var(--border);border-color:color-mix(in srgb, var(--status-info) 30%, var(--surface))}.ui-badge-neutral.ui-badge-soft{background:var(--surface-subtle);color:var(--muted);border:var(--hairline)}.ui-filter-chip-group{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.ui-filter-chip-list{align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.ui-filter-chip{align-items:center;gap:var(--space-6);min-height:var(--space-32);padding:var(--space-4) var(--space-12);border:var(--border-width-hairline) solid var(--border-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--ink);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);display:inline-flex}.ui-filter-chip:hover:not(:disabled){border-color:var(--brand-control-border);background:var(--surface-subtle)}.ui-filter-chip.is-selected{border-color:var(--brand-700);background:var(--brand-50);color:var(--brand-950);font-weight:var(--weight-semibold)}.ui-filter-chip-count{min-width:var(--icon-sm);height:var(--icon-sm);padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--brand-100);color:var(--brand-900);font-size:var(--text-3xs);font-weight:var(--weight-bold);justify-content:center;align-items:center;display:inline-flex}.ui-filter-chip:has(>.ui-filter-chip-toggle){padding-right:var(--space-6)}.ui-filter-chip-toggle{align-items:center;gap:var(--space-6);border-radius:var(--radius-full);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.ui-filter-chip-remove{margin-left:var(--space-2);border-radius:var(--radius-full);color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ui-filter-chip-toggle:disabled,.ui-filter-chip-remove:disabled{cursor:not-allowed;color:var(--control-disabled-fg)}.ui-filter-chip:has(>.ui-filter-chip-toggle:disabled){border-color:var(--control-disabled-border);background:var(--control-disabled-bg)}.ui-filter-chip-remove:hover{background:rgb(var(--shadow-rgb) / 10%)}.ui-filter-chip-clear{color:var(--blue-strong);font-size:var(--text-xs);font-weight:var(--weight-semibold);padding:var(--space-4) var(--space-8);cursor:pointer;background:0 0;border:0;text-decoration:underline}.ui-filter-chip-clear:hover{color:var(--blue)}.ui-tooltip-wrapper{display:inline-flex;position:relative}.ui-tooltip-bubble{z-index:var(--z-popover);padding:var(--space-6) var(--space-10);border-radius:var(--radius-sm);background:var(--brand-950);color:var(--fg-on-brand);font-size:var(--text-2xs);font-weight:var(--weight-medium);line-height:var(--leading-normal);white-space:nowrap;box-shadow:var(--elevation-2);pointer-events:none;animation:pop-in var(--duration-fast) var(--ease-spring);position:absolute}.ui-tooltip-top{bottom:calc(100% + var(--space-6));left:50%;transform:translate(-50%)}.ui-tooltip-bottom{top:calc(100% + var(--space-6));left:50%;transform:translate(-50%)}.ui-tooltip-left{right:calc(100% + var(--space-6));top:50%;transform:translateY(-50%)}.ui-tooltip-right{left:calc(100% + var(--space-6));top:50%;transform:translateY(-50%)}.ui-popover-container{display:inline-block;position:relative}.ui-popover-content{z-index:var(--z-popover);min-width:calc(var(--space-48) * 4 + var(--space-28));padding:var(--space-12);border:var(--hairline);border-radius:var(--radius);background:var(--surface);box-shadow:var(--elevation-2);animation:pop-in var(--duration-base) var(--ease-spring);position:absolute}.ui-popover-bottom{top:calc(100% + var(--space-6));left:0}.ui-popover-top{bottom:calc(100% + var(--space-6));left:0}.ui-popover-right{top:0;left:calc(100% + var(--space-6))}.ui-popover-left{top:0;right:calc(100% + var(--space-6))}.search-field-wrapper{align-items:center;width:100%;display:inline-flex;position:relative}.search-field-wrapper.has-autocomplete{z-index:var(--z-raised)}.search-field-wrapper.has-autocomplete:focus-within{z-index:var(--z-popover)}.search-field-suggestions{inset:calc(100% + var(--space-4)) 0 auto;z-index:var(--z-popover);border:var(--hairline);border-radius:var(--radius);max-height:20rem;padding:var(--space-4);background:var(--surface);box-shadow:var(--elevation-2);position:absolute;overflow-y:auto}.search-field-suggestion{gap:var(--space-2);min-height:var(--control-height);border-radius:var(--radius-sm);padding:var(--space-6) var(--space-10);color:var(--ink);cursor:pointer;align-content:center;display:grid}.search-field-suggestion.is-active{background:var(--brand-50);box-shadow:inset var(--border-width-rail) 0 0 var(--brand-700)}.search-field-suggestion small,.search-field-suggestions-empty{color:var(--muted);font-size:var(--text-xs)}.search-field-suggestions-empty{padding:var(--space-10);margin:0}.search-field-clear{right:var(--space-32);width:var(--icon-lg);height:var(--icon-lg);border-radius:var(--radius-full);color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid;position:absolute}.search-field-clear:hover{background:var(--surface-subtle);color:var(--ink)}.search-field-spinner{top:50%;right:var(--space-12);color:var(--brand-700);animation:1s linear infinite spin;position:absolute}.search-field-wrapper:has(.search-field-clear) .search-field input{padding-right:calc(var(--space-32) + var(--icon-lg) + var(--space-4))}.search-field-shortcut{right:var(--space-10);height:var(--icon-md);padding:0 var(--space-6);border:var(--hairline);border-radius:var(--radius-xs);background:var(--surface-subtle);color:var(--muted);font-size:var(--text-3xs);pointer-events:none;justify-content:center;align-items:center;font-family:ui-monospace,SFMono-Regular,monospace;display:inline-flex;position:absolute}@keyframes spin{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}.ui-form-field{gap:var(--space-6);width:100%;display:grid}.ui-form-field-header{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.ui-form-field-label{align-items:center;gap:var(--space-6);color:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:inline-flex}.ui-form-field-badge{font-size:var(--text-3xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted)}.ui-form-field-badge.is-required{color:var(--brand-900)}.ui-form-field-help{color:var(--ink-soft);font-size:var(--text-xs);line-height:var(--leading-normal);margin-top:calc(var(--space-2) * -1)}.ui-form-field-error{align-items:center;gap:var(--space-6);border-left:var(--border-width-accent) solid var(--status-danger);border-radius:0 var(--radius-xs) var(--radius-xs) 0;background:var(--status-danger-soft);color:var(--status-danger);padding:var(--space-6) var(--space-10);font-size:var(--text-xs);font-weight:var(--weight-semibold);margin-top:var(--space-4);display:flex}.ui-toggle-switch{align-items:center;gap:var(--space-12);min-height:var(--control-height);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.ui-toggle-switch input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-toggle-switch-track{width:var(--control-height);height:var(--icon-lg);padding:var(--space-2);border-radius:var(--radius-full);background:var(--control-disabled-bg);border:var(--border-width-hairline) solid var(--border-strong);transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);align-items:center;display:inline-flex;position:relative}.ui-toggle-switch-thumb{width:var(--icon-sm);height:var(--icon-sm);border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--elevation-0);transition:transform var(--duration-fast) var(--ease-spring);display:block}.ui-toggle-switch input:checked+.ui-toggle-switch-track{background:var(--brand-800);border-color:var(--brand-900)}.ui-toggle-switch input:checked+.ui-toggle-switch-track .ui-toggle-switch-thumb{transform:translateX(calc(var(--control-height) - (2 * var(--space-2)) - var(--icon-sm)));background:var(--fg-on-brand)}.ui-toggle-switch input:focus-visible+.ui-toggle-switch-track{outline:var(--border-width-accent) solid var(--focus);outline-offset:var(--focus-offset)}.ui-toggle-switch-label{flex-direction:column;display:flex}.ui-toggle-switch-title{color:var(--ink);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.ui-toggle-switch-description{color:var(--muted);font-size:var(--text-xs)}.ui-segmented-control{padding:var(--space-2);border-radius:var(--radius);background:var(--surface-subtle);border:var(--hairline);align-items:center;gap:var(--space-2);display:inline-flex}.ui-segmented-item{justify-content:center;align-items:center;gap:var(--space-6);min-height:calc(var(--control-height) - var(--space-8));padding:var(--space-6) var(--space-14);border-radius:var(--radius-sm);color:var(--ink-soft);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);background:0 0;border:0;display:inline-flex;position:relative}.ui-segmented-item:hover:not(:disabled){color:var(--ink)}.ui-segmented-item.is-selected{background:var(--surface);color:var(--brand-950);box-shadow:var(--elevation-0);border:var(--border-width-hairline) solid var(--border-light)}.ui-segmented-item:disabled{background:var(--control-disabled-bg);color:var(--control-disabled-fg);cursor:not-allowed}.ui-time-picker{min-width:calc(var(--space-40) * 4);height:var(--control-height);border:var(--border-width-hairline) solid var(--border-strong);border-radius:var(--radius);background:var(--surface);padding:0 var(--space-12);align-items:center;display:flex;position:relative}.ui-time-picker select{appearance:none;width:100%;height:100%;color:var(--ink);font-size:var(--text-sm);background:0 0;border:0;outline:none}.ui-time-picker:has(select:focus-visible){outline:var(--border-width-accent) solid var(--focus);outline-offset:var(--focus-offset)}.ui-dropdown-menu{display:inline-block;position:relative}.ui-dropdown-menu-list{top:calc(100% + var(--space-4));z-index:var(--z-dropdown);min-width:calc(var(--space-40) * 4 + var(--space-20));padding:var(--space-4);border:var(--hairline);border-radius:var(--radius);background:var(--surface);box-shadow:var(--elevation-2);animation:pop-in var(--duration-fast) var(--ease-spring);margin:0;list-style:none;position:absolute;left:0}.ui-dropdown-menu-bottom-end{left:auto;right:0}.ui-dropdown-menu-divider{height:var(--border-width-hairline);background:var(--border-light);margin:var(--space-4) 0}.ui-dropdown-menu-item{justify-content:space-between;align-items:center;gap:var(--space-8);width:100%;padding:var(--space-6) var(--space-10);border-radius:var(--radius-xs);color:var(--ink);font-size:var(--text-xs);font-weight:var(--weight-medium);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:0;display:flex}.ui-dropdown-menu-item:not(:disabled):hover,.ui-dropdown-menu-item.is-focused{background:var(--surface-subtle)}.ui-dropdown-menu-item.is-danger{color:var(--status-danger)}.ui-dropdown-menu-item.is-danger:not(:disabled):hover,.ui-dropdown-menu-item.is-danger.is-focused{background:var(--status-danger-soft)}.ui-dropdown-menu-shortcut{color:var(--muted);font-size:var(--text-3xs);font-family:ui-monospace,SFMono-Regular,monospace}@media (max-width:780px){.topbar-utilities .quick-search-button{color:var(--fg-on-brand);display:inline-flex}.topbar-utilities .quick-search-button>span,.topbar-utilities .quick-search-button>kbd{display:none}}.ui-toggle-switch.is-disabled{cursor:not-allowed}.ui-toggle-switch:has(input:disabled){cursor:not-allowed}.ui-toggle-switch.is-disabled .ui-toggle-switch-track,.ui-toggle-switch input:disabled+.ui-toggle-switch-track{background:var(--control-disabled-bg);border-color:var(--control-disabled-border)}.ui-toggle-switch.is-disabled .ui-toggle-switch-thumb,.ui-toggle-switch input:disabled+.ui-toggle-switch-track .ui-toggle-switch-thumb{background:var(--control-disabled-fg);box-shadow:none}.ui-toggle-switch.is-disabled input:checked+.ui-toggle-switch-track,.ui-toggle-switch input:disabled:checked+.ui-toggle-switch-track{background:var(--control-disabled-border);border-color:var(--control-disabled-border)}.ui-toggle-switch.is-disabled .ui-toggle-switch-title,.ui-toggle-switch.is-disabled .ui-toggle-switch-description{color:var(--control-disabled-fg)}.ui-toggle-switch:has(input:disabled) .ui-toggle-switch-title{color:var(--control-disabled-fg)}.ui-toggle-switch:has(input:disabled) .ui-toggle-switch-description{color:var(--control-disabled-fg)}
