.t-page { font: 600 24px/32px var(--font); letter-spacing: -0.01em; margin: 0; }
.t-section { font: 600 20px/28px var(--font); margin: 0; }
.t-title { font: 500 16px/24px var(--font); margin: 0; }
.t-body { font: 400 14px/20px var(--font); margin: 0; }
.t-body-lg { font: 400 16px/24px var(--font); margin: 0; }
.t-label { font: 500 12px/16px var(--font); margin: 0; }
.t-strong { font-weight: 500; }
.t-muted { color: var(--on-surface-variant); }
.t-num { font-variant-numeric: tabular-nums; }

.ui-btn, .ui-chip, .ui-nav-item, .ui-menu-item, .ui-tab { position: relative; overflow: hidden; }
.ui-btn::after, .ui-chip::after, .ui-nav-item::after, .ui-menu-item::after, .ui-tab::after {
  content: ''; position: absolute; inset: 0; border-radius: inherit;
  background: currentColor; opacity: 0; pointer-events: none;
  transition: opacity var(--dur-1) var(--ease);
}
:is(.ui-btn, .ui-chip, .ui-nav-item, .ui-menu-item, .ui-tab):hover::after { opacity: 0.08; }
:is(.ui-btn, .ui-chip, .ui-nav-item, .ui-menu-item, .ui-tab):is(:focus-visible, :active)::after { opacity: 0.1; }
:is(.ui-btn, .ui-chip, .ui-nav-item, .ui-menu-item, .ui-tab, .ui-field input, .ui-field textarea, .ui-field select):focus-visible {
  outline: 2px solid var(--focus); outline-offset: 2px;
}

.ui-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--s2);
  height: 40px; min-width: 44px; padding: 0 var(--s5); box-sizing: border-box;
  border: 1px solid transparent; border-radius: var(--r-full);
  font: 500 14px/20px var(--font); white-space: nowrap; text-decoration: none; cursor: pointer;
  transition: background-color var(--dur-2) var(--ease);
}
.ui-btn svg { width: 18px; height: 18px; flex: 0 0 auto; }
.ui-btn-filled { background: var(--primary); color: var(--on-primary); }
.ui-btn-tonal { background: var(--primary-container); color: var(--on-primary-container); }
.ui-btn-outlined { background: transparent; color: var(--primary); border-color: var(--outline); }
.ui-btn-text { background: transparent; color: var(--primary); padding: 0 var(--s3); }
.ui-btn-icon { width: 44px; height: 44px; padding: 0; background: transparent; color: var(--on-surface-variant); }
.ui-btn-icon svg { width: 20px; height: 20px; }
.ui-btn-danger { color: var(--error); }
.ui-btn:disabled, .ui-btn[aria-disabled="true"] { opacity: 0.38; cursor: not-allowed; }
.ui-btn:disabled::after, .ui-btn[aria-disabled="true"]::after { opacity: 0; }

.ui-spinner {
  width: 16px; height: 16px; box-sizing: border-box; border-radius: var(--r-full);
  border: 2px solid currentColor; border-right-color: transparent;
  animation: ui-spin 800ms linear infinite;
}
@keyframes ui-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .ui-spinner { animation-duration: 2400ms; } 
}

.ui-field { display: flex; flex-direction: column; gap: var(--s1); }
.ui-field > label { font: 500 12px/16px var(--font); color: var(--on-surface-variant); }
.ui-field input, .ui-field textarea, .ui-field select {
  width: 100%; height: 48px; box-sizing: border-box; padding: 0 var(--s4);
  border: 1px solid var(--outline); border-radius: var(--r-field);
  background: var(--surface); color: var(--on-surface); font: 400 14px/20px var(--font);
}
.ui-field textarea { height: auto; min-height: 96px; padding: var(--s3) var(--s4); resize: vertical; }
.ui-field :is(input, textarea, select):focus-visible { outline-offset: 0; border-color: var(--focus); }
.ui-help, .ui-error { font: 400 12px/16px var(--font); }
.ui-help { color: var(--on-surface-variant); }
.ui-error { display: none; align-items: center; gap: var(--s1); color: var(--error); }
.ui-error svg { width: 16px; height: 16px; }
.ui-field[data-invalid] .ui-help { display: none; }
.ui-field[data-invalid] .ui-error { display: flex; }
.ui-field[data-invalid] :is(input, textarea, select) { border-color: var(--error); }

.ui-chips { display: flex; flex-wrap: wrap; gap: var(--s2); }
.ui-chip {
  display: inline-flex; align-items: center; gap: var(--s2); height: 32px; padding: 0 var(--s3);
  box-sizing: border-box; border: 1px solid var(--outline); border-radius: var(--r-field);
  background: transparent; color: var(--on-surface-variant); font: 500 14px/20px var(--font); cursor: pointer;
}
.ui-chip svg { width: 18px; height: 18px; }
.ui-chip[aria-pressed="true"], .ui-chip[aria-selected="true"], .ui-chip[aria-checked="true"] {
  background: var(--primary-container); color: var(--on-primary-container); border-color: transparent;
}

.ui-badge {
  display: inline-flex; align-items: center; gap: var(--s1); height: 24px; padding: 0 var(--s2);
  border-radius: var(--r-field); font: 500 12px/16px var(--font);
  background: var(--surface-container-high); color: var(--on-surface-variant); white-space: nowrap;
}
.ui-badge-warn { background: var(--warning-container); color: var(--warning); }
.ui-badge-ok { background: var(--primary-container); color: var(--on-primary-container); }
.ui-badge-error { background: var(--error-container); color: var(--on-error-container); }

.ui-card {
  background: var(--surface); border: 1px solid var(--outline-variant);
  border-radius: var(--r-card); padding: var(--s4); box-sizing: border-box;
}
.ui-card-list { padding: 0; }
.ui-card-head {
  display: flex; align-items: center; justify-content: space-between; gap: var(--s3);
  padding: var(--s3) var(--s4); border-bottom: 1px solid var(--outline-variant);
}
.ui-card-foot {
  display: flex; justify-content: flex-end; padding: var(--s1) var(--s2);
  border-top: 1px solid var(--outline-variant);
}

.ui-row {
  display: flex; align-items: center; gap: var(--s4); min-height: 56px;
  padding: var(--s2) var(--s4); box-sizing: border-box; border-bottom: 1px solid var(--outline-variant);
}
.ui-row:last-child { border-bottom: 0; }
.ui-row-lead {
  width: 40px; height: 40px; flex: 0 0 40px; border-radius: var(--r-card);
  display: flex; align-items: center; justify-content: center;
  background: var(--surface-container); color: var(--on-surface-variant);
}
.ui-row-lead svg { width: 20px; height: 20px; }
.ui-row-main { flex: 1; min-width: 0; }
.ui-row-main > * { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-row-trail { display: flex; align-items: center; gap: var(--s2); flex: 0 0 auto; }

.ui-menu {
  min-width: 200px; padding: var(--s2) 0; margin: 0; list-style: none;
  background: var(--surface-container); border-radius: var(--r-field); box-shadow: var(--elev-menu);
}
.ui-menu-item {
  display: flex; align-items: center; gap: var(--s3); width: 100%; min-height: 44px;
  padding: 0 var(--s4); box-sizing: border-box; border: 0; background: transparent;
  color: var(--on-surface); font: 400 14px/20px var(--font); text-align: left; cursor: pointer;
}
.ui-menu-item svg { width: 20px; height: 20px; color: var(--on-surface-variant); }
.ui-menu-sep { height: 1px; margin: var(--s2) 0; background: var(--outline-variant); }

.ui-dialog {
  width: min(560px, calc(100vw - 32px)); min-width: 280px; max-height: calc(100vh - 32px); overflow: auto; overscroll-behavior: contain; box-sizing: border-box;
  padding: var(--s5); border: 0; border-radius: var(--r-dialog);
  background: var(--surface-container-high); color: var(--on-surface); box-shadow: var(--elev-dialog);
}
.ui-dialog::backdrop { background: var(--scrim); }
html:has(dialog:modal) { overflow: hidden; }
.ui-dialog-title { font: 600 20px/28px var(--font); margin: 0 0 var(--s4); }
.ui-dialog-body { display: flex; flex-direction: column; gap: var(--s4); font: 400 14px/20px var(--font); color: var(--on-surface-variant); }
.ui-dialog-text { margin: 0; white-space: pre-line; }
.ui-dialog-actions { display: flex; justify-content: flex-end; gap: var(--s2); margin-top: var(--s5); }

.ui-toast {
  position: fixed; top: auto; right: auto; left: 50%; bottom: var(--s5); transform: translateX(-50%);
  display: flex; align-items: center; gap: var(--s3); width: max-content; max-width: min(560px, calc(100vw - 32px));
  min-height: 48px; margin: 0; padding: 0 var(--s2) 0 var(--s4); box-sizing: border-box; border: 0; overflow: visible;
  border-radius: var(--r-field); background: var(--inverse-surface); color: var(--inverse-on-surface);
  box-shadow: var(--elev-menu); font: 400 14px/20px var(--font); z-index: 1000;
}
.ui-toast > span { padding: var(--s2) 0; }
.ui-toast .ui-btn-text { color: var(--inverse-primary); }

.ui-switch {
  position: relative; width: 52px; height: 32px; flex: 0 0 auto; padding: 0; box-sizing: border-box;
  border: 2px solid var(--outline); border-radius: var(--r-full); background: var(--surface-container-high);
  cursor: pointer; transition: background var(--dur-3) var(--ease), border-color var(--dur-3) var(--ease);
}
.ui-switch::before { content: ''; position: absolute; inset: -6px -2px; }
.ui-switch::after {
  content: ''; position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; border-radius: var(--r-full);
  background: var(--outline); transition: transform var(--dur-3) var(--ease), background var(--dur-3) var(--ease);
}
.ui-switch[aria-checked="true"] { background: var(--primary); border-color: var(--primary); }
.ui-switch[aria-checked="true"]::after { transform: translateX(20px); background: var(--on-primary); }
.ui-switch:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.ui-switch:disabled { opacity: 0.38; cursor: not-allowed; }
.ui-switch-row { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); min-height: 56px; }
.ui-switch-text { display: flex; flex-direction: column; gap: var(--s1); min-width: 0; }

.ui-tabs { display: flex; gap: var(--s1); overflow-x: auto; border-bottom: 1px solid var(--outline-variant); }
.ui-tab {
  flex: 0 0 auto; height: 48px; min-width: 44px; padding: 0 var(--s4); box-sizing: border-box;
  border: 0; border-radius: var(--r-field) var(--r-field) 0 0; background: transparent;
  color: var(--on-surface-variant); font: 500 14px/20px var(--font); white-space: nowrap; cursor: pointer;
}
.ui-tab::before {
  content: ''; position: absolute; left: var(--s2); right: var(--s2); bottom: 0; height: 2px;
  border-radius: var(--r-full) var(--r-full) 0 0; background: transparent;
}
.ui-tab[aria-selected="true"] { color: var(--primary); }
.ui-tab[aria-selected="true"]::before { background: var(--primary); }
.ui-tabs .ui-tab:focus-visible { outline-offset: -2px; }

.ui-table-wrap { overflow-x: auto; }
@media (hover: none) and (pointer: coarse) {
  .ui-tabs, .ui-table-wrap, .ui-queue-filters .ui-chips, .ui-monitor-filter .ui-chips, .ui-acc-chips { scrollbar-width: none; }
  .ui-tabs::-webkit-scrollbar, .ui-table-wrap::-webkit-scrollbar,
  .ui-queue-filters .ui-chips::-webkit-scrollbar, .ui-monitor-filter .ui-chips::-webkit-scrollbar,
  .ui-acc-chips::-webkit-scrollbar { display: none; }
}
.ui-table { width: 100%; border-collapse: collapse; font: 400 14px/20px var(--font); color: var(--on-surface); }
.ui-table th {
  padding: var(--s3) var(--s4); text-align: left; white-space: nowrap;
  font: 500 12px/16px var(--font); color: var(--on-surface-variant); border-bottom: 1px solid var(--outline-variant);
}
.ui-table td { height: 56px; padding: var(--s2) var(--s4); box-sizing: border-box; vertical-align: middle; border-bottom: 1px solid var(--outline-variant); }
.ui-table tbody tr:last-child td { border-bottom: 0; }
.ui-table .ui-table-num { text-align: right; font-variant-numeric: tabular-nums; }
.ui-table tr[aria-selected="true"] td { background: var(--primary-container); color: var(--on-primary-container); }

.ui-check, .ui-radio {
  display: flex; align-items: center; gap: var(--s3); min-height: 44px;
  font: 400 14px/20px var(--font); color: var(--on-surface); cursor: pointer;
}
.ui-check input, .ui-radio input { width: 20px; height: 20px; margin: 0; flex: 0 0 20px; accent-color: var(--primary); cursor: pointer; }
.ui-check input:focus-visible, .ui-radio input:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.ui-check:has(input:disabled), .ui-radio:has(input:disabled) { opacity: 0.38; cursor: not-allowed; }
.ui-check-text { display: flex; flex-direction: column; gap: var(--s1); min-width: 0; }
.ui-radio-group { display: flex; flex-direction: column; min-width: 0; margin: 0; padding: 0; border: 0; }
.ui-radio-group > legend { padding: 0; margin-bottom: var(--s1); font: 500 12px/16px var(--font); color: var(--on-surface-variant); }

.ui-banner {
  display: flex; align-items: flex-start; gap: var(--s3); padding: var(--s3) var(--s4); box-sizing: border-box;
  border-radius: var(--r-field); background: var(--surface-container); color: var(--on-surface);
  font: 400 14px/20px var(--font);
}
.ui-banner > svg { width: 20px; height: 20px; flex: 0 0 20px; }
.ui-banner-text { flex: 1; min-width: 0; margin: 0; }
.ui-banner-warn { background: var(--warning-container); color: var(--warning); }
.ui-banner-error { background: var(--error-container); color: var(--on-error-container); }
.ui-banner-action { align-self: center; margin: calc(-1 * var(--s2)) calc(-1 * var(--s2)) calc(-1 * var(--s2)) 0; color: inherit; }

.ui-progress { height: 4px; border-radius: var(--r-full); background: var(--surface-container-high); overflow: hidden; }
.ui-progress > span { display: block; height: 100%; background: var(--primary); transition: width var(--dur-4) var(--ease); }

.ui-empty { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s3); padding: var(--s5) var(--s4); }

.ui-sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

