.list-view-toolbar{justify-content:space-between;align-items:end;gap:var(--spacing-3);min-width:0;padding-block:var(--spacing-3);border-bottom:1px solid var(--color-border-subtle);display:flex}.list-view-toolbar__controls,.list-view-toolbar__actions{align-items:end;gap:var(--spacing-2);flex-wrap:wrap;min-width:0;display:flex}.list-view-field{gap:var(--spacing-1);min-width:140px;color:var(--color-text);flex-direction:column;display:flex}.list-view-field--view{min-width:min(240px,100%)}.list-view-field--page-size{min-width:76px}.list-view-field__label{color:var(--color-text-muted);font-size:var(--type-label-size);font-weight:var(--type-label-weight)}.list-view-control{box-sizing:border-box;min-height:var(--input-height-sm);border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-surface-raised);min-width:0;max-width:100%;color:var(--color-text);padding:var(--spacing-1) var(--spacing-2);font:inherit}.list-view-control--multiple{min-height:96px}.list-view-control:focus-visible,.list-view-command:focus-visible,.list-view-icon-button:focus-visible,.active-filter-summary__remove:focus-visible,.list-view-menu>summary:focus-visible{box-shadow:var(--ring-focus);outline:none}.list-view-control:disabled,.list-view-command:disabled,.list-view-icon-button:disabled,.active-filter-summary__remove:disabled{cursor:not-allowed;color:var(--color-text-disabled);opacity:.7}.list-view-command,.list-view-icon-button{min-height:var(--input-height-sm);border:1px solid var(--color-border-input);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text);cursor:pointer;font:inherit;transition:var(--transition-colors);justify-content:center;align-items:center;display:inline-flex}.list-view-command{gap:var(--spacing-1);padding-inline:var(--spacing-2)}.list-view-command:hover:not(:disabled),.list-view-icon-button:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-sunken)}.list-view-command--primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-on-primary)}.list-view-command--primary:hover:not(:disabled){border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.list-view-icon-button{width:var(--input-height-sm);padding:0}.list-view-icon-button--small{width:28px;min-height:28px}.list-view-menu{position:relative}.list-view-menu>summary{list-style:none}.list-view-menu>summary::-webkit-details-marker{display:none}.list-view-menu__panel{box-sizing:border-box;z-index:20;top:calc(100% + var(--spacing-1));width:min(360px, calc(100vw - var(--spacing-6)));max-height:min(480px,70vh);padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-overlay);box-shadow:var(--shadow-overlay);position:absolute;right:0;overflow:auto}.list-view-menu--filter .list-view-menu__panel{width:min(420px, calc(100vw - var(--spacing-6)))}@media (width>=768px){.list-view-toolbar__controls .list-view-menu__panel{left:0;right:auto}}@media (width>=768px) and (width<=1023px){.list-view-toolbar__controls{position:relative}.list-view-toolbar__controls .list-view-menu--columns{position:static}.list-view-toolbar__controls .list-view-menu--columns .list-view-menu__panel{width:min(360px,100%);max-width:100%;left:auto;right:0}}.list-filter-builder{gap:var(--spacing-3);flex-direction:column;display:flex}.list-filter-builder__values{gap:var(--spacing-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.list-view-column-list{gap:var(--spacing-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list-view-column-list__item,.list-view-check,.list-view-column-list__moves{align-items:center;gap:var(--spacing-2);display:flex}.list-view-column-list__item{min-height:var(--input-height-sm);padding-block:var(--spacing-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.list-view-column-list__item>.list-view-check{grid-column:1/-1}.list-view-column-list__item>select{justify-self:start;min-width:0;max-width:100%}.list-view-column-list__moves{grid-column:2;justify-self:end}.list-view-check{flex-wrap:wrap;min-width:0}.list-view-check__label{overflow-wrap:anywhere;min-width:0}.list-view-check>input,.list-view-check__required{flex-shrink:0}.list-view-check__required,.list-view-menu__status{color:var(--color-text-muted);font-size:var(--type-label-size)}.active-filter-summary,.context-constraint-summary{gap:var(--spacing-1);padding-block:var(--spacing-2);flex-wrap:wrap;display:flex}.context-constraint-summary__item{align-items:center;gap:var(--spacing-1);max-width:100%;min-height:28px;padding-inline:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-raised);color:var(--color-text);font-size:var(--type-label-size);overflow-wrap:anywhere;display:inline-flex}.active-filter-summary__item{align-items:center;gap:var(--spacing-1);max-width:100%;min-height:28px;padding-left:var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-sunken);color:var(--color-text);font-size:var(--type-label-size);overflow-wrap:anywhere;display:inline-flex}.active-filter-summary__remove{border-radius:var(--radius-full);width:28px;min-width:28px;min-height:28px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.list-pagination{justify-content:space-between;align-items:center;gap:var(--spacing-3);min-height:calc(var(--input-height-sm) + var(--spacing-6));padding-block:var(--spacing-3);border-top:1px solid var(--color-border-subtle);display:flex}.list-pagination__status{color:var(--color-text-muted);font-size:var(--type-label-size)}.list-pagination__actions{gap:var(--spacing-1);display:flex}@media (width<=767px){.list-view-toolbar__controls{position:relative}.list-view-toolbar__controls .list-view-menu{position:static}.list-view-menu__panel,.list-view-menu--filter .list-view-menu__panel{width:auto;left:0;right:0}.list-view-toolbar{flex-direction:column;align-items:stretch}.list-view-toolbar__controls,.list-view-toolbar__actions{align-items:stretch}.list-view-field--view{flex:100%}.list-filter-builder__values{grid-template-columns:minmax(0,1fr)}}@media (width>=768px){.list-view-phone-only{display:none!important}}@media (width<=767px){.list-view-desktop-only{display:none!important}.list-view-toolbar .list-view-control,.list-view-toolbar .list-view-command,.list-view-card-footer .list-view-control,.list-view-card-footer .list-view-icon-button{min-height:var(--touch-target)}.list-view-card-footer .list-view-icon-button{width:var(--touch-target)}.list-view-icon-button--small{min-height:var(--touch-target-sm);width:var(--touch-target-sm)}}.list-view-card-list{gap:var(--spacing-3);padding:var(--spacing-3);flex-direction:column;margin:0;list-style:none;display:flex}.list-view-card{min-width:0;min-height:var(--touch-target);padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);overflow-wrap:anywhere;position:relative}.list-view-card__title{font-size:var(--type-subhead-size);font-weight:var(--type-subhead-weight)}.list-view-card__link{color:var(--color-accent);text-decoration:none}.list-view-card__link:after{content:"";border-radius:var(--radius-sm);position:absolute;inset:0}.list-view-card__link:focus-visible{outline:none}.list-view-card__link:focus-visible:after{box-shadow:var(--ring-focus)}.list-view-card :is(a,button,input,select,textarea,summary,[role=button],[tabindex]):not(.list-view-card__link){z-index:1;min-height:var(--touch-target-sm);position:relative}.list-view-card :is(a,button,input,select,textarea,summary,[tabindex]):not(.list-view-card__link):focus-visible{box-shadow:var(--ring-focus);outline:none}.list-view-card [data-pulse-cell-text]{white-space:normal;overflow-wrap:anywhere}.list-view-card__secondary{color:var(--color-text-muted);margin-top:var(--spacing-1)}.list-view-card__badges{gap:var(--spacing-1);margin-top:var(--spacing-2);flex-wrap:wrap;display:flex}.list-view-card__badges>span{min-width:0;max-width:100%}.list-view-card__fields{margin:var(--spacing-2) 0 0}.list-view-card__fields>div{gap:var(--spacing-1);margin-top:var(--spacing-1);flex-wrap:wrap;display:flex}.list-view-card__fields dt{color:var(--color-text-muted)}.list-view-card__fields dt:after{content:":"}.list-view-card__fields dd{min-width:0;margin:0}.list-view-card__expand{margin-top:var(--spacing-2);min-height:var(--touch-target-sm)}.list-view-card-message{padding:var(--spacing-4);color:var(--color-text-muted)}.list-view-card-footer{gap:var(--spacing-2);padding:var(--spacing-3);flex-direction:column;display:flex}.list-view-card-footer .list-pagination{padding-bottom:0}.list-view-sort-control{gap:var(--spacing-2);flex-wrap:wrap;width:100%}@media (width<=767px){.list-view-sort-control{display:flex}.list-view-sort-control .list-view-field{flex:1;min-width:0}}.list-view-card a:not(.list-view-card__link){align-items:center;display:inline-flex}.settings-shell{min-height:100%;display:flex}.settings-shell__sidebar{width:var(--sidebar-width,240px);max-height:calc(100dvh - var(--header-height,56px));border-right:1px solid var(--settings-nav-border);background:var(--settings-nav-surface);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.settings-shell__content{min-width:0;padding:var(--spacing-lg,24px);flex:1;overflow-y:auto}@media (width>=768px) and (width<=1023px){.settings-shell__sidebar{width:var(--sidebar-compact-width,60px)}}@media (width<=767px){.settings-shell{flex-direction:column}.settings-shell__sidebar{max-height:none;display:none}.settings-shell__content{padding:var(--spacing-md,16px)}}.settings-sidebar{min-height:0;padding:var(--spacing-2) var(--spacing-2) var(--spacing-4);scrollbar-gutter:stable;overscroll-behavior:contain;flex:1;overflow-y:auto}.settings-sidebar__group{margin-bottom:var(--spacing-3)}.settings-sidebar__group-header{z-index:1;padding:var(--spacing-2) var(--spacing-2) var(--spacing-1);background:var(--settings-nav-surface);font-size:var(--type-overline-size);text-transform:uppercase;letter-spacing:0;color:var(--settings-nav-group-text);margin:0;font-weight:700;position:sticky;top:0}.settings-sidebar__section-list{margin:0;padding:0;list-style:none}.settings-sidebar__section-item{margin:2px 0;padding:0}.settings-sidebar__link{align-items:center;gap:var(--spacing-sm,8px);width:100%;min-height:44px;padding:var(--spacing-2) var(--spacing-3);font:inherit;color:var(--settings-nav-item-text);text-align:start;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;font-size:.875rem;transition:background-color .12s,color .12s;display:flex;position:relative}.settings-sidebar__link .icon{color:var(--settings-nav-item-icon);transition:color .12s}.settings-sidebar__link:hover{background-color:var(--settings-nav-item-hover-bg);color:var(--settings-nav-item-hover-text)}.settings-sidebar__link:hover .icon{color:var(--settings-nav-item-hover-text)}.settings-sidebar__link:focus-visible{outline:2px solid var(--settings-nav-focus);outline-offset:-2px}.settings-sidebar__link--active{background-color:var(--settings-nav-item-active-bg);color:var(--settings-nav-item-active-text);font-weight:700}.settings-sidebar__link--active:before{border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--settings-nav-item-active-indicator);content:"";width:3px;position:absolute;inset-block:8px;inset-inline-start:0}.settings-sidebar__link--active .icon{color:var(--settings-nav-item-active-icon)}.settings-sidebar__link--pending{opacity:.7;cursor:progress}.settings-sidebar__link-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width>=768px) and (width<=1023px){.settings-sidebar{padding:var(--spacing-2) var(--spacing-1)}.settings-sidebar__group-header{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.settings-sidebar__link{padding:var(--spacing-sm,8px);justify-content:center;min-width:44px;min-height:44px}.settings-sidebar__link-title{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.settings-search{align-items:center;gap:var(--spacing-sm,8px);margin:var(--spacing-3) var(--spacing-3) var(--spacing-1);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--settings-nav-border);border-radius:var(--radius-sm);background:var(--settings-nav-search-bg);flex:none;min-height:44px;transition:border-color .15s,box-shadow .15s;display:flex}.settings-search:focus-within{border-color:var(--settings-nav-focus);box-shadow:0 0 0 2px color-mix(in oklch, var(--settings-nav-focus) 18%, transparent)}.settings-search__input{font:inherit;color:var(--settings-nav-item-text);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.settings-search__input::placeholder{color:var(--settings-nav-group-text)}.settings-search__clear{min-width:44px;min-height:44px;padding:var(--spacing-xs,4px);cursor:pointer;border-radius:var(--radius-sm,4px);color:var(--settings-nav-item-icon);background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:flex}.settings-search__clear:hover{color:var(--settings-nav-item-hover-text);background-color:var(--settings-nav-item-hover-bg)}.settings-search__clear:focus-visible{outline:2px solid var(--settings-nav-focus);outline-offset:-2px}@media (width>=768px) and (width<=1023px){.settings-search{display:none}}.settings-read-only-badge{padding:2px var(--spacing-sm,8px);text-transform:uppercase;letter-spacing:.03em;color:var(--color-warning-text,#92400e);background-color:var(--color-warning-bg,#fef3c7);border-radius:var(--radius-full,9999px);white-space:nowrap;align-items:center;font-size:.6875rem;font-weight:500;display:inline-flex}[data-theme=dark] .settings-read-only-badge{color:var(--color-warning-text,#fbbf24);background-color:var(--color-warning-bg,#451a03)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .settings-read-only-badge{color:var(--color-warning-text,#fbbf24);background-color:var(--color-warning-bg,#451a03)}}.settings-section-header{margin-bottom:var(--spacing-lg,24px)}.settings-section-header__title-row{align-items:center;gap:var(--spacing-sm,8px);margin-bottom:var(--spacing-xs,4px);display:flex}.settings-section-header__title{color:var(--color-text,#111827);margin:0;font-size:1.25rem;font-weight:600}.settings-section-header__description{margin:0 0 var(--spacing-sm,8px) 0;color:var(--color-text-muted,#6b7280);font-size:.875rem}.settings-section-header__owner{color:var(--color-text-muted,#6b7280);font-size:.75rem;font-style:italic;display:inline-block}[data-theme=dark] .settings-section-header__title{color:var(--color-text,#f3f4f6)}[data-theme=dark] .settings-section-header__description,[data-theme=dark] .settings-section-header__owner{color:var(--color-text-muted,#9ca3af)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .settings-section-header__title{color:var(--color-text,#f3f4f6)}:root:not([data-theme=light]) .settings-section-header__description,:root:not([data-theme=light]) .settings-section-header__owner{color:var(--color-text-muted,#9ca3af)}}.settings-field-group{margin:0 0 var(--spacing-lg,24px) 0;border:none;padding:0}.settings-field-group__label{color:var(--color-text,#111827);margin-bottom:var(--spacing-xs,4px);font-size:.875rem;font-weight:600}.settings-field-group__description{margin:0 0 var(--spacing-sm,8px) 0;color:var(--color-text-muted,#6b7280);font-size:.8125rem}.settings-field-group__content{gap:var(--spacing-md,16px);flex-direction:column;display:flex}[data-theme=dark] .settings-field-group__label{color:var(--color-text,#f3f4f6)}[data-theme=dark] .settings-field-group__description{color:var(--color-text-muted,#9ca3af)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .settings-field-group__label{color:var(--color-text,#f3f4f6)}:root:not([data-theme=light]) .settings-field-group__description{color:var(--color-text-muted,#9ca3af)}}.settings-save-bar{padding:var(--spacing-sm,8px) var(--spacing-md,16px);background:var(--color-bg-elevated,#fff);border-top:1px solid var(--color-border,#e5e5e5);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;bottom:0;box-shadow:0 -2px 8px #0000000f}.settings-save-bar__message{color:var(--color-text-muted,#6b7280);font-size:.875rem}.settings-save-bar__actions{gap:var(--spacing-sm,8px);display:flex}.settings-save-bar__discard,.settings-save-bar__save{min-width:44px;min-height:44px;padding:var(--spacing-sm,8px) var(--spacing-md,16px);border-radius:var(--radius-md,6px);font:inherit;cursor:pointer;font-size:.875rem;transition:background-color .15s,opacity .15s}.settings-save-bar__discard{border:1px solid var(--color-border,#e5e5e5);background:var(--color-bg-input,#fff);color:var(--color-text,#111827)}.settings-save-bar__discard:hover:not(:disabled){background-color:var(--color-bg-hover,#f3f4f6)}.settings-save-bar__discard:disabled{opacity:.5;cursor:not-allowed}.settings-save-bar__save{background:var(--color-primary,#3b82f6);color:#fff;border:none;font-weight:500}.settings-save-bar__save:hover:not(:disabled){background:var(--color-primary-hover,#2563eb)}.settings-save-bar__save:disabled{opacity:.5;cursor:not-allowed}.settings-save-bar__save:focus-visible,.settings-save-bar__discard:focus-visible{outline:2px solid var(--color-focus-ring,#3b82f6);outline-offset:2px}@media (width<=767px){.settings-save-bar{gap:var(--spacing-sm,8px);flex-direction:column;align-items:stretch}.settings-save-bar__actions{flex-direction:column}}[data-theme=dark] .settings-save-bar{background:var(--color-bg-elevated,#1f2937);border-top-color:var(--color-border,#374151);box-shadow:0 -2px 8px #0000004d}[data-theme=dark] .settings-save-bar__message{color:var(--color-text-muted,#9ca3af)}[data-theme=dark] .settings-save-bar__discard{background:var(--color-bg-input,#374151);border-color:var(--color-border,#4b5563);color:var(--color-text,#f3f4f6)}[data-theme=dark] .settings-save-bar__discard:hover:not(:disabled){background-color:var(--color-bg-hover,#4b5563)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .settings-save-bar{background:var(--color-bg-elevated,#1f2937);border-top-color:var(--color-border,#374151);box-shadow:0 -2px 8px #0000004d}:root:not([data-theme=light]) .settings-save-bar__message{color:var(--color-text-muted,#9ca3af)}:root:not([data-theme=light]) .settings-save-bar__discard{background:var(--color-bg-input,#374151);border-color:var(--color-border,#4b5563);color:var(--color-text,#f3f4f6)}:root:not([data-theme=light]) .settings-save-bar__discard:hover:not(:disabled){background-color:var(--color-bg-hover,#4b5563)}}.settings-loading{padding:var(--spacing-lg,24px)}.settings-loading__header{margin-bottom:var(--spacing-lg,24px)}.settings-loading__fields{gap:var(--spacing-md,16px);flex-direction:column;display:flex}.settings-loading__skeleton{background:var(--color-skeleton,#e5e7eb);border-radius:var(--radius-sm,4px);animation:1.5s ease-in-out infinite settings-loading-pulse}.settings-loading__skeleton--title{width:200px;height:24px;margin-bottom:var(--spacing-sm,8px)}.settings-loading__skeleton--description{width:320px;height:16px}.settings-loading__skeleton--field{width:100%;height:40px}.settings-loading__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes settings-loading-pulse{0%,to{opacity:1}50%{opacity:.4}}[data-theme=dark] .settings-loading__skeleton{background:var(--color-skeleton,#374151)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .settings-loading__skeleton{background:var(--color-skeleton,#374151)}}.settings-error{padding:var(--spacing-xl,48px) var(--spacing-md,16px);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.settings-error__title{margin:0 0 var(--spacing-sm,8px) 0;color:var(--color-text,#111827);font-size:1.125rem;font-weight:600}.settings-error__message{margin:0 0 var(--spacing-md,16px) 0;color:var(--color-text-muted,#6b7280);max-width:400px;font-size:.875rem}.settings-error__retry{min-width:44px;min-height:44px;padding:var(--spacing-sm,8px) var(--spacing-md,16px);border:1px solid var(--color-border,#e5e5e5);border-radius:var(--radius-md,6px);background:var(--color-bg-input,#fff);font:inherit;cursor:pointer;color:var(--color-text,#111827);font-size:.875rem;transition:background-color .15s}.settings-error__retry:hover{background-color:var(--color-bg-hover,#f3f4f6)}.settings-error__retry:focus-visible{outline:2px solid var(--color-focus-ring,#3b82f6);outline-offset:2px}[data-theme=dark] .settings-error__title{color:var(--color-text,#f3f4f6)}[data-theme=dark] .settings-error__message{color:var(--color-text-muted,#9ca3af)}[data-theme=dark] .settings-error__retry{background:var(--color-bg-input,#374151);border-color:var(--color-border,#4b5563);color:var(--color-text,#f3f4f6)}[data-theme=dark] .settings-error__retry:hover{background-color:var(--color-bg-hover,#4b5563)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .settings-error__title{color:var(--color-text,#f3f4f6)}:root:not([data-theme=light]) .settings-error__message{color:var(--color-text-muted,#9ca3af)}:root:not([data-theme=light]) .settings-error__retry{background:var(--color-bg-input,#374151);border-color:var(--color-border,#4b5563);color:var(--color-text,#f3f4f6)}:root:not([data-theme=light]) .settings-error__retry:hover{background-color:var(--color-bg-hover,#4b5563)}}