.ui-assist {
  position: fixed; top: 0; bottom: 0; left: 0; z-index: 900; box-sizing: border-box;
  width: min(400px, calc(100vw - 32px)); height: 100vh; height: 100dvh;
  display: flex; flex-direction: column; overflow: hidden;
  background: var(--surface-container-high); color: var(--on-surface);
  box-shadow: var(--elev-dialog);
}
.ui-assist-scrim { display: none; }
.ui-assist-head {
  display: flex; align-items: center; justify-content: space-between; gap: var(--s2);
  padding: var(--s3) var(--s2) var(--s3) var(--s5); border-bottom: 1px solid var(--outline-variant);
}
.ui-assist-titles { min-width: 0; }
.ui-assist-subject { margin: var(--s1) 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--on-surface-variant); }
.ui-assist-head-actions { display: flex; flex: 0 0 auto; }
.ui-assist-log {
  flex: 1; min-height: 0; overflow-y: auto; box-sizing: border-box; padding: var(--s4);
  display: flex; flex-direction: column; gap: var(--s3);
}
.ui-assist-log:focus-visible { outline: 2px solid var(--focus); outline-offset: -2px; }
.ui-assist-list { display: flex; flex-direction: column; gap: var(--s3); }
.ui-assist-list:empty { display: none; }
.ui-assist-empty { padding: var(--s2) 0; }
.ui-assist-empty > p { margin: 0; }
.ui-assist-empty > p + p { margin-top: var(--s2); }
.ui-assist-msg {
  display: flex; align-items: flex-start; gap: var(--s2); box-sizing: border-box; max-width: 86%;
  padding: var(--s2) var(--s3); border-radius: var(--r-card); overflow-wrap: anywhere;
}
.ui-assist-msg > svg { width: 20px; height: 20px; flex: 0 0 20px; margin-top: 2px; }
.ui-assist-user { align-self: flex-end; background: var(--primary); color: var(--on-primary); }
.ui-assist-bot { align-self: flex-start; background: var(--surface); border: 1px solid var(--outline-variant); }
.ui-assist-error { background: var(--error-container); color: var(--on-error-container); border-color: transparent; }
.ui-assist-state { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s2); }
.ui-assist-state:empty { display: none; }
.ui-assist-typing { display: flex; align-items: center; gap: var(--s2); color: var(--on-surface-variant); }
.ui-assist-action {
  display: flex; flex-direction: column; gap: var(--s3); box-sizing: border-box; padding: var(--s4);
  background: var(--surface); border: 1px solid var(--outline); border-radius: var(--r-card);
}
.ui-assist-show { align-self: flex-start; margin-left: calc(-1 * var(--s3)); }
.ui-assist-actions { display: flex; justify-content: flex-end; gap: var(--s2); }
.ui-assist-genitem { display: flex; flex-direction: column; gap: var(--s2); }
.ui-assist-genitem img, .ui-assist-preview img { display: block; width: 100%; border-radius: var(--r-field); }
.ui-assist-caption { white-space: pre-wrap; overflow-wrap: anywhere; color: var(--on-surface-variant); }
.ui-assist-preview .t-title { color: var(--on-surface); }
.ui-assist-link { align-self: flex-start; margin-left: calc(-1 * var(--s3)); }
.ui-assist-form {
  display: flex; align-items: flex-end; gap: var(--s2); padding: var(--s3) var(--s2) var(--s3) var(--s4);
  border-top: 1px solid var(--outline-variant);
}
.ui-assist-form .ui-field { flex: 1; min-width: 0; }
.ui-assist-form textarea { height: 48px; min-height: 48px; max-height: 160px; padding: var(--s3) var(--s4); resize: none; overflow-y: auto; }
.ui-assist-send { color: var(--primary); }
.ui-assist-text > * { margin: 0; }
.ui-assist-text > * + * { margin-top: var(--s2); }
.ui-assist-text :is(ul, ol) { padding-left: var(--s5); }
.ui-assist-turn { display: flex; flex-direction: column; align-items: flex-start; align-self: flex-start; gap: var(--s1); max-width: 100%; }
.ui-assist-turn > .ui-assist-msg { max-width: 86%; }
.ui-assist-tools { display: flex; align-items: center; margin-left: calc(-1 * var(--s2)); }
.ui-assist-tools:empty { display: none; }
.ui-assist-tool { width: 48px; height: 48px; }
.ui-assist-suggest { flex-direction: column; align-items: flex-start; }
.ui-assist-suggest .ui-chip { height: auto; min-height: 32px; max-width: 100%; padding: var(--s1) var(--s3); text-align: left; }
.ui-assist-quota { margin: 0; padding: 0 var(--s4) var(--s3); }
.ui-assist-convs { flex: 1; min-height: 0; overflow-y: auto; box-sizing: border-box; padding: var(--s2) var(--s4) var(--s4); }
.ui-assist-convs-back { margin-left: calc(-1 * var(--s3)); }
.ui-assist-convs-body { display: flex; flex-direction: column; gap: var(--s3); }
.ui-assist-conv-list { display: flex; flex-direction: column; }
.ui-assist-conv {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--s1);
  min-height: 48px; padding: var(--s2) var(--s3); box-sizing: border-box; width: 100%;
  border: 0; border-radius: var(--r-field); background: transparent; color: var(--on-surface);
  font: inherit; text-align: left; cursor: pointer;
}
.ui-assist-conv:hover { background: var(--surface-container); }
.ui-assist-conv:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.ui-assist-conv[aria-current="true"] { background: var(--primary-container); color: var(--on-primary-container); }
.ui-assist-conv-title { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-assist-convs-state { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s2); margin: 0; }
.ui-assist-convs-note { margin: 0; }
@media (min-width: 840px) and (max-width: 1199.98px) {
  .ui-assist { left: 240px; }
  body.ui-assist-docked .ui-assist-scrim { left: 240px; }
}
@media (max-width: 1199.98px) {
  body.ui-assist-docked .ui-assist-scrim { display: block; position: fixed; inset: 0; z-index: 899; background: var(--scrim); }
}
@media (min-width: 1200px) {
  .ui-assist {
    position: sticky; top: 0; z-index: auto; flex: 0 0 400px; width: 400px;
    box-shadow: none; border-right: 1px solid var(--outline-variant);
  }
}
@media (min-width: 1200px) and (max-width: 1599.98px) {
  body.ui-assist-docked :is(.ui-home-cols, .ui-cal) { display: flex; flex-direction: column; align-items: stretch; }
  body.ui-assist-docked .ui-create-cols { display: block; }
  body.ui-assist-docked .ui-create-work { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 599.98px) {
  .ui-assist {
    top: auto; left: 0; right: 0; bottom: 0; width: 100%; height: calc(100vh - var(--s5)); height: calc(100dvh - var(--s5));
    border-radius: var(--r-dialog) var(--r-dialog) 0 0;
  }
  body.ui-assist-docked .ui-assist-scrim { left: 0; }
}
@media (prefers-reduced-motion: no-preference) and (max-width: 1199.98px) {
  body.ui-assist-docked .ui-assist-scrim { animation: ui-assist-fade var(--dur-3) var(--ease); }
  .ui-assist:not(.hidden) { animation: ui-assist-in-side var(--dur-3) var(--ease); }
}
@media (prefers-reduced-motion: no-preference) and (max-width: 599.98px) {
  .ui-assist:not(.hidden) { animation-name: ui-assist-in-bottom; }
}
@keyframes ui-assist-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes ui-assist-in-side { from { transform: translateX(-24px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes ui-assist-in-bottom { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }

.ui-assist-dock {
  position: sticky; bottom: 0; z-index: 10; box-sizing: border-box; margin-top: auto;
  padding: var(--s3) var(--s6) var(--s4); background: transparent; pointer-events: none;
}
.ui-assist-dock-inner { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s2); max-width: 720px; margin: 0 auto; }
.ui-assist-dock-card { pointer-events: auto; }
.ui-assist-dock-continue { position: relative; flex: 0 0 auto; gap: var(--s2); height: 32px; padding: 0 var(--s3); white-space: nowrap; }
.ui-assist-dock-continue svg { width: 18px; height: 18px; }
.ui-assist-dock-continue::after { content: ''; position: absolute; inset: -6px 0; }
.ui-assist-dock-card {
  position: relative; box-sizing: border-box; width: 100%;
  background: var(--surface); border: 1px solid var(--outline); border-radius: var(--r-card); box-shadow: var(--elev-menu);
}
.ui-assist-dock-card:focus-within { border-color: var(--focus); }
.ui-assist-dock-extra {
  display: none; position: absolute; left: -1px; right: -1px; bottom: calc(100% - 1px); flex-direction: column; gap: var(--s2);
  padding: var(--s3) var(--s3) var(--s2); box-sizing: border-box;
  background: var(--surface); border: 1px solid var(--focus); border-bottom: 1px solid var(--outline-variant);
  border-radius: var(--r-card) var(--r-card) 0 0;
}
.ui-assist-dock-card:focus-within:not(:has(.ui-assist-dock-continue:focus)) .ui-assist-dock-extra { display: flex; }
.ui-assist-dock-card:focus-within:not(:has(.ui-assist-dock-continue:focus)) { border-top-left-radius: 0; border-top-right-radius: 0; }
.ui-assist-dock-suggest .ui-chip { height: auto; min-height: 32px; padding: var(--s1) var(--s3); text-align: left; }
.ui-assist-dock-quota { margin: 0; text-align: right; }
.ui-assist-dock-form { display: flex; align-items: center; gap: var(--s2); padding: 0 var(--s2) 0 var(--s4); }
.ui-assist-dock-mark { flex: 0 0 20px; width: 20px; height: 20px; color: var(--primary); }
.ui-assist-dock-form textarea {
  flex: 1; min-width: 0; box-sizing: border-box; height: 48px; min-height: 48px; max-height: 120px; padding: 14px 0;
  border: 0; background: transparent; color: var(--on-surface); font: 400 14px/20px var(--font); resize: none; overflow-y: auto;
}
.ui-assist-dock-form textarea:focus { outline: none; }
.ui-shell-askbtn { gap: var(--s2); }
@media (max-width: 839.98px) {
  .ui-assist-dock { padding: var(--s3) var(--s4) var(--s4); }
}
@media (max-width: 599.98px) {
  .ui-shell-askbtn { width: 44px; padding: 0; }
  .ui-shell-askbtn span { display: none; }
  .ui-assist-dock-continue { width: 40px; padding: 0; }
  .ui-assist-dock-continue span { display: none; }
}

.ui-shell { display: flex; min-height: 100vh; align-items: stretch; }

.ui-shell-side {
  width: 240px; flex: 0 0 240px; z-index: 20;
  background: var(--surface-container); border-right: 1px solid var(--outline-variant);
}
.ui-shell-side-inner {
  position: sticky; top: 0; display: flex; flex-direction: column;
  height: 100vh; height: 100dvh; overflow-y: auto;
  padding: var(--s4) var(--s3); box-sizing: border-box;
}
.ui-shell-backdrop { display: none; }

.ui-shell-brand {
  display: flex; align-items: center; gap: var(--s3); height: 44px; flex: 0 0 auto;
  padding: 0 var(--s3); margin-bottom: var(--s4); border-radius: var(--r-field);
  color: var(--on-surface); text-decoration: none; font: 600 16px/24px var(--font);
}
.ui-shell-brand svg { width: 24px; height: 24px; color: var(--primary); }
.ui-shell-brand:focus-visible, .ui-shell-account:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }

.ui-shell-brandswitch { margin-bottom: var(--s4); }

.ui-shell-nav { display: flex; flex-direction: column; gap: var(--s1); }
.ui-shell-nav .ui-nav-item {
  display: flex; align-items: center; gap: var(--s3); width: 100%; height: 44px;
  padding: 0 var(--s4); box-sizing: border-box; border: 0; border-radius: var(--r-full);
  background: transparent; color: var(--on-surface-variant);
  font: 500 14px/20px var(--font); text-align: left; cursor: pointer;
}
.ui-shell-nav .ui-nav-item svg { width: 20px; height: 20px; flex: 0 0 auto; }
.ui-shell-nav .ui-nav-item[aria-current="page"] { background: var(--primary-container); color: var(--on-primary-container); }
.ui-shell-nav .ui-nav-item > span:not(.ui-badge) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-shell-nav .ui-nav-item:has(.ui-shell-navbadge:not(.hidden)) { gap: var(--s2); }
.ui-shell-navbadge { margin-left: auto; margin-right: calc(-1 * var(--s3)); flex: 0 0 auto; height: 20px; min-width: 20px; padding: 0 var(--s1); justify-content: center; }

.ui-shell-accountwrap { position: relative; margin-top: auto; padding-top: var(--s4); }
.ui-shell-account {
  display: flex; align-items: center; gap: var(--s3); width: 100%; height: 56px;
  padding: 0 var(--s3); box-sizing: border-box; border: 0; border-radius: var(--r-card);
  background: transparent; color: var(--on-surface); font-family: var(--font); text-align: left; cursor: pointer;
}
.ui-shell-account:hover, .ui-shell-account[aria-expanded="true"] { background: var(--surface-container-high); }
.ui-shell-account > svg { width: 20px; height: 20px; flex: 0 0 auto; color: var(--on-surface-variant); }
.ui-shell-account-text { flex: 1; min-width: 0; }
.ui-shell-account-text > span:not(.ui-sr-only) { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-shell-avatar {
  width: 32px; height: 32px; flex: 0 0 32px; border-radius: var(--r-full);
  display: flex; align-items: center; justify-content: center;
  background: var(--primary-container); color: var(--on-primary-container); font: 500 12px/16px var(--font);
}
.ui-shell-accountmenu {
  position: absolute; left: 0; right: 0; bottom: calc(56px + var(--s1)); z-index: 40;
  min-width: 0; background: var(--surface-container-high); border: 1px solid var(--outline-variant);
}
.ui-menu-head { display: block; padding: var(--s2) var(--s4) var(--s1); }
.ui-shell-accounts .ui-menu-item { padding-top: var(--s1); padding-bottom: var(--s1); }
.ui-shell-accounts .ui-menu-item-text { flex: 1; min-width: 0; display: flex; flex-direction: column; text-align: left; }
.ui-shell-accounts .ui-menu-item-text > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-shell-accounts .ui-menu-item[aria-current="true"] svg { color: var(--primary); }
.ui-shell-theme { display: flex; flex-direction: column; gap: var(--s2); padding: var(--s2) var(--s4) var(--s3); }
.ui-shell-theme .ui-chip { padding: 0 var(--s2); }

.ui-shell-main { flex: 1; min-width: 0; min-height: 100vh; display: flex; flex-direction: column; }
.ui-shell-head {
  display: flex; align-items: center; justify-content: space-between; gap: var(--s4);
  padding: var(--s5) var(--s6) 0;
}
.ui-shell-head-left { display: flex; align-items: center; gap: var(--s2); min-width: 0; }
.ui-shell-head-left .t-page { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-shell-head-right { display: flex; align-items: center; gap: var(--s3); flex: 0 0 auto; }
.ui-shell-head .ui-shell-menubtn { display: none; }

@media (max-width: 839.98px) {
  .ui-shell-side {
    position: fixed; top: 0; bottom: 0; left: 0; z-index: 30;
    transform: translateX(-100%); visibility: hidden;
    transition: transform var(--dur-3) var(--ease), visibility 0s linear var(--dur-3);
  }
  .ui-shell-side-inner { position: static; height: 100%; }
  .ui-shell-side[data-open] {
    transform: none; visibility: visible; box-shadow: var(--elev-dialog);
    transition: transform var(--dur-3) var(--ease), visibility 0s;
  }
  .ui-shell-backdrop[data-open] { display: block; position: fixed; inset: 0; z-index: 29; background: var(--scrim); }
  .ui-shell-head { padding: var(--s4) var(--s4) 0; }
  .ui-shell-head .t-page { font-size: 20px; line-height: 28px; }
  .ui-shell-main > .container { padding-left: var(--s4); padding-right: var(--s4); }
  .ui-shell-head .ui-shell-menubtn { display: inline-flex; }


}

.ui-shell-lock { margin: var(--s4) var(--s4) 0; align-items: center; }
.ui-shell-support { flex-wrap: wrap; }
.ui-banner-actions { display: flex; flex-wrap: wrap; gap: var(--s2); align-self: center; }
.ui-banner-actions .ui-btn { color: inherit; border-color: currentColor; }
@media (min-width: 840px) { .ui-shell-lock { margin: var(--s4) var(--s6) 0; } 
}

.ui-set { display: grid; grid-template-columns: 240px minmax(0, 720px); column-gap: var(--s6); row-gap: var(--s3); align-items: start; }
.ui-set-top { grid-column: 1 / -1; }
.ui-set-top .ui-btn { margin-left: calc(-1 * var(--s3)); }
.ui-set-nav { display: flex; flex-direction: column; gap: var(--s4); position: sticky; top: var(--s4); }
.ui-set-group { display: flex; flex-direction: column; gap: var(--s1); }
.ui-set-group > .t-label { padding: 0 var(--s4); margin-bottom: var(--s1); }
.ui-set-nav .ui-nav-item {
  display: flex; align-items: center; gap: var(--s3); width: 100%; height: 44px;
  padding: 0 var(--s4); box-sizing: border-box; border: 0; border-radius: var(--r-full);
  background: transparent; color: var(--on-surface-variant);
  font: 500 14px/20px var(--font); text-align: left; cursor: pointer;
}
.ui-set-nav .ui-nav-item svg { width: 20px; height: 20px; flex: 0 0 auto; }
.ui-set-nav .ui-nav-item[aria-current="true"] { background: var(--primary-container); color: var(--on-primary-container); }
.ui-set-form { min-width: 0; }
.ui-set-pane > h2 { margin: 0 0 var(--s3); font: 600 20px/28px var(--font); }
.ui-set-pane > h2:focus { outline: none; }
.ui-set-flow > h2 { margin: 0; }
.ui-set-flow { display: flex; flex-direction: column; gap: var(--s5); min-width: 0; }
.ui-set-stack { display: flex; flex-direction: column; gap: var(--s4); min-width: 0; }
.ui-set-flow > *, .ui-set-stack > *, .ui-set-section > * { min-width: 0; }
.ui-set-flow p, .ui-set-stack p, .ui-set-section p { margin: 0; }
.ui-set-flow > :empty { display: none; }
.ui-set-section { display: flex; flex-direction: column; gap: var(--s3); min-width: 0; }
.ui-set-pair { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--s4); }
.ui-set-foot {
  display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: var(--s3);
  padding-top: var(--s4); border-top: 1px solid var(--outline-variant);
}
.ui-set-foot > p { margin: 0 auto 0 0; }
.ui-set-fieldset { display: flex; flex-direction: column; gap: var(--s2); min-width: 0; margin: 0; padding: 0; border: 0; }
.ui-set-fieldset > legend { padding: 0; margin-bottom: var(--s1); font: 500 14px/20px var(--font); color: var(--on-surface); }
.ui-set-filters { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--s3); }
.ui-set-filters .ui-field { min-width: 180px; }
.ui-set-linkrow { display: flex; align-items: flex-end; gap: var(--s3); }
.ui-set-linkrow .ui-field { flex: 1; min-width: 0; }
.ui-set-guide > * { max-width: 100%; }
.ui-set-code { display: flex; align-items: flex-start; gap: var(--s3); width: 100%; min-width: 0; }
.ui-set-code pre {
  flex: 1; min-width: 0; margin: 0; padding: var(--s3); overflow-x: auto;
  background: var(--surface-container); color: var(--on-surface); border-radius: var(--r-field);
  font: 400 14px/20px ui-monospace, Menlo, Consolas, monospace; white-space: pre;
}
.ui-set-code pre:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.ui-set-code .ui-btn { flex: 0 0 auto; }
.ui-set-list { margin: 0; padding-left: var(--s5); }
.ui-set-keyhead { display: flex; align-items: center; justify-content: space-between; gap: var(--s2); }
.ui-set-keyhead > label { font: 500 14px/20px var(--font); color: var(--on-surface); }
.ui-set-inline select { width: auto; min-width: 140px; height: 40px; }
.ui-set-actions { display: flex; flex-wrap: wrap; gap: var(--s2); }
.ui-set-danger { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s3); border-color: var(--error); }

.ui-set-meter { display: flex; flex-direction: column; gap: var(--s1); max-width: 560px; }
.ui-set-meter-head { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s3); }
.ui-progress.is-warn > span { background: var(--warning); }
.ui-progress.is-full > span { background: var(--error); }
.ui-set-chart {
  display: flex; align-items: flex-end; gap: 3px; height: 120px; max-width: 640px;
  padding: var(--s2) 0 0; border-bottom: 1px solid var(--outline-variant);
}
.ui-set-col { flex: 1; height: 100%; display: flex; align-items: flex-end; }
.ui-set-stackbar { width: 100%; height: 100%; display: flex; flex-direction: column-reverse; justify-content: flex-start; gap: 1px; }
.ui-set-seg { width: 100%; border-radius: 2px 2px 0 0; }
.ui-set-seg-job { background: var(--primary); }
.ui-set-seg-image { background: var(--warning); }
.ui-set-seg-text { background: var(--outline); }
.ui-set-seg-stock { background: var(--inverse-primary); }
.ui-set-legend { display: flex; flex-wrap: wrap; gap: var(--s2) var(--s4); margin: 0; padding: 0; list-style: none; }
.ui-set-legend li { display: inline-flex; align-items: center; gap: var(--s2); }
.ui-set-dot { width: 12px; height: 12px; border-radius: var(--r-full); }

.ui-set-level, .ui-set-plan { display: flex; flex-direction: column; gap: var(--s3); }
.ui-set-level-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--s3); }
.ui-set-plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--s4); }
.ui-set-plan[data-current="true"] { border-color: var(--primary); }
.ui-set-plan .ui-btn { align-self: flex-start; }
.ui-set-feats { margin: 0; padding-left: var(--s5); }

.ui-set-log .ui-row { align-items: flex-start; padding-top: var(--s3); padding-bottom: var(--s3); }
.ui-set-log .ui-row-main > * { overflow: visible; white-space: normal; overflow-wrap: anywhere; }
.ui-set-lead-warn { color: var(--warning); }
.ui-set-lead-error { color: var(--error); }

@media (max-width: 839.98px) {
  .ui-set { display: flex; flex-direction: column; align-items: stretch; gap: var(--s3); }
  .ui-set-nav { position: static; }
  .ui-set[data-stage="list"] .ui-set-form { display: none; }
  .ui-set[data-stage="pane"] .ui-set-nav { display: none; }


}

.ui-home-cols { display: flex; flex-direction: column; gap: var(--s5); }
.ui-home-col { display: flex; flex-direction: column; gap: var(--s5); min-width: 0; }
@media (min-width: 1200px) {
  .ui-home-cols { display: grid; grid-template-columns: minmax(0, 1fr) 360px; align-items: start; }

}
.ui-home-error { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s3); max-width: 560px; }
.ui-home-cardhead { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); }
.ui-home-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--s4); margin-top: var(--s3); }
.ui-home-stat { display: flex; flex-direction: column; gap: var(--s1); padding-left: var(--s4); border-left: 1px solid var(--outline-variant); }
.ui-home-stat:first-child { padding-left: 0; border-left: 0; }
.ui-home-progress { width: 160px; max-width: 100%; margin-top: var(--s2); }
.ui-row-lead.ui-home-date { flex-direction: column; width: 48px; flex-basis: 48px; height: 44px; }
.ui-home-date b { font: 600 14px/20px var(--font); color: var(--on-surface); }
.ui-home-date .t-label { line-height: 12px; }
.ui-home-occ .ui-row-main > .t-body { white-space: normal; }
.ui-home-occ .t-label a { color: var(--primary); text-decoration: underline; }
.ui-home-grow { flex: 1; min-width: 0; }
.ui-home-tasktitle { display: block; max-width: 100%; height: 44px; padding: 0; text-align: left; overflow: hidden; text-overflow: ellipsis; }
.ui-home-val { display: flex; align-items: baseline; gap: var(--s2); }
.ui-home-delta { display: inline-flex; align-items: center; gap: 2px; }
.ui-home-delta-up { color: var(--primary); }
.ui-home-footnote { margin-right: auto; padding: 0 var(--s2); align-self: center; }
.ui-home-mention { align-items: flex-start; min-height: 72px; padding-top: var(--s3); padding-bottom: var(--s3); }
.ui-home-mention .ui-row-main > .t-body {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal;
}
.ui-home-mention a { color: inherit; text-decoration: none; }
.ui-home-mention a:hover { text-decoration: underline; }
.ui-home-insight-head { margin-bottom: var(--s3); }
.ui-home-insights { display: flex; flex-direction: column; gap: var(--s4); }
.ui-home-insight { display: flex; gap: var(--s3); align-items: flex-start; }
.ui-home-insight-lead { background: var(--primary-container); color: var(--on-primary-container); }
.ui-home-insight-empty { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s3); }
.ui-home-insight-empty .ui-btn-text { margin-left: calc(-1 * var(--s3)); }
@media (max-width: 599.98px) {
  .ui-home-stats { grid-template-columns: repeat(2, 1fr); row-gap: var(--s4); }
  .ui-home-stat:nth-child(odd) { padding-left: 0; border-left: 0; }
  .ui-home-cols .ui-row { flex-wrap: wrap; }
  .ui-home-cols .ui-row-main { flex-basis: calc(100% - 56px); }
  .ui-home-cols .ui-row-trail { margin-left: 56px; }
  .ui-home-cols .ui-home-occ .ui-row-main { flex-basis: calc(100% - 64px); }
  .ui-home-cols .ui-home-occ .ui-row-trail { margin-left: 64px; }
  .ui-home-cols .ui-home-metric .ui-row-trail { margin-left: 0; }

}

.ui-brand-listhead { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: var(--s4); margin-bottom: var(--s5); }
.ui-brand-listtitle { display: flex; flex-direction: column; gap: var(--s1); min-width: 0; }
.ui-brand-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--s4); }
.ui-brand-card { display: flex; flex-direction: column; gap: var(--s3); cursor: pointer; }
.ui-brand-card:hover { background: var(--surface-container); }
.ui-brand-cardhead { display: flex; flex-direction: column; gap: var(--s1); min-width: 0; overflow-wrap: anywhere; }
.ui-brand-essence { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ui-brand-tags { display: flex; flex-wrap: wrap; gap: var(--s2); }
.ui-brand-tags .ui-badge svg { width: 16px; height: 16px; }
.ui-brand-cardfoot { display: flex; justify-content: flex-end; margin-top: auto; }

.ui-brand { display: flex; flex-direction: column; gap: var(--s4); max-width: 960px; }
.ui-brand-back { margin-left: calc(-1 * var(--s3)); }
.ui-brand-head { display: flex; flex-direction: column; gap: var(--s3); }
.ui-brand-headrow { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: var(--s3); }
.ui-brand-titlebox { display: flex; flex-direction: column; gap: var(--s1); min-width: 0; overflow-wrap: anywhere; }
.ui-brand-create { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s3); }
.ui-brand-create a { color: var(--primary); text-underline-offset: 2px; }
.ui-brand-last { padding: var(--s4); }
.ui-brand-last .ui-empty { padding: 0; }
.ui-brand-thumbs { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: var(--s3); }
.ui-brand-thumb { margin: 0; aspect-ratio: 1; border-radius: var(--r-field); overflow: hidden; background: var(--surface-container); }
.ui-brand-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ui-brand-progress { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s3); }
.ui-brand-progress .ui-spinner { width: 24px; height: 24px; color: var(--primary); }
.ui-brand-progress .ui-progress { width: 100%; }

.ui-gate-head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--s3); }
.ui-gate-head .ui-btn-icon { flex: 0 0 auto; margin: calc(-1 * var(--s2)) calc(-1 * var(--s2)) 0 0; }
.ui-gate-start { display: flex; flex-direction: column; gap: var(--s4); }
.ui-gate-start .ui-dialog-actions { margin-top: 0; }
.ui-gate-working { display: flex; align-items: center; gap: var(--s3); }
.ui-gate-working p { margin: 0; }
.ui-gate-questions { display: flex; flex-direction: column; gap: var(--s4); }
.ui-gate-tip { display: flex; align-items: center; gap: var(--s2); }
.ui-gate-q-field { position: relative; }
.ui-gate-q-field textarea { display: block; padding-right: 56px; }
.ui-gate-questions .ui-help { margin: 0; }
.ui-gate-mic { position: absolute; top: var(--s1); right: var(--s1); }
.ui-gate-mic[aria-pressed="true"] { background: var(--primary-container); color: var(--on-primary-container); }
.ui-gate-result { display: flex; flex-direction: column; gap: var(--s2); }
.ui-setup-list { border: 1px solid var(--outline-variant); border-radius: var(--r-card); overflow: hidden; }
.ui-setup-list .ui-row-main > * { white-space: normal; }

@media (max-width: 599.98px) {
  .ui-brand-grid { grid-template-columns: minmax(0, 1fr); }
  .ui-brand-listhead .ui-btn { width: 100%; }


}

.ui-queue { display: flex; flex-direction: column; gap: var(--s4); }
.ui-queue-main { display: flex; flex-direction: column; gap: var(--s4); }
.ui-queue-statline { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); }
.ui-queue-statline .ui-btn-text { margin-right: calc(-1 * var(--s3)); }
.ui-queue-error { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s3); max-width: 560px; }
.ui-queue-filters { display: flex; align-items: center; gap: var(--s3); flex-wrap: wrap; }
.ui-queue-filters .ui-chips { flex: 1; min-width: 0; }
.ui-queue-filters .ui-btn-text[aria-pressed="true"] { background: var(--primary-container); color: var(--on-primary-container); }
.ui-queue-bulk {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--s2) var(--s4);
  min-height: 56px; padding: var(--s2) var(--s4); box-sizing: border-box;
  background: var(--surface-container); border-radius: var(--r-card);
}
.ui-queue-bulk-all { display: flex; align-items: center; gap: var(--s3); cursor: pointer; }
.ui-queue-bulk-actions { display: flex; align-items: center; gap: var(--s2); flex-wrap: wrap; }
.ui-queue-toolbar { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); }
.ui-queue-list { list-style: none; margin: 0; padding: 0; }
.ui-queue-row { min-height: 72px; gap: var(--s3); }
.ui-queue-check { display: flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; margin-left: calc(-1 * var(--s2)); cursor: pointer; }
.ui-queue-check input, .ui-queue-bulk-all input { width: 18px; height: 18px; margin: 0; accent-color: var(--primary); cursor: pointer; }
.ui-queue-bulk-all input { margin-left: var(--s3); }
.ui-queue-thumb {
  width: 48px; height: 48px; flex: 0 0 48px; border-radius: var(--r-field); object-fit: cover; overflow: hidden; font-size: 12px;
  display: flex; align-items: center; justify-content: center;
  background: var(--surface-container-high); color: var(--on-surface-variant);
}
.ui-queue-thumb svg { width: 20px; height: 20px; }
.ui-queue-row .ui-row-main { display: flex; flex-direction: column; gap: var(--s1); }
.ui-queue-fail { color: var(--error); }
.ui-queue-credit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-queue-credit a { color: inherit; }
.ui-queue-row .ui-row-trail { gap: var(--s2); }
.ui-queue-row-open { cursor: pointer; transition: background-color var(--dur-1) var(--ease); }
.ui-queue-row-open:hover { background: color-mix(in srgb, var(--on-surface) 8%, transparent); }
.ui-queue-row-open:focus-visible {
  outline: 2px solid var(--focus); outline-offset: -2px;
  background: color-mix(in srgb, var(--on-surface) 10%, transparent);
}
.ui-queue-menuwrap { position: relative; }
.ui-queue-menu { position: absolute; right: 0; top: 100%; z-index: 30; width: 240px; }
.ui-queue-menu-up { top: auto; bottom: 100%; }
.ui-queue-menu .ui-menu-item.ui-btn-danger { color: var(--error); }
.ui-queue-menu .ui-menu-item.ui-btn-danger svg { color: var(--error); }
.ui-queue-menu a.ui-menu-item { text-decoration: none; }
.ui-queue-menu a.ui-menu-item .ui-queue-ext { margin-left: auto; }

.ui-queue-dialog { overflow: auto; max-height: calc(100vh - 32px); }
.ui-queue-dialog .ui-dialog-body { display: flex; flex-direction: column; gap: var(--s4); }
.ui-queue-dialog-head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--s3); margin-bottom: var(--s4); }
.ui-queue-dialog-head .ui-dialog-title { margin-bottom: var(--s2); }
.ui-queue-dialog-head .ui-btn-icon { margin: calc(-1 * var(--s2)) calc(-1 * var(--s2)) 0 0; flex: 0 0 auto; }
.ui-queue-editor { width: min(1040px, calc(100vw - 48px)); padding: 0; overflow: hidden; }
.ui-queue-editor.ui-queue-editor-single { width: min(720px, calc(100vw - 48px)); }
.ui-queue-editor[open] { display: flex; flex-direction: column; height: min(760px, calc(100dvh - 48px)); }
.ui-queue-editor .ui-queue-dialog-head { margin: 0; padding: var(--s5) var(--s4) var(--s3) var(--s5); }
.ui-queue-editor-tabs { display: none; flex: 0 0 auto; }
.ui-queue-editor-tabs .ui-tab { flex: 1; }
.ui-queue-editor-body { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; display: grid; grid-template-columns: minmax(0, 1fr); padding: 0 var(--s5); }
.ui-queue-editor-edit { display: flex; flex-direction: column; gap: var(--s4); min-width: 0; padding-bottom: var(--s4); }
.ui-queue-editor-channel select { max-width: 280px; }
.ui-queue-editor-labrow { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s3); }
.ui-queue-editor-counter { color: var(--on-surface-variant); font-variant-numeric: tabular-nums; }
.ui-queue-editor-counter-warn { color: var(--warning); }
.ui-queue-editor-text { flex: 1 1 auto; display: flex; flex-direction: column; }
.ui-queue-editor-text textarea { flex: 1 1 0; resize: none; overscroll-behavior: contain; }
.ui-queue-editor-tools { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2); }
.ui-queue-editor-status { margin: 0 0 0 auto; min-height: 16px; display: flex; align-items: center; gap: var(--s1); }
.ui-queue-editor-status svg { width: 16px; height: 16px; }
.ui-queue-editor-top { display: flex; align-items: flex-start; gap: var(--s4); flex: 0 0 auto; }
.ui-queue-editor-thumb { width: 112px; height: 140px; flex: 0 0 auto; border-radius: var(--r-field); object-fit: cover; background: var(--surface-container-high); }
.ui-queue-editor-topside { display: flex; flex-direction: column; gap: var(--s3); flex: 1 1 auto; min-width: 0; }
.ui-queue-editor-imgtools { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2) var(--s3); position: relative; }
.ui-queue-editor-imgtools > .ui-queue-menuwrap { flex: 0 0 auto; }
.ui-queue-editor-imgtools > .t-label { flex: 1 1 140px; min-width: 0; overflow-wrap: anywhere; }
.ui-queue-editor-imgtools .ui-queue-menu { left: 0; right: auto; width: 240px; }
.ui-queue-editor-state { margin: var(--s2) 0 0; }
.ui-queue-editor-prevcol { min-width: 0; }
.ui-queue-editor-prev { display: flex; flex-direction: column; gap: var(--s3); }
.ui-queue-editor-prev-lab { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); }
.ui-queue-editor-prev-narrow { display: none; }
.ui-queue-editor-prev-post .ui-create-post { cursor: default; touch-action: auto; box-shadow: none; }
.ui-queue-editor-foot { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: var(--s2); padding: var(--s4) var(--s5) var(--s5); }
.ui-queue-editor-foot-right { display: flex; align-items: center; gap: var(--s2); }
.ui-queue-editor-foot > .ui-btn { flex-shrink: 0; }
@media (max-width: 599.98px) {
  .ui-queue-editor-foot .ui-btn { padding: 0 var(--s3); }
}
@media (min-width: 840px) {
  .ui-queue-editor:not(.ui-queue-editor-single) .ui-queue-editor-body { grid-template-columns: minmax(0, 1fr) 320px; }
  .ui-queue-editor:not(.ui-queue-editor-single) .ui-queue-editor-edit { padding-right: var(--s5); }
  .ui-queue-editor-prevcol { padding-left: var(--s5); border-left: 1px solid var(--outline-variant); }
  .ui-queue-editor-body { overflow-y: auto; grid-template-rows: minmax(0, 1fr); }
  .ui-queue-editor-edit { padding-bottom: var(--s5); }
  .ui-queue-editor-text textarea { min-height: 120px; }
  .ui-queue-editor-prevcol { min-height: 0; overflow: hidden; display: flex; flex-direction: column; padding-bottom: var(--s5); }
  .ui-queue-editor-prev { flex: 1 1 auto; min-height: 0; }
  .ui-queue-editor-prev-post { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
  .ui-queue-editor-prev-post .ui-create-post { flex: 0 1 auto; min-height: 0; display: flex; flex-direction: column; }
  .ui-queue-editor-prev-post .ui-create-media { flex: 0 1 auto; min-height: 0; display: flex; flex-direction: column; }
  .ui-queue-editor-prev-post .ui-create-photo { flex: 0 1 auto; min-height: 0; width: 100%; }
  .ui-queue-editor-prev-post .ui-create-photo img { position: absolute; inset: 0; }
}
@media (max-width: 839.98px) {
  .ui-queue-editor, .ui-queue-editor.ui-queue-editor-single { width: 100vw; max-width: 100vw; border-radius: 0; }
  .ui-queue-editor[open] { height: 100dvh; max-height: 100dvh; }
  .ui-queue-editor .ui-queue-dialog-head { padding: var(--s4) var(--s3) var(--s2) var(--s4); }
  .ui-queue-editor:not(.ui-queue-editor-single) .ui-queue-editor-tabs { display: flex; }
  .ui-queue-editor-body { display: flex; flex-direction: column; overflow: auto; padding: var(--s4) var(--s4) 0; }
  .ui-queue-editor-edit { flex: 1 0 auto; }
  .ui-queue-editor-text textarea { min-height: 160px; }
  .ui-queue-editor-thumb { width: 88px; height: 110px; }
  .ui-queue-editor-prev-wide { display: none; }
  .ui-queue-editor-prev-narrow { display: block; }
  .ui-queue-editor[data-pane="edit"] .ui-queue-editor-prevcol { display: none; }
  .ui-queue-editor[data-pane="preview"] .ui-queue-editor-edit { display: none; }
  .ui-queue-editor-foot { padding: var(--s3) var(--s4); border-top: 1px solid var(--outline-variant); }
}
.ui-queue-quickpicks { margin-top: var(--s2); }

.ui-tiktok-panel [hidden] { display: none; }
.ui-tiktok-form { display: flex; flex-direction: column; gap: var(--s4); min-width: 0; }
.ui-tiktok-form p { margin: 0; overflow-wrap: anywhere; }
.ui-tiktok-preview { display: flex; align-items: flex-start; gap: var(--s3); min-width: 0; }
.ui-tiktok-preview-img {
  width: 72px; aspect-ratio: 4 / 5; flex: 0 0 72px; border-radius: var(--r-field); object-fit: cover;
  background: var(--surface-container-high);
}
.ui-tiktok-preview-video {
  width: 128px; aspect-ratio: 9 / 16; flex: 0 0 128px; border-radius: var(--r-field); object-fit: cover;
  background: var(--surface-container-high);
}
.ui-tiktok-preview-text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s1); min-width: 0; }
.ui-tiktok-preview-desc {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; line-clamp: 5;
  overflow: hidden; white-space: pre-line;
}
.ui-tiktok-group { display: flex; flex-direction: column; gap: var(--s1); min-width: 0; margin: 0; padding: 0; border: 0; }
.ui-tiktok-group > legend { padding: 0; margin-bottom: var(--s1); font: 500 12px/16px var(--font); color: var(--on-surface-variant); }
.ui-tiktok-sub { display: flex; flex-direction: column; gap: var(--s1); padding-left: var(--s5); min-width: 0; }
.ui-tiktok-consent a { color: var(--primary); }
.ui-tiktok-panel .ui-field select option:disabled { color: var(--on-surface-variant); }
.ui-queue-promote-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s4); }
.ui-queue-promote-prev { display: flex; flex-direction: column; gap: var(--s1); }

@media (max-width: 599.98px) {
  .ui-queue-row { flex-wrap: wrap; row-gap: var(--s2); }
  .ui-queue-row .ui-row-main { flex-basis: calc(100% - 44px - 48px - 2 * var(--s3)); }
  .ui-queue-row .ui-row-trail { flex-basis: 100%; justify-content: flex-end; }
  .ui-queue-promote-fields { grid-template-columns: 1fr; }
  .ui-queue-filters .ui-chips { flex: 1 0 100%; flex-wrap: nowrap; overflow-x: auto; }
  .ui-queue-filters .ui-chip { flex: 0 0 auto; }
  .ui-queue-filters .ui-btn-text { margin-left: auto; }


}

.ui-analyse, .ui-monitor { display: flex; flex-direction: column; gap: var(--s4); }
.ui-analyse-statline { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); }
.ui-analyse-body { display: flex; flex-direction: column; gap: var(--s5); min-width: 0; }
.ui-analyse-section { display: flex; flex-direction: column; gap: var(--s3); min-width: 0; }
.ui-analyse-notes { display: flex; flex-direction: column; gap: var(--s2); }
.ui-analyse-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--s4); align-items: start; }
.ui-analyse-desc { padding: var(--s3) var(--s4) 0; }
.ui-analyse-grow { flex: 1; min-width: 0; }
.ui-analyse-metric { min-height: 48px; }
.ui-analyse-val { display: flex; align-items: baseline; gap: var(--s2); }
.ui-analyse-delta { display: inline-flex; align-items: center; gap: 2px; white-space: nowrap; }
.ui-analyse-delta-up { color: var(--primary); }
.ui-analyse-spark { display: flex; flex-direction: column; gap: var(--s1); padding: var(--s3) var(--s4) var(--s2); }
.ui-analyse-spark svg { display: block; width: 100%; height: 34px; }
.ui-analyse-spark-line { fill: none; stroke-width: 1.5; vector-effect: non-scaling-stroke; }
.ui-analyse-spark-fill { stroke: none; opacity: 0.15; }
.ui-analyse-spark-line.ui-analyse-spark-up { stroke: var(--primary); }
.ui-analyse-spark-line.ui-analyse-spark-down { stroke: var(--on-surface-variant); }
.ui-analyse-spark-fill.ui-analyse-spark-up { fill: var(--primary); }
.ui-analyse-spark-fill.ui-analyse-spark-down { fill: var(--on-surface-variant); }
.ui-analyse-rec .ui-row-main > * { white-space: normal; }
.ui-analyse-rec .ui-badge { margin-top: var(--s1); }
.ui-analyse-share { gap: var(--s3); }
.ui-analyse-share .ui-progress { margin-top: var(--s1); }
.ui-analyse-cellname { width: 100%; min-width: 120px; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-analyse-wide { grid-column: 1 / -1; }
.ui-analyse-controls { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3) var(--s5); }
.ui-analyse-control { display: flex; align-items: center; gap: var(--s3); }
.ui-analyse-compare { min-height: 48px; justify-content: flex-start; gap: var(--s3); }
.ui-analyse-actions { display: flex; align-items: center; gap: var(--s2); margin-left: auto; }
.ui-analyse-results { display: flex; flex-direction: column; gap: var(--s3); min-width: 0; }
.ui-analyse-results td .ui-analyse-delta { display: flex; justify-content: flex-end; }
.ui-analyse-results .ui-table td { height: auto; min-height: 56px; white-space: nowrap; }
.ui-analyse-results .ui-table tbody th { height: auto; min-height: 56px; padding: var(--s2) var(--s4); text-align: left; font: 400 14px/20px var(--font); color: var(--on-surface); background: none; border-bottom: 1px solid var(--outline-variant); }
@media print {
  .ui-shell-side, .ui-shell-head, .ui-shell-backdrop, .ui-shell-lock, .ui-shell-menubtn, .ui-assist, .ui-assist-scrim, .ui-assist-dock, .ui-toast,
  #analyse-tabs, #analyse-statline, .ui-analyse-controls, .ui-btn { display: none; }
  .ui-shell { display: block; }
  .ui-analyse-results .ui-table-wrap { overflow: visible; }
  .ui-analyse-cellname { max-width: none; white-space: normal; }
}
.ui-analyse-post { min-height: 72px; }
.ui-row-lead.ui-analyse-thumb { width: 48px; height: 60px; flex-basis: 48px; border-radius: var(--r-field); overflow: hidden; }
.ui-analyse-thumb img { width: 100%; height: 100%; object-fit: cover; }
.ui-rec-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s3) var(--s5); }
.ui-rec-top > p { flex: 1 1 280px; margin: 0; max-width: 60ch; }
.ui-rec-notice:empty { display: none; }
.ui-rec-list { display: flex; flex-direction: column; gap: var(--s3); }
.ui-rec-card { display: flex; flex-direction: column; gap: var(--s2); min-width: 0; }
.ui-rec-card > p { margin: 0; max-width: 72ch; }
.ui-rec-card-head { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); }
.ui-rec-card-head h3 { margin: 0; }
.ui-rec-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--s2); margin-top: var(--s2); }
.ui-rec-history-row .ui-row-main > p:first-child { white-space: normal; }

.ui-monitor-overview { display: flex; flex-direction: column; gap: var(--s4); position: relative; }
.ui-monitor-toolbar { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: var(--s2); }
.ui-monitor-notes { display: flex; flex-direction: column; gap: var(--s2); }
.ui-monitor-srclist { margin: var(--s2) 0 0; padding: 0 0 0 var(--s5); }
.ui-monitor-filters { display: flex; flex-direction: column; gap: var(--s2); }
.ui-monitor-filter { display: flex; align-items: center; gap: var(--s3); }
.ui-monitor-filter > .t-label { flex: 0 0 72px; }
.ui-monitor-mention { align-items: flex-start; min-height: 72px; padding-top: var(--s3); padding-bottom: var(--s3); }
.ui-monitor-mention .ui-row-main > * { white-space: normal; }
.ui-monitor-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ui-monitor-snippet { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ui-monitor-extra { display: flex; flex-direction: column; gap: var(--s2); margin-top: var(--s1); }
.ui-monitor-badges { display: flex; flex-wrap: wrap; gap: var(--s1) var(--s2); }
.ui-monitor-badges .ui-badge { max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.ui-monitor-form .ui-help { margin: 0; }
.ui-monitor-trendlist { list-style: none; margin: var(--s2) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--s2); }
.ui-monitor-trenditem { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s1); min-width: 0; }
.ui-monitor-trendurl { max-width: 100%; overflow-wrap: anywhere; }
.ui-monitor-trendstatus .ui-badge { white-space: normal; }
.ui-monitor-recommended { display: flex; flex-direction: column; gap: var(--s2); }
.ui-monitor-recommended .ui-help { margin: 0; }
.ui-monitor-reclist { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--s3); }
.ui-monitor-recitem { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); min-width: 0; }
.ui-monitor-rectext { display: flex; flex-direction: column; gap: var(--s1); min-width: 0; }
.ui-monitor-actions { display: flex; flex-wrap: wrap; gap: var(--s1); margin-left: calc(-1 * var(--s3)); }
.ui-inbox { display: flex; flex-direction: column; gap: var(--s4); }
.ui-inbox-toolbar { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: var(--s2); }
.ui-inbox-row { align-items: flex-start; min-height: 72px; padding-top: var(--s3); padding-bottom: var(--s3); }
.ui-inbox-row .ui-row-main > * { white-space: normal; overflow-wrap: anywhere; }
.ui-inbox-extra { display: flex; flex-direction: column; gap: var(--s2); margin-top: var(--s1); }
.ui-inbox-text { margin: 0; white-space: pre-wrap; }
.ui-inbox-yourreply { display: flex; flex-direction: column; gap: var(--s1); padding-left: var(--s3); border-left: 2px solid var(--outline-variant); }
.ui-inbox-actions { display: flex; flex-wrap: wrap; gap: var(--s1); margin-left: calc(-1 * var(--s3)); }
.ui-inbox-reply { display: flex; flex-direction: column; gap: var(--s2); }
.ui-inbox-reply-foot { display: flex; justify-content: flex-end; gap: var(--s2); }
.ui-monitor-config { max-width: 640px; display: flex; flex-direction: column; gap: var(--s4); }
.ui-monitor-form { display: flex; flex-direction: column; gap: var(--s4); }
.ui-monitor-adapters { display: flex; flex-direction: column; min-width: 0; margin: 0; padding: 0; border: 0; }
.ui-monitor-adapters > legend { padding: 0; margin-bottom: var(--s1); font: 500 12px/16px var(--font); color: var(--on-surface-variant); }
.ui-monitor-cfg-foot { display: flex; justify-content: flex-end; gap: var(--s2); }
.ui-skel { display: block; background: var(--surface-container-high); animation: ui-skel-pulse 1600ms ease-in-out infinite; }
@keyframes ui-skel-pulse { 50% { opacity: 0.5; } }
.ui-skel-text { height: 12px; border-radius: var(--r-full); }
.ui-skel-chip { width: 72px; height: 32px; border-radius: var(--r-field); }
.ui-skel-lead { width: 40px; height: 40px; flex: 0 0 40px; border-radius: var(--r-card); }
.ui-skel-w80 { width: 80%; }
.ui-skel-w50 { width: 50%; }
.ui-skel-label { flex: 0 0 72px; }
.ui-skel-label .ui-skel-text { width: 48px; }
.ui-skel-filters { display: flex; flex-direction: column; gap: var(--s2); }
.ui-skel-row { min-height: 72px; }
.ui-skel-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--s3); }
@media (prefers-reduced-motion: reduce) { .ui-skel { animation: none; } }
@media (max-width: 599.98px) {
  .ui-monitor-filter { flex-direction: column; align-items: flex-start; gap: var(--s1); }
  .ui-monitor-filter > .t-label { flex: none; }
  .ui-monitor-mention .ui-row-lead { display: none; }
  .ui-monitor-filter .ui-chips { flex-wrap: nowrap; overflow-x: auto; max-width: 100%; }
  .ui-monitor-filter .ui-chip { flex: 0 0 auto; }
  .ui-monitor-toolbar > .ui-btn { flex: 1 1 100%; }
  .ui-skel-label { flex: none; }

}

.ui-create { display: flex; flex-direction: column; gap: var(--s5); }
.ui-create-setup { display: flex; flex-direction: column; gap: var(--s5); }
.ui-create-lead { max-width: 640px; }
.ui-create-cols { display: flex; flex-direction: column; gap: var(--s5); }
@media (min-width: 1200px) {
  .ui-create-cols { display: grid; grid-template-columns: minmax(0, 720px) minmax(0, 1fr); gap: var(--s6); align-items: start; }

}
.ui-create-form { min-width: 0; }
.ui-create-card { display: flex; flex-direction: column; gap: var(--s5); padding: var(--s5); }
.ui-create-fieldset { display: flex; flex-direction: column; gap: var(--s2); min-width: 0; margin: 0; padding: 0; border: 0; }
.ui-create-fieldset > legend { padding: 0; margin-bottom: var(--s2); }
.ui-create-articles, .ui-create-articleedit { display: flex; flex-direction: column; gap: var(--s3); min-width: 0; max-width: 720px; }
.ui-content-filters { display: flex; flex-direction: column; gap: var(--s3); }
.ui-create-articleedit > .ui-btn, .ui-create-articleedit .ui-create-card > .ui-btn, .ui-create-articleedit .ui-field > .ui-btn { align-self: flex-start; }
.ui-create-topicwrap { position: relative; }
.ui-create-topicwrap textarea { padding-right: 56px; }
.ui-create-mic { position: absolute; top: var(--s1); right: var(--s1); }
.ui-create-mic[aria-pressed="true"] { background: var(--primary-container); color: var(--on-primary-container); }
.ui-create-advancedwrap { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s3); }
.ui-create-more { padding-left: 0; padding-right: var(--s2); }
.ui-create-more svg { transition: transform var(--dur-2) var(--ease); }
.ui-create-more[aria-expanded="true"] svg { transform: rotate(180deg); }
.ui-create-advanced { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--s5); }
.ui-create-model { min-width: 220px; }
.ui-create-check { display: flex; align-items: center; gap: var(--s2); min-height: 44px; cursor: pointer; }
.ui-create-check input { width: 18px; height: 18px; margin: 0; accent-color: var(--primary); cursor: pointer; }
.ui-create-foot { display: flex; align-items: center; justify-content: flex-end; gap: var(--s2); padding-top: var(--s4); border-top: 1px solid var(--outline-variant); }
.ui-create-side { display: flex; flex-direction: column; gap: var(--s3); min-width: 0; }
.ui-create-occs { flex-direction: column; flex-wrap: nowrap; align-items: flex-start; }
.ui-create-occs .ui-chip { max-width: 100%; height: auto; min-height: 32px; padding-top: 6px; padding-bottom: 6px; text-align: left; }
.ui-create-chiptext { overflow-wrap: anywhere; }
.ui-create-occerror { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s2); }
.ui-create-occerror .ui-btn-text { margin-left: calc(-1 * var(--s3)); }

.ui-create-progresscard { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s3); max-width: 560px; padding: var(--s5); }
.ui-create-progresscard .ui-spinner { width: 24px; height: 24px; color: var(--primary); }
.ui-create-progresscard .ui-progress { width: 100%; }
.ui-create-progresscard .ui-btn-text { margin-left: calc(-1 * var(--s3)); }

.ui-create-review { display: flex; flex-direction: column; gap: var(--s4); }
.ui-create-progressrow { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s4); min-height: 40px; }
.ui-create-segs { display: flex; gap: var(--s1); width: 240px; max-width: 100%; }
.ui-create-seg { flex: 1; height: 6px; box-sizing: border-box; border: 1px solid transparent; border-radius: var(--r-full); background: var(--surface-container-high); }
.ui-create-seg[data-state="done"] { background: var(--primary); }
.ui-create-seg[data-state="now"] { background: var(--primary-container); border-color: var(--primary); }
.ui-create-backform { margin-left: auto; }
.ui-create-work { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s5); align-items: start; }
@media (min-width: 1200px) {
  .ui-create-work { grid-template-columns: minmax(0, 1fr) 360px; }

}
.ui-create-stage { display: flex; flex-direction: column; align-items: center; gap: var(--s3); min-width: 0; }
.ui-create-deck { position: relative; width: 360px; max-width: 100%; padding-bottom: var(--s4); }
.ui-create-ghost { position: absolute; inset: 0 0 var(--s4); box-sizing: border-box; border: 1px solid var(--outline-variant); border-radius: var(--r-card); background: var(--surface); }
.ui-create-ghost[data-depth="1"] { transform: translateY(8px) scale(0.97); opacity: 0.7; }
.ui-create-ghost[data-depth="2"] { transform: translateY(16px) scale(0.94); opacity: 0.4; }
.ui-create-post {
  position: relative; box-sizing: border-box; overflow: hidden; touch-action: pan-y; cursor: grab;
  border: 1px solid var(--outline-variant); border-radius: var(--r-card);
  background: var(--surface); color: var(--on-surface); box-shadow: var(--elev-menu);
}
.ui-create-post:active { cursor: grabbing; }
.ui-create-post[data-mode="edit"], .ui-create-post[data-mode="reject"] { cursor: default; touch-action: auto; }
.ui-create-post-snap { transition: transform var(--dur-3) var(--ease), opacity var(--dur-3) var(--ease); }
.ui-create-deck[data-leaving] .ui-create-post { transform: translateX(-28px) rotate(-3deg); transition: transform var(--dur-3) var(--ease); }
.ui-create-post-head { display: flex; align-items: center; gap: var(--s3); min-height: 48px; padding: var(--s2) var(--s4); }
.ui-create-avatar {
  display: flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px;
  border-radius: var(--r-full); background: var(--primary-container); color: var(--on-primary-container); font: 600 14px/20px var(--font);
}
.ui-create-post-name { font-weight: 600; }
.ui-create-post-meta { display: flex; align-items: center; gap: var(--s1); }
.ui-create-post-meta svg { width: 12px; height: 12px; }
.ui-create-post-head .ui-create-post-grow { flex: 1; min-width: 0; }
.ui-create-post-head > svg { width: 20px; height: 20px; color: var(--on-surface-variant); }
.ui-create-post-text { margin: 0; padding: 0 var(--s4) var(--s3); white-space: pre-wrap; overflow-wrap: anywhere; }
.ui-create-post-ig .ui-create-post-text { padding-top: var(--s1); }
.ui-create-photo { position: relative; aspect-ratio: 3 / 2; border-top: 1px solid var(--outline-variant); background: var(--surface-container-high); }
.ui-create-photo[data-shape="square"] { aspect-ratio: 1 / 1; }
.ui-create-photo img { display: block; width: 100%; height: 100%; object-fit: cover; -webkit-user-drag: none; }
.ui-create-credit { display: flex; align-items: center; gap: var(--s1); margin: 0; padding: var(--s1) var(--s4) 0; }
.ui-create-credit svg { width: 14px; height: 14px; flex: 0 0 auto; }
.ui-create-credit a { color: inherit; }
.ui-create-busy {
  position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--s3);
  background: color-mix(in srgb, var(--surface) 88%, transparent); color: var(--on-surface);
}
.ui-create-busy .ui-spinner { width: 24px; height: 24px; color: var(--primary); }
.ui-create-post-actions { display: flex; color: var(--on-surface-variant); }
.ui-create-post-actions > span { display: inline-flex; align-items: center; justify-content: center; flex: 1; gap: var(--s2); height: 40px; font: 500 14px/20px var(--font); }
.ui-create-post-actions svg { width: 18px; height: 18px; }
.ui-create-post-ig .ui-create-post-actions { padding: 0 var(--s2); }
.ui-create-post-ig .ui-create-post-actions > span { flex: 0 0 40px; width: 40px; }
.ui-create-post-ig .ui-create-post-actions > .ui-create-end { margin-left: auto; }
.ui-create-post-ig .ui-create-post-actions svg { width: 22px; height: 22px; }
.ui-create-more-link { color: var(--on-surface-variant); }
.ui-create-edit { display: flex; flex-direction: column; gap: var(--s1); padding: 0 var(--s3) var(--s3); }
.ui-create-edit textarea {
  width: 100%; min-height: 136px; box-sizing: border-box; padding: var(--s2) var(--s3); resize: none;
  border: 2px solid var(--primary); border-radius: var(--r-field); background: var(--surface); color: var(--on-surface); font: 400 14px/20px var(--font);
}
.ui-create-edit textarea:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.ui-create-edit-foot { display: flex; align-items: center; justify-content: space-between; gap: var(--s2); }
.ui-create-edit-btns { display: flex; gap: var(--s2); }
.ui-create-over { color: var(--error); }

.ui-create-actions { display: flex; align-items: center; justify-content: center; gap: var(--s2); margin-top: var(--s3); }
.ui-create-actions .ui-btn-outlined { color: var(--on-surface); }

.ui-create-panel { display: flex; flex-direction: column; gap: var(--s3); min-width: 0; }
.ui-create-panel .ui-card { display: flex; flex-direction: column; gap: var(--s3); }
.ui-create-cardrow { display: flex; align-items: center; justify-content: space-between; gap: var(--s2); }
.ui-create-btns { position: relative; display: flex; align-items: center; flex-wrap: wrap; gap: var(--s2); }
.ui-create-variants { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s2); }
.ui-create-variant {
  position: relative; display: flex; flex-direction: column; gap: var(--s1); padding: var(--s1); box-sizing: border-box;
  border: 2px solid var(--outline-variant); border-radius: var(--r-card); background: transparent;
  color: var(--on-surface-variant); font-family: var(--font); text-align: left; cursor: pointer;
}
.ui-create-variant:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.ui-create-variant[aria-checked="true"] { border-color: var(--primary); color: var(--on-surface); }
.ui-create-variant-thumb { display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: var(--r-field); background: var(--surface-container-high); }
.ui-create-variant-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ui-create-variant-label { padding: 0 var(--s1) var(--s1); }
.ui-create-variant-mark {
  display: none; position: absolute; top: var(--s2); right: var(--s2); align-items: center; justify-content: center;
  width: 24px; height: 24px; border-radius: var(--r-full); background: var(--primary); color: var(--on-primary);
}
.ui-create-variant-mark svg { width: 14px; height: 14px; }
.ui-create-variant[aria-checked="true"] .ui-create-variant-mark { display: flex; }
.ui-create-creditline { display: flex; align-items: center; gap: var(--s2); }
.ui-create-creditline svg { width: 20px; height: 20px; flex: 0 0 auto; color: var(--on-surface-variant); }
.ui-create-creditline a { color: inherit; }
.ui-create-menu { position: absolute; top: 100%; right: 0; z-index: 30; width: 240px; margin-top: var(--s1); }
.ui-create-menu .ui-menu-item[aria-disabled="true"] { opacity: 0.38; cursor: not-allowed; }
.ui-create-keys { display: flex; align-items: flex-start; gap: var(--s2); padding: 0 var(--s1); }
.ui-create-keys svg { width: 20px; height: 20px; flex: 0 0 auto; }
.ui-create-reject { gap: var(--s3); }
.ui-create-reasons { display: flex; flex-wrap: wrap; gap: var(--s2); }
.ui-create-reject-btns { display: flex; justify-content: flex-end; gap: var(--s2); }

.ui-create-summary { display: flex; flex-direction: column; align-items: center; gap: var(--s3); width: 100%; max-width: 560px; margin-top: var(--s6); padding: var(--s6) var(--s5); text-align: center; }
.ui-create-ok { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: var(--r-full); background: var(--primary-container); color: var(--on-primary-container); }
.ui-create-ok svg { width: 28px; height: 28px; }
.ui-create-summary-btns { display: flex; flex-direction: column; align-items: center; gap: var(--s2); margin-top: var(--s3); }
.ui-create-rowthumb { overflow: hidden; }
.ui-create-rowthumb img { display: block; width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 599.98px) {
  .ui-create-card { padding: var(--s4); }
  .ui-create-progressrow { gap: var(--s2) var(--s3); }
  .ui-create-segs { flex: 1; width: auto; }
  .ui-create-backform { margin-left: 0; }
  .ui-create-review { padding-bottom: 88px; }
  .ui-create-deck { width: 100%; }
  .ui-create-actions {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 15; margin: 0; padding: var(--s2) var(--s4) var(--s4);
    box-sizing: border-box; border-top: 1px solid var(--outline-variant); background: var(--surface);
  }
  .ui-create-actions .ui-btn-filled { flex: 1; }
  .ui-create-collapse { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .ui-create-variants { display: flex; }
  .ui-create-variant { width: 72px; flex: 0 0 auto; }
  .ui-create-variant-label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .ui-create-variant-mark { top: 2px; right: 2px; width: 18px; height: 18px; }
  .ui-create-variant-mark svg { width: 11px; height: 11px; }
  .ui-create-summary { margin-top: var(--s4); padding: var(--s5) var(--s4); }
  body:has(#view-skap:not(.hidden) #skap-work:not(.hidden)) .ui-toast { bottom: calc(var(--s5) + 72px); }


}

.ui-cal { display: flex; flex-direction: column; gap: var(--s5); }
.ui-cal-main, .ui-cal-side { display: flex; flex-direction: column; gap: var(--s4); min-width: 0; }
@media (min-width: 1200px) {
  .ui-cal { display: grid; grid-template-columns: minmax(0, 1fr) 360px; align-items: start; }

}

.ui-cal-month { display: flex; flex-direction: column; gap: var(--s4); min-width: 0; }
.ui-cal-head { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); flex-wrap: wrap; }
.ui-cal-nav { display: flex; align-items: center; gap: var(--s2); }
.ui-cal-label { min-width: 160px; text-align: center; text-transform: capitalize; }
.ui-cal-notices { display: flex; flex-direction: column; gap: var(--s2); }
.ui-cal-notices:empty { display: none; }
.ui-cal-empty { display: flex; align-items: center; justify-content: center; min-height: 240px; text-align: center; }
.ui-cal-weekdays { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: var(--s1); margin-bottom: var(--s1); }
.ui-cal-weekdays span { text-align: center; font: 500 12px/16px var(--font); color: var(--on-surface-variant); }
.ui-cal-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); grid-auto-rows: minmax(92px, auto); gap: var(--s1); }
.ui-cal-cell {
  position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 92px; padding: var(--s1);
  box-sizing: border-box; overflow: hidden; text-align: left; font-family: var(--font);
  border: 1px solid var(--outline-variant); border-radius: var(--r-field);
  background: var(--surface); color: var(--on-surface); cursor: pointer;
  transition: background-color var(--dur-1) var(--ease);
}
.ui-cal-cell:hover { background: var(--surface-container); }
.ui-cal-cell:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.ui-cal-cell[aria-pressed="true"] { border-color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary); }
.ui-cal-out { background: transparent; }
.ui-cal-out .ui-cal-num { color: var(--on-surface-variant); }
.ui-cal-num {
  flex: 0 0 auto; align-self: flex-start; min-width: 24px; height: 24px; box-sizing: border-box; text-align: center;
  font: 500 14px/24px var(--font); font-variant-numeric: tabular-nums;
}
.ui-cal-today .ui-cal-num { border-radius: var(--r-full); background: var(--primary); color: var(--on-primary); }
.ui-cal-lanes { display: block; flex: 0 0 auto; height: calc(var(--ui-cal-lanes) * 20px); }
.ui-cal-chips { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ui-cal-chip {
  height: 18px; padding: 0 var(--s1); box-sizing: border-box; border-left: 3px solid var(--outline); border-radius: 4px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 500 12px/18px var(--font); background: var(--surface-container); color: var(--on-surface);
}
.ui-cal-cat-helligdag, .ui-cal-cat-hoytid { border-left-color: var(--primary); }
.ui-cal-cat-handel { border-left-color: var(--warning); }
.ui-cal-cat-sesong { border-left-color: var(--on-surface-variant); }
.ui-cal-post { border-left-color: transparent; background: var(--primary-container); color: var(--on-primary-container); }
.ui-cal-post-published { background: var(--surface-container-high); color: var(--on-surface-variant); }
.ui-cal-post-failed { background: var(--error-container); color: var(--on-error-container); }
.ui-cal-more { border-left-color: transparent; background: transparent; color: var(--on-surface-variant); }
.ui-cal-band {
  position: relative; z-index: 1; align-self: start; box-sizing: border-box; height: 18px; min-width: 0;
  margin: calc(29px + var(--ui-cal-lane) * 20px) 1px 0; padding: 0 var(--s2);
  border-radius: var(--r-field); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font: 500 12px/18px var(--font); pointer-events: none;
  background: var(--surface-container-high); color: var(--on-surface-variant);
}
.ui-cal-band-ferie { background: var(--primary-container); color: var(--on-primary-container); }
.ui-cal-band-handel { background: var(--warning-container); color: var(--warning); }
.ui-cal-band-before { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.ui-cal-band-after { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.ui-cal-pad { padding: var(--s4); }
.ui-cal-list { list-style: none; margin: 0; padding: 0; }
.ui-cal-list > li + li { border-top: 1px solid var(--outline-variant); }
.ui-cal-list > li.ui-row { border-bottom: 0; }
.ui-cal-section { padding: var(--s3) var(--s4) var(--s1); }
.ui-cal-list > li.ui-cal-section, .ui-cal-section + li { border-top: 0; }
.ui-cal-item { align-items: flex-start; }
.ui-cal-item .ui-row-main { display: flex; flex-direction: column; gap: var(--s1); padding: var(--s1) 0; }
.ui-cal-item .ui-row-main > * { overflow: visible; white-space: normal; overflow-wrap: anywhere; }
.ui-cal-item .ui-row-trail { align-self: flex-start; }
.ui-cal-badges { display: flex; }
.ui-cal-actions { display: flex; flex-wrap: wrap; gap: var(--s1); margin-left: calc(-1 * var(--s3)); }
.ui-camp-dates { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: var(--s4); }
.ui-cal-error { margin: 0; font: 400 12px/16px var(--font); color: var(--error); }
.ui-cal-error:empty { display: none; }
.ui-cal-create { display: flex; flex-direction: column; gap: var(--s3); padding: var(--s4); border-top: 1px solid var(--outline-variant); }
.ui-cal-create-actions { display: flex; flex-wrap: wrap; gap: var(--s2); }
.ui-cal-up {
  width: 100%; border: 0; background: transparent; color: var(--on-surface);
  font-family: var(--font); text-align: left; cursor: pointer;
}
.ui-cal-up:hover { background: var(--surface-container); }
.ui-cal-up:focus-visible { outline: 2px solid var(--focus); outline-offset: -2px; }
.ui-cal-up .ui-row-main { display: flex; flex-direction: column; }
.ui-cal-up .ui-row-main > * { white-space: normal; overflow-wrap: anywhere; }
.ui-cal-when { flex: 0 0 72px; width: 72px; color: var(--primary); text-align: right; }

.ui-cal-auto { display: flex; flex-direction: column; gap: var(--s3); }
.ui-cal-auto-ctl { display: flex; align-items: center; gap: var(--s3); flex: 0 0 auto; }
.ui-analyse-explain dl { margin: 0; }
.ui-analyse-explain dt { font-weight: 600; }
.ui-analyse-explain dd { margin: 0 0 var(--s3); color: var(--on-surface-variant); }
.ui-cal-auto-adv { border-top: 1px solid var(--outline-variant); padding-top: var(--s2); }
.ui-cal-auto-adv > summary { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); min-height: 44px; cursor: pointer; list-style: none; }
.ui-cal-auto-adv > summary::-webkit-details-marker { display: none; }
.ui-cal-auto-adv > summary svg { width: 20px; height: 20px; color: var(--on-surface-variant); transition: transform var(--dur-3) var(--ease); }
.ui-cal-auto-adv[open] > summary svg { transform: rotate(180deg); }
.ui-cal-auto-adv > summary:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.ui-cal-auto-adv-body { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s3); padding-bottom: var(--s2); }
.ui-cal-auto-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--s4); width: 100%; }

.ui-cal-dialog { width: min(960px, calc(100vw - 32px)); scrollbar-width: none; }
.ui-cal-dialog::-webkit-scrollbar { display: none; }
.ui-cal-dhead { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--s3); margin-bottom: var(--s4); }
.ui-cal-dhead-text { display: flex; flex-direction: column; gap: var(--s2); min-width: 0; }
.ui-cal-dhead-text .ui-dialog-title { margin: 0; }
.ui-cal-dhead > .ui-btn-icon { flex: 0 0 auto; margin: calc(-1 * var(--s2)) calc(-1 * var(--s2)) 0 0; }
.ui-cal-dbody { display: flex; flex-direction: column; gap: var(--s5); }
.ui-cal-dsection { display: flex; flex-direction: column; gap: var(--s3); }
.ui-cal-dcol { display: flex; flex-direction: column; gap: var(--s5); }
.ui-cal-dsection + .ui-cal-dsection, .ui-cal-dcol + .ui-cal-dsection { padding-top: var(--s5); border-top: 1px solid var(--outline-variant); }
.ui-cal-dsection-head { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); flex-wrap: wrap; }
.ui-cal-addform { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s3) var(--s4); }
.ui-cal-addform > :nth-child(1), .ui-cal-addform > :nth-child(4), .ui-cal-formactions { grid-column: 1 / -1; }
.ui-cal-formactions { display: flex; justify-content: flex-end; }
.ui-cal-status:empty { display: none; }
.ui-cal-suggest { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s3); }
.ui-cal-suggest .ui-cal-list { align-self: stretch; }
.ui-cal-skel { display: flex; flex-direction: column; gap: var(--s2); padding: var(--s3) 0; }
.ui-cal-enrich { display: flex; flex-direction: column; gap: var(--s2); }
.ui-cal-enrich .ui-cal-actions { margin-left: 0; }

@media (min-width: 900px) {
  .ui-cal-dialog[open] { display: flex; flex-direction: column; height: calc(100dvh - 32px); overflow: hidden; }
  .ui-cal-dbody { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s5); flex: 1 1 auto; min-height: 0; }
  .ui-cal-dialog .ui-cal-dbody > * { min-height: 0; overflow-y: auto; scrollbar-width: none; }
  .ui-cal-dialog .ui-cal-dbody > *::-webkit-scrollbar { display: none; }
  .ui-cal-dbody > .ui-cal-dsection { padding-top: 0; border-top: 0; padding-left: var(--s5); border-left: 1px solid var(--outline-variant); }
}

@media (max-width: 599.98px) {
  .ui-cal-grid { grid-auto-rows: minmax(56px, auto); }
  .ui-cal-cell { min-height: 56px; padding: 2px; }
  .ui-cal-chips { flex-direction: row; flex-wrap: wrap; gap: 2px; }
  .ui-cal-chip { width: 8px; height: 8px; padding: 0; border: 0; border-radius: var(--r-full); background: var(--primary); color: transparent; text-indent: 100%; overflow: hidden; }
  .ui-cal-post { background: var(--on-surface-variant); }
  .ui-cal-post-failed { background: var(--error); }
  .ui-cal-more { display: none; }
  .ui-cal-band { margin-top: calc(27px + var(--ui-cal-lane) * 20px); }
  .ui-cal-addform { grid-template-columns: 1fr; }
  .ui-cal-dialog { width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; padding-top: 0; border-radius: 0; }
  .ui-cal-dhead { position: sticky; top: 0; z-index: 1; margin-bottom: 0; padding: var(--s4) 0; background: var(--surface-container-high); }
  .ui-cal-dbody { padding-top: var(--s4); }
}

.ui-auth-chrome { display: contents; }
.ui-auth-chrome.hidden { display: none; }
body:has(#app.hidden) { display: flex; flex-direction: column; height: 100vh; height: 100dvh; min-height: 100dvh; overflow: hidden; background: var(--bg); color: var(--on-surface); }
.ui-auth-top { order: 0; flex: 0 0 auto; height: 72px; background: var(--surface); border-bottom: 1px solid var(--outline-variant); }
.ui-auth-top-inner { height: 100%; max-width: 1216px; margin: 0 auto; padding: 0 var(--s7); box-sizing: border-box; display: flex; align-items: center; gap: var(--s4); }
.ui-auth-brand { display: inline-flex; align-items: center; gap: var(--s2); height: 44px; margin-left: calc(-1 * var(--s2)); padding: 0 var(--s2); border-radius: var(--r-full); color: var(--on-surface); text-decoration: none; font: 600 16px/24px var(--font); }
.ui-auth-brand svg { width: 24px; height: 24px; color: var(--primary); }
.ui-auth-brand:focus-visible, .ui-auth-foot a:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.ui-auth-nav { margin-left: auto; display: flex; align-items: center; gap: var(--s2); }
.ui-auth-nav .icon-sun { display: none; }
:root[data-theme="dark"] .ui-auth-nav .icon-sun { display: inline; }
:root[data-theme="dark"] .ui-auth-nav .icon-moon { display: none; }
.ui-auth-foot { order: 2; flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: var(--s2) var(--s5); flex-wrap: wrap; padding: var(--s3) max(var(--s7), calc((100% - 1216px) / 2 + var(--s7))); border-top: 1px solid var(--outline-variant); }
.ui-auth-foot-links { display: flex; flex-wrap: wrap; gap: 0 var(--s5); }
.ui-auth-foot-links a { display: inline-flex; align-items: center; min-height: 44px; border-radius: 4px; color: var(--on-surface-variant); text-decoration: none; font: 400 14px/20px var(--font); }
.ui-auth-screen { order: 1; flex: 1; min-height: 0; overflow-y: auto; display: flex; justify-content: center; align-items: center; align-items: safe center; padding: var(--s7) var(--s4); box-sizing: border-box; }
.ui-auth-card { width: 100%; max-width: 420px; padding: var(--s6); display: flex; flex-direction: column; gap: var(--s5); }
.ui-auth-center { align-items: center; text-align: center; }
.ui-auth-head { display: flex; flex-direction: column; gap: var(--s1); }
.ui-auth-form, .ui-auth-step { display: flex; flex-direction: column; gap: var(--s4); }
.ui-auth-step .mfa-heading:focus-visible { outline: none; }
.ui-auth-labelrow { display: flex; align-items: center; justify-content: space-between; gap: var(--s2); }
.ui-auth-labelrow label { font: 500 12px/16px var(--font); color: var(--on-surface-variant); }
.ui-auth-labelrow .ui-btn-text { height: 24px; padding: 0 var(--s2); margin-right: calc(-1 * var(--s2)); font: 500 12px/16px var(--font); }
.ui-auth-pw { position: relative; display: flex; }
.ui-auth-pw input { padding-right: 52px; }
.ui-auth-pw .ui-btn-icon { position: absolute; top: 50%; right: 2px; transform: translateY(-50%); }
.ui-auth-pw .icon-hide { display: none; }
.ui-auth-pw [aria-pressed="true"] .icon-show { display: none; }
.ui-auth-pw [aria-pressed="true"] .icon-hide { display: inline; }
.ui-auth-alert { display: flex; gap: var(--s2); align-items: flex-start; padding: var(--s3) var(--s4); border-radius: var(--r-field); background: var(--error-container); color: var(--on-error-container); font: 400 14px/20px var(--font); }
.ui-auth-alert svg { width: 18px; height: 18px; flex: 0 0 18px; margin-top: 1px; }
.ui-auth-alert-ok { background: var(--primary-container); color: var(--on-primary-container); }
.ui-auth-divider { display: flex; align-items: center; gap: var(--s3); color: var(--on-surface-variant); font: 400 12px/16px var(--font); }
.ui-auth-divider::before, .ui-auth-divider::after { content: ""; flex: 1; height: 1px; background: var(--outline-variant); }
.ui-auth-alt, .ui-auth-dev { display: flex; flex-direction: column; gap: var(--s2); }
.ui-auth-alt .ui-btn { width: 100%; }
.ui-auth-dev { align-items: center; padding-top: var(--s3); border-top: 1px dashed var(--outline-variant); }
.ui-auth-dev .t-label { text-align: center; }
.ui-auth-check { display: flex; align-items: flex-start; gap: var(--s3); font: 400 14px/20px var(--font); cursor: pointer; }
.ui-auth-check input { width: 20px; height: 20px; margin: 0; flex: 0 0 20px; accent-color: var(--primary); }
.ui-auth-check a { color: var(--primary); text-underline-offset: 2px; }
.ui-auth-check a:focus-visible, .ui-auth-check input:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.ui-auth-code input { height: 56px; text-align: center; font: 500 24px/32px var(--font); letter-spacing: 0.3em; font-variant-numeric: tabular-nums; }
.ui-auth-links { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s1); }
.ui-auth-links .ui-btn-text, .ui-auth-back { margin-left: calc(-1 * var(--s3)); align-self: flex-start; }
.ui-auth-form > .ui-btn, .ui-auth-card > .ui-btn-filled { width: 100%; }

@media (max-width: 599.98px) {
  .ui-auth-top { height: 64px; }
  .ui-auth-top-inner { padding: 0 var(--s4); }
  .ui-auth-foot { padding: var(--s2) var(--s4); }
  .ui-auth-foot-links { gap: 0 var(--s4); }
  .ui-auth-foot-links a { min-height: 36px; }
  .ui-auth-screen { align-items: flex-start; padding: var(--s5) var(--s4); }
  .ui-auth-card { padding: var(--s5) 0; border: 0; background: transparent; }
  .ui-auth-card.building-card { padding: var(--s5); }
  .ui-auth-screen .ui-field input { height: 56px; }


}

.ui-chan-head { flex-wrap: wrap; }
.ui-chan-head .ui-row-main { flex: 1 1 160px; }
.ui-chan-head .ui-row-main > *, .ui-chan-rows .ui-row-main > * { white-space: normal; }
.ui-chan-linkrow, .ui-chan-linkrow .ui-row-trail { flex-wrap: wrap; }
.ui-chan-linkrow .ui-row-main { flex: 1 1 160px; }
.ui-chan-linkrow .ui-row-main > * { white-space: normal; overflow-wrap: anywhere; }
.ui-chan-linkrow .ui-row-trail { min-width: 0; max-width: 100%; }
@media (max-width: 599.98px) {
  .ui-chan-linkrow .ui-row-trail { flex: 1 1 100%; justify-content: flex-start; }
}
.ui-chan-off .ui-chan-head { border-bottom: 0; }
.ui-chan-body { padding: var(--s4); box-sizing: border-box; }
.ui-chan-sub { padding-top: var(--s4); border-top: 1px solid var(--outline-variant); }
.ui-chan-rows { border: 1px solid var(--outline-variant); border-radius: var(--r-field); }

.ui-set-split { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--s3); }
.ui-set-split > :first-child { margin-right: auto; }
.ui-set-result {
  display: flex; flex-direction: column; gap: var(--s1); padding: var(--s4); box-sizing: border-box;
  border: 1px solid var(--outline-variant); border-radius: var(--r-field); background: var(--surface-container);
}
.ui-set-link { color: var(--primary); text-decoration: underline; text-underline-offset: 2px; }
.ui-row-main > a.ui-set-link { display: block; padding: 2px 0; }
.ui-set-link:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; border-radius: 2px; }
.ui-set-checks { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0 var(--s4); }
.ui-set-swatches { display: flex; flex-wrap: wrap; gap: var(--s3); }
.ui-set-swatches:empty { display: none; }
.ui-set-swatch {
  display: flex; align-items: center; gap: var(--s1); padding-left: var(--s2);
  border: 1px solid var(--outline-variant); border-radius: var(--r-field);
}
.ui-set-swatch-chip {
  position: relative; width: 36px; height: 36px; flex: 0 0 36px; box-sizing: border-box;
  border: 1px solid var(--outline); border-radius: var(--r-field); cursor: pointer;
}
.ui-set-swatch-chip input { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; opacity: 0; cursor: pointer; }
.ui-set-swatch-chip:focus-within { outline: 2px solid var(--focus); outline-offset: 2px; }
.ui-set-media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: var(--s3); }
.ui-set-media-grid:empty { display: none; }
.ui-set-media {
  position: relative; margin: 0; aspect-ratio: 1; overflow: hidden;
  border: 1px solid var(--outline-variant); border-radius: var(--r-field); background: var(--surface-container);
}
.ui-set-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ui-set-media-del { position: absolute; top: var(--s1); right: var(--s1); background: var(--inverse-surface); color: var(--inverse-on-surface); }
.ui-set-media-del svg { width: 18px; height: 18px; }

.ui-wizard-connected { align-self: flex-start; margin: 0; }
.ui-wizard-connected svg { width: 16px; height: 16px; }

.ui-basis-dialog, .ui-media-dialog { width: min(880px, calc(100vw - 32px)); }
.ui-media-dialog { width: min(720px, calc(100vw - 32px)); }
.ui-basis-dialog[open], .ui-media-dialog[open] { display: flex; flex-direction: column; overflow: hidden; }
.ui-basis-body, .ui-media-body {
  display: flex; flex-direction: column; gap: var(--s5); flex: 1 1 auto; min-height: 0;
  padding: var(--s1); overflow-y: auto;
}
.ui-basis-actions { align-items: center; }
.ui-basis-actions > p { margin: 0 auto 0 0; }

.ui-media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: var(--s2); }
.ui-media-grid-stock { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
.ui-media-grid > .ui-media-note, .ui-media-grid > .ui-banner { grid-column: 1 / -1; margin: 0; }
.ui-media-thumb {
  width: 100%; aspect-ratio: 1; padding: 0; overflow: hidden; cursor: pointer;
  border: 1px solid var(--outline-variant); border-radius: var(--r-field); background: var(--surface-container);
}
.ui-media-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ui-media-thumb:hover { border-color: var(--primary); }
.ui-media-thumb:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.ui-media-item { display: flex; flex-direction: column; gap: var(--s1); min-width: 0; margin: 0; }
.ui-media-credit { min-width: 0; text-align: center; }
.ui-media-credit .stock-credit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-media-providers { display: flex; flex-wrap: wrap; gap: var(--s1) var(--s4); }

.ui-dialog-head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--s3); margin-bottom: var(--s4); }
.ui-dialog-titles { display: flex; flex-direction: column; gap: var(--s1); min-width: 0; }
.ui-dialog-titles .ui-dialog-title { margin: 0; }
.ui-dialog-titles p { margin: 0; }
.ui-dialog-head > .ui-btn-icon { flex: 0 0 auto; margin: calc(-1 * var(--s2)) calc(-1 * var(--s2)) 0 0; }
.ui-dialog-form .ui-dialog-body { color: var(--on-surface); }
.ui-dialog-split { justify-content: space-between; }
.ui-notice {
  display: flex; align-items: center; gap: var(--s3); padding: var(--s3) var(--s4); border-radius: var(--r-field);
  background: var(--primary-container); color: var(--on-primary-container); font: 400 14px/20px var(--font);
}
.ui-notice svg { flex: 0 0 20px; width: 20px; height: 20px; }
.ui-linkbox {
  display: flex; align-items: center; gap: var(--s3); padding: var(--s3) var(--s4); box-sizing: border-box;
  border: 1px solid var(--outline-variant); border-radius: var(--r-field); background: var(--surface);
  color: var(--on-surface); font: 400 14px/20px var(--font); overflow-wrap: anywhere; user-select: all;
}
.ui-linkbox svg { flex: 0 0 20px; width: 20px; height: 20px; color: var(--on-surface-variant); }
.ui-dialog-body .ui-banner { margin: 0; }

.ui-rowmenu-pop { position: fixed; z-index: 40; width: 240px; }
.ui-rowmenu-pop .ui-menu-item.ui-btn-danger, .ui-sheet .ui-menu-item.ui-btn-danger { color: var(--error); }
.ui-rowmenu-pop .ui-menu-item.ui-btn-danger svg, .ui-sheet .ui-menu-item.ui-btn-danger svg { color: var(--error); }
.ui-sheet-backdrop { position: fixed; inset: 0; z-index: 39; background: var(--scrim); }
.ui-sheet {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; box-sizing: border-box; padding: var(--s2) 0 var(--s4);
  border-radius: var(--r-dialog) var(--r-dialog) 0 0; background: var(--surface-container-high); box-shadow: var(--elev-dialog);
}
.ui-sheet .ui-menu-item { min-height: 56px; }

.ui-stat { display: flex; flex-direction: column; gap: var(--s2); min-width: 0; }
.ui-stat-value { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--s2); font-variant-numeric: tabular-nums; }
.ui-stat-value strong { font: 600 24px/32px var(--font); }

.ui-set:has(.ui-set-wide:not(.hidden)) { grid-template-columns: 240px minmax(0, 1040px); }
.ui-acc, .ui-acc-detail { display: flex; flex-direction: column; gap: var(--s5); min-width: 0; }
.ui-acc-head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--s4); }
.ui-acc-headtext { display: flex; flex-direction: column; gap: var(--s2); min-width: 0; }
.ui-acc-headtext h2:focus, .ui-acc-dhead h2:focus { outline: none; }
.ui-acc-newbar { flex: 0 0 auto; }
.ui-acc-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); }
.ui-acc-search { position: relative; flex: 1 1 260px; max-width: 360px; }
.ui-acc-search input { height: 40px; padding: 0 var(--s4) 0 44px; border-radius: var(--r-full); }
.ui-acc-searchicon { position: absolute; left: var(--s3); top: var(--s2); width: 20px; height: 20px; color: var(--on-surface-variant); pointer-events: none; }
.ui-acc-filterbtn { display: none; position: absolute; top: 0; right: 0; width: 44px; height: 40px; }
.ui-acc-filterbtn[data-active="true"] { color: var(--primary); }
.ui-acc-chips { flex: 0 1 auto; }
.ui-acc-plan {
  display: inline-flex; align-items: center; gap: var(--s2); height: 40px; padding: 0 var(--s2) 0 var(--s4); box-sizing: border-box;
  border: 1px solid var(--outline); border-radius: var(--r-full);
}
.ui-acc-plan select {
  height: 32px; padding: 0 var(--s1); border: 0; background: transparent; color: var(--on-surface);
  font: 500 14px/20px var(--font); cursor: pointer;
}
.ui-acc-plan select:focus-visible, .ui-acc-kv select:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.ui-acc-summary { margin: 0; }
.ui-acc-results { display: flex; flex-direction: column; gap: var(--s3); min-width: 0; }
.ui-acc-list { container-type: inline-size; container-name: acclist; }
.ui-acc-card { padding: 0; }
.ui-acc-tablecard { overflow-x: auto; }
.ui-acc-table { width: 100%; table-layout: fixed; }
.ui-acc-table th { padding: var(--s3) var(--s2); white-space: normal; }
.ui-acc-table td { height: auto; padding: var(--s3) var(--s2); vertical-align: top; overflow-wrap: break-word; }
.ui-acc-table th:first-child, .ui-acc-table td:first-child { padding-left: var(--s3); }
.ui-acc-table th:nth-child(2) { width: 56px; }
.ui-acc-table th:nth-child(3) { width: 112px; }
.ui-acc-table th:nth-child(4) { width: 68px; }
.ui-acc-table th:nth-child(5) { width: 132px; }
.ui-acc-table th:nth-child(6) { width: 44px; }
.ui-acc-table td:not(.ui-acc-maincell) { padding-top: calc(var(--s3) + var(--s1)); }
.ui-acc-table td.ui-acc-acts { padding: var(--s2) 0 0 0; text-align: center; }
.ui-acc-table .ui-badge { height: auto; min-height: 24px; padding: 2px var(--s2); white-space: normal; }
.ui-acc-row { cursor: pointer; }
.ui-acc-row:hover td { background: var(--surface-container); }
.ui-acc-use span { display: block; }
.ui-acc-namebox, .ui-acc-mtop { display: flex; align-items: center; gap: var(--s3); }
.ui-acc-names { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
.ui-acc-mtop .ui-acc-names { flex: 1; }
.ui-acc-link {
  display: block; max-width: 100%; overflow-wrap: anywhere; height: auto; min-height: 24px; padding: 0; overflow: visible; color: var(--on-surface);
  font: 500 14px/20px var(--font); text-align: left; white-space: normal;
}
.ui-acc-avatar {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 32px; width: 32px; height: 32px;
  border-radius: var(--r-field); background: var(--surface-container-high); color: var(--on-surface-variant);
  font: 500 12px/16px var(--font);
}
.ui-acc-avatar.is-round { border-radius: var(--r-full); background: var(--primary-container); color: var(--on-primary-container); }
.ui-acc-avatar svg { width: 18px; height: 18px; }
.ui-acc-brands { display: flex; flex-direction: column; gap: var(--s1); margin: var(--s2) 0 0 44px; padding: 0; list-style: none; }
.ui-acc-brands li { display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--s2); min-width: 0; }
.ui-acc-brands svg { flex: 0 0 16px; color: var(--on-surface-variant); }
.ui-acc-bname { font: 500 14px/20px var(--font); }
.ui-acc-brands .ui-acc-more { padding-left: var(--s5); }
.ui-acc-cards { display: none; flex-direction: column; gap: var(--s3); }
.ui-acc-mcard { position: relative; display: flex; flex-direction: column; gap: var(--s3); padding: var(--s4); }
.ui-acc-mcard .ui-acc-brands { margin-top: 0; }
.ui-acc-mcard .ui-acc-bdomain { display: none; }
.ui-acc-mcard p { margin: 0; }
.ui-acc-mcard .ui-acc-link { position: static; overflow: visible; }
.ui-acc-mcard .ui-acc-link::after { inset: 0; border-radius: var(--r-card); }

.ui-acc-dhead { display: flex; flex-direction: column; gap: var(--s2); }
.ui-acc-crumb { display: flex; align-items: center; gap: var(--s1); color: var(--on-surface-variant); }
.ui-acc-crumblink { height: 32px; padding: 0 var(--s2); margin-left: calc(-1 * var(--s2)); }
.ui-acc-titlerow { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s2); }
.ui-acc-titlerow h2 { margin-right: var(--s1); overflow-wrap: anywhere; }
.ui-acc-badge-out { box-sizing: border-box; border: 1px solid var(--outline); background: transparent; }
.ui-acc-meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s1) var(--s3); margin: 0; }
.ui-acc-meta > * + *::before {
  content: ''; display: inline-block; width: 3px; height: 3px; margin-right: var(--s3);
  border-radius: var(--r-full); background: currentColor; vertical-align: middle;
}
.ui-acc-idbox { display: inline-flex; align-items: center; gap: var(--s1); min-width: 0; }
.ui-acc-idbox code { font: 400 12px/16px var(--font); overflow-wrap: anywhere; }
.ui-acc-copy { width: 32px; height: 32px; margin: -8px 0; }
.ui-acc-copy svg { width: 16px; height: 16px; }
.ui-acc-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s3); }
.ui-acc-sec { display: flex; flex-direction: column; gap: var(--s3); min-width: 0; }
.ui-acc-sechead { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: var(--s1) var(--s4); }
.ui-acc-sechead .ui-btn-text { margin-right: calc(-1 * var(--s3)); }
.ui-acc-sec .ui-table th { padding: var(--s3) var(--s1); }
.ui-acc-sec .ui-table td { padding: var(--s2) var(--s1); }
.ui-acc-sec .ui-table th:first-child, .ui-acc-sec .ui-table td:first-child { padding-left: var(--s3); }
.ui-acc-sec .ui-table th:last-child, .ui-acc-sec .ui-table td:last-child { padding-right: var(--s3); }
.ui-acc-sec .ui-badge svg { flex: 0 0 16px; }
.ui-acc-sec .ui-badge { height: auto; min-height: 24px; padding: 2px var(--s2); white-space: normal; }
.ui-acc-who { display: inline-flex; align-items: center; gap: var(--s3); min-width: 0; }
.ui-acc-username { min-width: 88px; overflow-wrap: anywhere; }
.ui-acc-sec .ui-table .ui-acc-who { gap: var(--s2); }
.ui-acc-inline { display: inline-flex; align-items: center; gap: var(--s1); }
.ui-acc-inline svg { color: var(--primary); }
.ui-acc-kv { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: var(--s4); align-items: center; margin: 0; }
.ui-acc-kv dt { font: 500 14px/20px var(--font); color: var(--on-surface-variant); }
.ui-acc-kv dt label { font: inherit; }
.ui-acc-kv dd { display: flex; align-items: center; flex-wrap: wrap; gap: var(--s2) var(--s4); min-width: 0; margin: 0; }
.ui-acc-kv select {
  width: 240px; max-width: 100%; height: 40px; padding: 0 var(--s4); box-sizing: border-box;
  border: 1px solid var(--outline); border-radius: var(--r-field); background: var(--surface);
  color: var(--on-surface); font: 400 14px/20px var(--font);
}
.ui-acc-sw { display: inline-flex; align-items: center; gap: var(--s3); min-width: 72px; }
.ui-acc-creditrow { display: inline-flex; align-items: center; flex-wrap: wrap; gap: var(--s3); }
.ui-btn.ui-acc-small { height: 32px; padding: 0 var(--s3); }
.ui-acc-action { display: flex; align-items: center; justify-content: space-between; gap: var(--s4); padding: var(--s4); }
.ui-acc-actiontext { display: flex; flex-direction: column; gap: var(--s1); min-width: 0; }
.ui-acc-action.is-danger { border-color: var(--error); }
.ui-acc-action .ui-btn-danger { border-color: var(--error); }
.ui-acc-action .ui-btn { flex: 0 0 auto; }
.ui-acc-mon { display: flex; flex-direction: column; gap: var(--s4); min-width: 0; }
.ui-acc-monlevel { display: flex; flex-direction: column; gap: var(--s3); padding: var(--s4); min-width: 0; }
.ui-acc-monlevel h4, .ui-acc-monlevel p, .ui-acc-monex h4, .ui-acc-monex p { margin: 0; }
.ui-acc-monlevel .ui-acc-kv { gap: var(--s3) var(--s4); }
.ui-acc-monex { display: flex; flex-direction: column; gap: var(--s3); min-width: 0; }
.ui-acc-monexhead { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--s2) var(--s4); }
.ui-acc-monexhead .ui-btn svg { margin-right: var(--s1); }

@container acclist (max-width: 599.98px) {
  .ui-acc-tablecard { display: none; }
  .ui-acc-cards { display: flex; }
  .ui-acc-sec .ui-table thead {
    position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
  }
  .ui-acc-sec .ui-table, .ui-acc-sec .ui-table tbody, .ui-acc-sec .ui-table tr { display: block; }
  .ui-acc-sec .ui-table tr { padding: var(--s2) var(--s3); border-bottom: 1px solid var(--outline-variant); }
  .ui-acc-sec .ui-table tbody tr:last-child { border-bottom: 0; }
  .ui-acc-sec .ui-table td, .ui-acc-sec .ui-table td:first-child, .ui-acc-sec .ui-table td:last-child {
    display: flex; align-items: center; justify-content: space-between; gap: var(--s3);
    height: auto; min-height: 32px; padding: var(--s1) 0; border: 0; text-align: right;
  }
  .ui-acc-sec .ui-table td::before {
    content: attr(data-label); flex: 0 0 40%; text-align: left; color: var(--on-surface-variant); font: 500 12px/16px var(--font);
  }
  .ui-acc-sec .ui-table td:empty { display: none; }
  .ui-acc-sec .ui-table td:first-child::before { display: none; }
  .ui-acc-sec .ui-table td:first-child { justify-content: flex-start; padding-bottom: var(--s2); }
}
@media (min-width: 600px) and (max-width: 1199.98px) {
  .ui-acc-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 599.98px) {
  .ui-acc-head { flex-direction: column; }
  .ui-acc-newbar {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 15; box-sizing: border-box;
    padding: var(--s2) var(--s4) var(--s4); border-top: 1px solid var(--outline-variant); background: var(--surface);
  }
  .ui-acc-newbar .ui-btn { width: 100%; }
  .ui-acc-results { padding-bottom: 88px; }
  .ui-acc-search { flex: 1 1 100%; max-width: none; }
  .ui-acc-search input { padding-right: 48px; }
  .ui-acc-filterbtn { display: inline-flex; }
  .ui-acc-chips { flex: 1 1 100%; flex-wrap: nowrap; overflow-x: auto; }
  .ui-acc-chips .ui-chip { flex: 0 0 auto; }
  .ui-acc-plan { display: none; }
  .ui-acc-toolbar[data-plan-open="true"] .ui-acc-plan { display: inline-flex; }
  .ui-acc-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ui-acc-kv { grid-template-columns: minmax(0, 1fr); gap: var(--s2); }
  .ui-acc-kv dd { margin-bottom: var(--s3); }
  .ui-acc-action { flex-direction: column; align-items: stretch; }

  .ui-dialog-form {
    width: 100vw; max-width: 100vw; height: 100vh; max-height: 100vh; margin: 0; padding: 0; border-radius: 0;
  }
  .ui-dialog-form[open] { display: flex; flex-direction: column; height: 100dvh; max-height: 100dvh; }
  .ui-dialog-form > form, .ui-dialog-form > div { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
  .ui-dialog-form .ui-dialog-head { margin: 0; padding: var(--s4) var(--s4) var(--s3); }
  .ui-dialog-form .ui-dialog-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: var(--s2) var(--s4) var(--s4); }
  .ui-dialog-form .ui-dialog-actions {
    margin: 0; padding: var(--s3) var(--s4) var(--s4); border-top: 1px solid var(--outline-variant); background: var(--surface-container-high);
  }
}

.ui-usr { container-type: inline-size; container-name: usrlist; }
.ui-usr-body { display: flex; flex-direction: column; gap: var(--s5); min-width: 0; }
.ui-usr-explain { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); padding: 0; overflow: hidden; }
.ui-usr-explain > div { display: flex; flex-direction: column; gap: var(--s1); min-width: 0; padding: var(--s3) var(--s4); border-right: 1px solid var(--outline-variant); }
.ui-usr-explain > div:last-child { border-right: 0; }
.ui-usr-explain p, .ui-usr-explain span { margin: 0; }
.ui-usr-explain .ui-help { font: 400 12px/16px var(--font); }
.ui-usr-k { display: flex; align-items: center; gap: var(--s2); font: 500 14px/20px var(--font); }
.ui-usr-k svg { flex: 0 0 18px; color: var(--on-surface-variant); }
.ui-usr-k .ui-usr-close { width: 32px; height: 32px; margin: -6px -10px -6px auto; }
.ui-usr-long { display: flex; flex-direction: column; gap: var(--s1); }
.ui-usr-roles { gap: 2px; }
.ui-usr-roles b { font-weight: 500; }
.ui-usr-short { display: none; }
.ui-usr-tablecard { overflow: hidden; }
.ui-usr-table { width: 100%; table-layout: fixed; }
.ui-usr-table th, .ui-usr-table td { text-align: left; }
.ui-usr-table td { height: 56px; overflow-wrap: anywhere; vertical-align: middle; }
.ui-usr-table th:nth-child(2) { width: 68px; }
.ui-usr-table th:nth-child(3) { width: 116px; }
.ui-usr-table th:nth-child(4) { width: 88px; }
.ui-usr-table th:nth-child(5) { width: 148px; }
.ui-usr-table th:nth-child(6) { width: 48px; }
.ui-usr-invites th:nth-child(4), .ui-usr-invites th:nth-child(5) { width: 96px; }
.ui-usr-invites th:nth-child(6) { width: 236px; }
.ui-usr-table td.ui-usr-acts { padding-right: var(--s2); text-align: right; }
.ui-usr-who { display: flex; align-items: center; gap: var(--s3); min-width: 0; }
.ui-usr-txt, .ui-usr-ctxt { display: flex; flex-direction: column; min-width: 0; }
.ui-usr-name { font: 500 14px/20px var(--font); overflow-wrap: anywhere; }
.ui-usr-self { font-weight: 400; }
.ui-usr-typeinline { display: none; align-self: flex-start; }
.ui-usr-inviteacts { display: inline-flex; align-items: center; justify-content: flex-end; gap: var(--s2); }
.ui-usr-invitemenu { display: none; }
.ui-usr-cards { display: none; flex-direction: column; gap: var(--s3); }
.ui-usr-ucard { display: flex; align-items: center; gap: var(--s3); padding: var(--s3) var(--s4); }
.ui-usr-ctxt { flex: 1; gap: 2px; }
.ui-usr-badges { display: flex; flex-wrap: wrap; gap: var(--s1); margin-top: 2px; }
.ui-usr .ui-badge { height: auto; min-height: 24px; padding: 2px var(--s2); white-space: normal; }
.ui-usr .ui-badge svg { flex: 0 0 16px; }
.ui-usr-picks { margin: 0 0 0 32px; padding: 0 0 0 var(--s3); border-left: 2px solid var(--outline-variant); }
.ui-usr-picks > legend {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
@container usrlist (min-width: 860px) {
  .ui-usr-table:not(.ui-usr-invites) th:nth-child(3) { width: 150px; }
  .ui-usr-table:not(.ui-usr-invites) th:nth-child(5) { width: 200px; }
}
@container usrlist (max-width: 659.98px) {
  .ui-usr-table:not(.ui-usr-invites) th:nth-child(5), .ui-usr-table:not(.ui-usr-invites) td:nth-child(5) { display: none; }
  .ui-usr-invites th:nth-child(4), .ui-usr-invites td:nth-child(4) { display: none; }
  .ui-usr-typeinline { display: inline-flex; margin-top: var(--s1); }
}
@container usrlist (max-width: 859.98px) {
  .ui-usr-inviteacts { display: none; }
  .ui-usr-invitemenu { display: inline-flex; }
  .ui-usr-invites th:nth-child(6) { width: 48px; }
}
@container usrlist (max-width: 759.98px) {
  .ui-usr-explain { grid-template-columns: minmax(0, 1fr); }
  .ui-usr-explain > div { padding: var(--s2) var(--s4); border-right: 0; border-bottom: 1px solid var(--outline-variant); }
  .ui-usr-explain > div:last-child { border-bottom: 0; }
  .ui-usr-long { display: none; }
  .ui-usr-short { display: block; }
}
@container usrlist (max-width: 599.98px) {
  .ui-usr-tablecard { display: none; }
  .ui-usr-cards { display: flex; }
}
@media (max-width: 599.98px) {
  .ui-usr-body { padding-bottom: 88px; }
}