.clothes-page { margin:0; padding:0; font-family:var(--font); background:var(--paper); color:var(--ink); }
.clothes-page *, .clothes-page *::before, .clothes-page *::after { box-sizing:border-box; }
.clothes-page main { max-width:1360px; margin:auto; padding:28px 24px; }
.clothes-page .topbar { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); margin:0; padding:8px 24px; min-height:60px; height:auto; gap:12px; align-items:center; }
.clothes-brand { display:flex; justify-content:center; }.clothes-brand img { object-fit:contain; }
.clothes-page .topbar-actions { margin-left:0; min-width:0; justify-content:flex-end; flex-wrap:wrap; }
.clothes-page .topbar-tabs { min-width:0; height:auto; }.clothes-page .preview-toggle { display:none; }
.clothes-head { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:10px 0 24px; border-bottom:1px solid var(--rule); }
.clothes-head h1 { font-size:26px; font-weight:600; letter-spacing:-.025em; margin:8px 0; }
.clothes-page p { font-size:13px; color:var(--ink-2); line-height:1.6; }.clothes-head p { margin:0; }
.clothes-page a { color:var(--ink); }.clothes-home { font-size:12px; white-space:nowrap; }
.clothes-kicker { color:var(--ink-3)!important; font-size:12px!important; }
.clothes-tag { display:inline-block; font-size:10px; padding:4px 7px; border:1px solid var(--rule); border-radius:var(--r); font-weight:400; vertical-align:middle; letter-spacing:0; }
.clothes-tabs { display:flex; border-bottom:1px solid var(--rule); margin:16px 0 24px; }
.clothes-page button { font:inherit; font-size:12px; border:1px solid var(--rule); border-radius:var(--r); background:var(--card); color:var(--ink); padding:10px 14px; cursor:pointer; }
.clothes-page button:hover { border-color:var(--rule-2); background:var(--paper); }.clothes-page button:disabled { opacity:.5; cursor:default; }
.clothes-page button.clothes-primary { background:var(--ink); color:var(--paper); font-weight:600; }
.clothes-tabs button { background:transparent; border:0; border-radius:0; border-bottom:2px solid transparent; padding:12px 18px; }
.clothes-tabs [aria-selected=true] { border-bottom-color:var(--ink); font-weight:600; }
.clothes-page :focus-visible { outline:2px solid var(--ink-2); outline-offset:3px; }
.clothes-filters { display:flex; flex-wrap:wrap; gap:12px; padding:18px; background:var(--card); border:1px solid var(--rule); border-radius:var(--r-lg); align-items:end; }
.clothes-page label { display:grid; gap:7px; font-size:12px; color:var(--ink-2); min-width:0; }
.clothes-filters label { flex:1; min-width:120px; }.clothes-filters .clothes-search { flex:2; min-width:220px; }
.clothes-page input,.clothes-page select { width:100%; min-width:0; padding:10px; font:inherit; font-size:13px; border:1px solid var(--rule); border-radius:var(--r); color:var(--ink); background:var(--paper); }
.clothes-results { display:flex; justify-content:space-between; gap:16px; align-items:center; margin:16px 0; }.clothes-results span { font-size:11px; color:var(--ink-3); }
.clothes-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.clothes-card { background:var(--card); border:1px solid var(--rule); border-radius:var(--r-lg); overflow:hidden; min-width:0; }
.clothes-image { height:220px; display:grid; place-items:center; background:var(--paper); border-bottom:1px solid var(--rule); }
.clothes-image img { width:100%; height:100%; object-fit:contain; }.clothes-image svg { width:64px; height:64px; fill:none; stroke:var(--ink-3); stroke-width:1; }
.clothes-card-body { padding:16px; }.clothes-card h3 { font-size:14px; margin:10px 0; font-weight:500; line-height:1.5; overflow-wrap:anywhere; }
.clothes-card-meta { display:flex; gap:8px; flex-wrap:wrap; color:var(--ink-3); font-size:11px; }.clothes-card p { margin:8px 0; font-size:12px; overflow-wrap:anywhere; }
.clothes-price { font-size:20px; font-weight:600; font-variant-numeric:tabular-nums; }.clothes-card small { color:var(--ink-3); font-size:10px; }
.clothes-card-actions { display:flex; gap:10px; justify-content:space-between; align-items:center; padding-top:12px; margin-top:12px; border-top:1px solid var(--rule); }.clothes-card-actions a { font-size:12px; }
.clothes-card-actions [aria-pressed=true] { background:var(--paper); font-weight:600; }
.clothes-empty { grid-column:1/-1; padding:48px 24px; text-align:center; border:1px dashed var(--rule-2); border-radius:var(--r-lg); }.clothes-empty h2 { font-size:18px; }
.clothes-pagination { display:flex; justify-content:center; align-items:center; gap:16px; margin:24px 0; font-size:12px; }
.clothes-scan-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:start; }.clothes-panel { padding:24px; border:1px solid var(--rule); background:var(--card); border-radius:var(--r-lg); }
.clothes-panel-head { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:12px; }.clothes-panel h3 { font-size:16px; margin:0; }.clothes-panel form { display:grid; gap:14px; margin:20px 0; }.clothes-panel a { font-size:12px; }
.clothes-form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.clothes-section-head h2 { font-size:18px; font-weight:600; }
.clothes-product-group { margin:20px 0; padding:18px; border:1px solid var(--rule); border-radius:var(--r-lg); background:var(--card); }
.clothes-product-group summary { cursor:pointer; display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; font-size:14px; }
.clothes-product-group summary span { font-size:12px; color:var(--ink-2); }
#groupControl { max-width:260px; margin:12px 0; } #loadMoreScan { margin-top:16px; }
@media(max-width:480px) { .clothes-product-group { padding:10px; } }
.clothes-footer { margin-top:36px; padding-top:18px; border-top:1px solid var(--rule); color:var(--ink-3); font-size:11px; line-height:1.6; }
#clothesMessage { background:var(--card); border:1px solid var(--rule); border-radius:var(--r); padding:14px; }#clothesMessage.is-error { border-color:var(--err); }
@media(max-width:1000px) { .clothes-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:760px) { .clothes-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.clothes-scan-grid { grid-template-columns:1fr; } }
@media(max-width:480px) { .clothes-page main { padding:20px 14px; }.clothes-page .topbar { padding:8px 14px; }.clothes-page .auth-box { flex-wrap:wrap; justify-content:flex-end; }.clothes-page .auth-who { max-width:60px; }.clothes-page .auth-steam-long { display:none; }.clothes-page .topbar-actions button { padding:8px; font-size:11px; }.clothes-head { align-items:start; }.clothes-head h1 { font-size:22px; }.clothes-home { display:none; }.clothes-tabs button { flex:1; padding:12px 6px; }.clothes-filters { padding:12px; }.clothes-filters label { min-width:100px; }.clothes-filters .clothes-search { min-width:100%; }.clothes-results { align-items:start; flex-direction:column; gap:0; }.clothes-results p { margin-bottom:4px; }.clothes-grid { grid-template-columns:1fr; }.clothes-image { height:250px; }.clothes-panel { padding:16px; } }

/* Compact listings and quieter group headers for scanning many pieces. */
.clothes-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.clothes-image { height:130px; }
.clothes-image svg { width:40px; height:40px; }
.clothes-card-body { padding:10px; }
.clothes-card h3 { font-size:12px; line-height:1.45; margin:6px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:35px; }
.clothes-card p { font-size:11px; line-height:1.45; margin:6px 0; }
.clothes-card-meta { font-size:10px; gap:4px; }
.clothes-price { font-size:16px; }
.clothes-card-actions { margin-top:8px; padding-top:8px; gap:6px; flex-wrap:wrap; }
.clothes-card-actions a { font-size:11px; }
.clothes-card-actions button { padding:5px 8px; font-size:11px; }
.clothes-product-group { padding:12px 0; margin:12px 0; border:0; border-top:1px solid var(--rule); border-radius:0; background:transparent; }
.clothes-product-group summary { font-size:13px; align-items:center; padding:4px 0; }
.clothes-product-group summary span { font-size:11px; }
.clothes-product-group>.clothes-muted { font-size:11px; margin:5px 0 10px; }
@media(max-width:1100px) { .clothes-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:800px) { .clothes-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:560px) { .clothes-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }.clothes-image { height:110px; }.clothes-card-body { padding:8px; } }
#productDialog { width:min(560px,calc(100% - 28px)); max-height:90vh; overflow:auto; color:var(--ink); }
#productDialog::backdrop { background:rgba(0,0,0,.6); }
.catalog-entry { padding:14px; border:1px solid var(--rule); border-radius:var(--r); background:var(--card); }
.catalog-entry h3 { font-size:14px; margin:0 0 8px; }
.catalog-entry p { font-size:12px; margin:6px 0; }
.catalog-rarity { margin:10px 0; padding:8px 10px; border:1px solid var(--rule); border-radius:var(--r); background:var(--paper); }
.catalog-rarity strong { display:block; font-size:12px; font-weight:600; }
.catalog-rarity small { display:block; margin-top:4px; color:var(--ink-2); font-size:11px; }

.fashion-archive { border:1px solid var(--rule); border-radius:var(--r-lg); background:var(--card); padding:16px; margin-bottom:18px; }
.fashion-archive h3 { margin:0; font-size:16px; }.fashion-archive p { font-size:12px; }
.archive-brand-row { display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding:9px 0; border-top:1px solid var(--rule); }.archive-brand-row strong { font-size:12px; min-width:150px; }.archive-brand-row button { padding:6px 9px; }
/* v7: Browse / Search / Saved / Manage layout */
.clothes-section { margin-top:32px; }
.clothes-section .clothes-section-head { margin-bottom:12px; }
.clothes-search-form { display:flex; gap:12px; align-items:end; padding:18px; background:var(--card); border:1px solid var(--rule); border-radius:var(--r-lg); }
.clothes-search-form label { flex:1; }
.clothes-search-form .clothes-primary { min-width:120px; }
.clothes-quick { margin:12px 0 4px; flex-wrap:wrap; }
.catalog-entry .clothes-card-actions { margin-top:10px; flex-wrap:wrap; }
#managePanel .clothes-section-head { display:flex; flex-wrap:wrap; gap:8px 16px; align-items:baseline; }
#managePanel .clothes-section-head p { flex:1 1 100%; margin:0 0 12px; }
@media(max-width:560px) {
  .clothes-filters label { flex:1 1 calc(50% - 6px); min-width:0; }
  .clothes-filters label:first-child, .clothes-filters .clothes-search { flex-basis:100%; }
  .clothes-search-form { flex-direction:column; align-items:stretch; padding:12px; }
  .clothes-page .topbar-tabs { flex:0 0 auto; -webkit-mask-image:none; mask-image:none; }
  .clothes-page .topbar-tabs .topbar-tab { padding:0 9px; }
}
#catalogFilters[hidden] { display:none; }
@media(max-width:560px) {
  .clothes-page .clothes-brand { display:none; }
  .archive-brand-row strong { flex-basis:100%; min-width:0; }
}
.clothes-kicker a { color:inherit; text-decoration:none; }
.clothes-kicker a:hover { text-decoration:underline; }
@media(max-width:560px) {
  .clothes-page .topbar-tab[href="/physical"] { display:none; }
  .clothes-page .topbar { grid-template-columns:auto minmax(0,1fr); padding:8px 14px; }
  .clothes-page .topbar-actions { margin-left:auto; }
}
.clothes-quick { justify-content:flex-start; gap:6px; border-top:0; padding-top:0; }
#liveResultsTitle { font-size:16px; font-weight:600; margin:20px 0 4px; }
#groupControl { display:inline-flex; align-items:center; gap:8px; font-size:12px; margin:4px 0 12px; }
#groupControl[hidden] { display:none; }
#groupControl select { width:auto; }
/* v8: market pulse */
.pulse-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; }
.pulse-card { padding:14px; border:1px solid var(--rule); border-radius:var(--r); background:var(--card); }
.pulse-card h3 { font-size:14px; margin:0 0 8px; display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.pulse-card p { margin:4px 0; font-size:12px; }
.pulse-count strong { font-size:22px; font-weight:600; letter-spacing:-.02em; color:var(--ink); }
.pulse-spark { display:block; width:100%; height:28px; margin:8px 0 4px; }
.pulse-spark polyline { fill:none; stroke:var(--ink); stroke-width:1.5; vector-effect:non-scaling-stroke; }
.pulse-card .clothes-card-actions small { color:var(--ink-2); font-size:11px; }
.tracked-list { list-style:none; margin:16px 0 0; padding:0; max-height:420px; overflow:auto; }
.tracked-list li { display:flex; gap:10px; justify-content:space-between; align-items:center; padding:8px 0; border-top:1px solid var(--rule); font-size:12px; }
.tracked-list li span { display:flex; flex-direction:column; min-width:0; }
.tracked-list small { color:var(--ink-2); overflow-wrap:anywhere; }
@media(max-width:560px) { .pulse-grid { grid-template-columns:1fr 1fr; gap:8px; } .pulse-count strong { font-size:18px; } }
/* v9: brand discovery */
.pulse-more { margin-top:12px; }
.tracked-discovery { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; justify-content:space-between; margin:0 0 12px; }
.tracked-discovery p { margin:0; font-size:12px; flex:1 1 220px; }
/* v10: compact layout. Market pulse as one-line rows, tighter header and Designers. */
.clothes-head { padding:4px 0 14px; }
.clothes-head h1 { font-size:22px; margin:4px 0; }
.clothes-tabs { margin:10px 0 16px; }
.clothes-tabs button { padding:9px 16px; }
.clothes-section { margin-top:22px; }
.clothes-section .clothes-section-head { margin-bottom:8px; }
.clothes-section-head p { margin:2px 0 0; font-size:12px; }
.fashion-archive { padding:10px 14px; margin-bottom:12px; }
.fashion-archive h3 { font-size:14px; }
.fashion-archive p { margin:0 0 6px; }
.archive-brand-row { gap:4px; padding:5px 0; }
.archive-brand-row strong { min-width:140px; font-size:11px; }
.archive-brand-row button { padding:3px 8px; font-size:12px; }
.pulse-grid { grid-template-columns:repeat(auto-fill,minmax(420px,1fr)); gap:0 24px; border-top:1px solid var(--rule); }
.pulse-card { padding:0; border:0; border-bottom:1px solid var(--rule); border-radius:0; background:none; }
.pulse-row { width:100%; display:grid; grid-template-columns:minmax(0,1fr) 112px 58px 64px 44px; gap:10px; align-items:center;
  padding:7px 4px; border:0; border-radius:0; background:none; text-align:left; font-size:12px; color:var(--ink-2); cursor:pointer; }
.pulse-row:hover { background:var(--card); }
.pulse-name { color:var(--ink); font-weight:600; font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pulse-name .clothes-tag { font-size:9px; padding:1px 5px; vertical-align:1px; }
.pulse-count { text-align:right; white-space:nowrap; }
.pulse-count strong { font-size:13px; color:var(--ink); }
.pulse-price { text-align:right; white-space:nowrap; }
.pulse-spark { height:18px; margin:0; }
.pulse-change { text-align:right; font-variant-numeric:tabular-nums; }
.pulse-change.is-up { color:var(--ink); }
.pulse-more { margin-top:8px; padding:5px 12px; font-size:12px; }
@media(max-width:560px) {
  .pulse-grid { grid-template-columns:1fr; gap:0; }
  .pulse-row { grid-template-columns:minmax(0,1fr) auto 48px; grid-template-areas:'name count change' 'name price spark'; row-gap:0; padding:6px 2px; }
  .pulse-name { grid-area:name; white-space:normal; }
  .pulse-count { grid-area:count; }
  .pulse-price { grid-area:price; font-size:11px; }
  .pulse-spark { grid-area:spark; width:48px; height:14px; }
  .pulse-change { grid-area:change; }
  .pulse-count strong { font-size:13px; }
  .clothes-head h1 { font-size:20px; }
  .archive-brand-row strong { flex-basis:auto; min-width:0; margin-right:4px; }
}
/* v10b: rows are plain lines, not buttons; overrides the site-wide button look. */
.pulse-grid { grid-template-columns:repeat(auto-fill,minmax(520px,1fr)); }
.pulse-card .pulse-row { min-height:0; border:0; border-radius:0; background:none; box-shadow:none; font-weight:400; transform:none; }
.pulse-card .pulse-row:hover:not(:disabled) { background:var(--card); color:var(--ink-2); box-shadow:none; }
.archive-brand-row button { min-height:0; }
.catalog-entry { padding:10px 12px; }
.catalog-entry h3 { margin:0 0 4px; font-size:13px; }
.catalog-entry .clothes-card-actions { margin-top:6px; padding-top:6px; }
.catalog-entry .clothes-card-actions button { min-height:0; padding:4px 8px; }
@media(max-width:560px) {
  .pulse-grid { grid-template-columns:1fr; }
  .pulse-card .pulse-row { padding:6px 2px; }
  /* Designers: each group is one swipeable line instead of wrapping into a stack. */
  .archive-brand-row { flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; }
  .archive-brand-row::-webkit-scrollbar { display:none; }
  .archive-brand-row strong { flex:0 0 auto; }
  .archive-brand-row button { flex:0 0 auto; min-height:32px; padding:4px 10px; }
  .clothes-tabs button { min-height:0; padding:9px 6px; }
}
.pulse-section-more, #pulseMore { min-height:0; padding:5px 12px; font-size:12px; }
/* v11: database layout. Brands and Pieces as sortable tables. */
.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; }
.db-toolbar { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin:0 0 8px; }
.db-toolbar input { flex:0 1 220px; min-width:140px; padding:6px 10px; font-size:13px; min-height:0; }
.db-chips { display:flex; flex-wrap:wrap; gap:4px; }
.db-chips button, .db-toolbar > button { min-height:0; padding:4px 10px; font-size:12px; font-weight:500; border:1px solid var(--rule); background:var(--card); }
.db-chips [aria-pressed=true] { background:var(--ink); color:var(--on-ink); border-color:var(--ink); }
.db-count { margin-left:auto; font-size:12px; color:var(--ink-2); font-variant-numeric:tabular-nums; }
.db-scroll { overflow-x:auto; border:1px solid var(--rule); border-radius:var(--r); background:var(--card); }
.db-table { width:100%; border-collapse:collapse; font-size:12.5px; font-variant-numeric:tabular-nums; }
.db-table th, .db-table td { padding:7px 10px; text-align:left; border-bottom:1px solid var(--rule); vertical-align:middle; white-space:nowrap; }
.db-table thead th { position:sticky; top:0; background:var(--paper); font-size:11px; font-weight:600; color:var(--ink-2); text-transform:uppercase; letter-spacing:.04em; }
.db-table thead th button { all:unset; cursor:pointer; }
.db-table thead th[data-sort] button::after { content:' ↕'; opacity:.35; }
.db-table thead th[aria-sort=ascending] button::after { content:' ↑'; opacity:1; }
.db-table thead th[aria-sort=descending] button::after { content:' ↓'; opacity:1; }
.db-table thead th button:focus-visible { outline:2px solid var(--ink); outline-offset:2px; }
.db-table .num { text-align:right; }
.db-table tbody th { font-weight:400; }
.db-table tbody tr:last-child > * { border-bottom:0; }
.db-name { font-weight:600; color:var(--ink); }
.db-table tbody th small { display:block; color:var(--ink-2); font-size:11px; white-space:normal; }
.db-table .clothes-tag { font-size:9px; padding:1px 5px; vertical-align:1px; }
.db-none, .db-muted { color:var(--ink-3, var(--ink-2)); }
.db-table .is-up { color:var(--ink); font-weight:600; }
.db-table .is-down { color:var(--ink-2); }
.db-row { cursor:pointer; }
.db-row:hover, .db-row.is-open { background:var(--paper); }
.db-row:focus-visible { outline:2px solid var(--ink); outline-offset:-2px; }
.db-brands th:first-child, .db-brands td:first-child { position:sticky; left:0; background:inherit; }
.db-brands tbody tr { background:var(--card); }
.db-brands tbody tr.db-row:hover, .db-brands tbody tr.is-open { background:var(--paper); }
.db-trend { width:80px; }
.db-trend .pulse-spark { width:80px; height:18px; margin:0; }
.db-detail > td { background:var(--paper); padding:10px 12px 14px; white-space:normal; }
.db-detail-head { display:flex; flex-wrap:wrap; gap:8px 16px; justify-content:space-between; align-items:center; margin-bottom:8px; font-size:12px; color:var(--ink-2); }
.db-detail-head button, .db-actions button { min-height:0; padding:4px 10px; font-size:12px; }
.db-history { max-width:620px; background:var(--card); border:1px solid var(--rule); border-radius:var(--r); }
.db-history thead th { position:static; }
.db-actions { display:flex; gap:8px; align-items:center; justify-content:flex-end; }
.db-actions a { font-size:12px; }
.db-table .catalog-rarity { display:flex; flex-direction:column; margin:0; padding:0; border:0; background:none; }
.db-table .catalog-rarity small { font-size:10.5px; color:var(--ink-2); }
.db-empty { text-align:center; color:var(--ink-2); padding:18px !important; }
.db-foot { margin:6px 0 0; font-size:11px !important; }
#catalogCount { color:var(--ink-2); }
@media(max-width:560px) {
  .db-table .wide { display:none; }
  .db-table th, .db-table td { padding:7px 8px; }
  .db-toolbar input { flex:1 1 100%; font-size:16px; }
  .db-count { margin-left:0; }
  .db-actions { flex-direction:column; align-items:flex-end; gap:4px; }
}
/* v11b: undo the site-wide table look inside the database tables */
.db-table tbody tr:nth-child(even) { background:none; }
.db-table tbody th { font-size:12.5px; letter-spacing:0; text-transform:none; color:var(--ink); font-weight:400; background:var(--card); position:sticky; left:0; top:auto; z-index:1; border-bottom:1px solid var(--rule) !important; }
.db-table thead th { border-bottom:1px solid var(--rule) !important; z-index:2; }
.db-table thead th:first-child { left:0; z-index:3; }
.db-brands th:first-child, .db-brands td:first-child { background:var(--card); }
.db-brands thead th:first-child { background:var(--paper); }
.db-row:hover > th, .db-row.is-open > th { background:var(--paper) !important; }
.db-history tbody td { background:none; }
.db-table .narrow { display:none; }
@media(max-width:560px) {
  .db-table .narrow { display:block; }
  .db-table tbody th { white-space:normal; min-width:104px; max-width:150px; }
  .db-table thead th { font-size:10px; letter-spacing:.02em; }
  .db-detail-head { flex-direction:column; align-items:flex-start; }
  .db-history th, .db-history td { padding:6px; }
}
.db-history thead th { background:var(--paper); }
.db-history th:first-child { position:static; }
@media(max-width:560px) { .db-history { width:100%; } }
.waiting-list { margin:-4px 0 12px; }
.waiting-list button { min-height:0; padding:3px 9px; font-size:11.5px; font-weight:500; border:1px dashed var(--rule); background:none; }
/* v13: live table, This week, automation panels */
.db-live { display:inline-flex; align-items:center; gap:5px; font-size:11.5px; color:var(--ink-2); margin-left:auto; }
.db-live::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--ink-3, #999); }
.db-live.is-live::before { background:#2f9e5a; box-shadow:0 0 0 3px color-mix(in srgb,#2f9e5a 22%,transparent); animation:db-pulse 2.4s ease-in-out infinite; }
@keyframes db-pulse { 50% { box-shadow:0 0 0 6px color-mix(in srgb,#2f9e5a 0%,transparent); } }
@media (prefers-reduced-motion: reduce) { .db-live.is-live::before { animation:none; } .db-row.is-moved > * { animation:none !important; } }
.db-live + .db-count { margin-left:10px; }
.db-row.is-moved > * { animation:db-moved 2.2s ease-out; }
@keyframes db-moved { from { background:color-mix(in srgb,#e8c547 35%,var(--card)); } }
.elsewhere-col, .db-elsewhere { display:none; }
.has-elsewhere .elsewhere-col, .has-elsewhere .db-elsewhere { display:table-cell; }
.db-elsewhere small { color:var(--ink-2); margin-left:1px; font-size:10.5px; }
@media(max-width:560px) { .has-elsewhere .elsewhere-col, .has-elsewhere .db-elsewhere { display:none; } }
.week-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:10px 18px; }
.week-group h3 { margin:0 0 6px; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.04em; color:var(--ink-2); }
.week-group > div { display:flex; flex-wrap:wrap; gap:4px; }
.week-chip { display:inline-flex; gap:6px; align-items:baseline; min-height:0; padding:3px 9px; font-size:12px; font-weight:500; border:1px solid var(--rule); background:var(--card); }
.week-chip strong { font-variant-numeric:tabular-nums; }
.week-chip.is-down strong { color:var(--ink-2); }
.automation-panel h4 { margin:14px 0 6px; font-size:12px; }
.tracked-list li select { min-height:0; padding:3px 6px; font-size:11.5px; max-width:150px; }
.alert-hits { list-style:none; margin:0; padding:0; max-height:360px; overflow:auto; }
.alert-hits li { display:flex; gap:10px; align-items:center; padding:6px 0; border-top:1px solid var(--rule); font-size:12px; }
.alert-hits img { width:40px; height:40px; object-fit:cover; border-radius:6px; flex:0 0 auto; }
.alert-hits span { display:flex; flex-direction:column; min-width:0; }
.alert-hits small { color:var(--ink-2); }
#healthNote.is-error { color:#b3261e; }
.capture-panel { margin-top:20px; max-width:620px; }
.capture-panel button { min-height:0; padding:6px 14px; }
#notifyForm .clothes-card-actions { justify-content:flex-start; border-top:0; margin-top:4px; padding-top:0; }
#notifyForm .clothes-card-actions button { min-height:0; padding:7px 14px; font-size:12px; width:auto; }
/* Phones: the account chip on its own row above the section tabs, and the tabs
   scroll sideways when there are more than fit (Physical has six). */
@media(max-width:560px) {
  .clothes-page .topbar { grid-template-columns:minmax(0,1fr); grid-template-areas:"actions" "tabs"; row-gap:6px; }
  .clothes-page .topbar-actions { grid-area:actions; }
  .clothes-page .topbar-tabs { grid-area:tabs; flex:1 1 auto; max-width:100%; overflow-x:auto; scrollbar-width:none; }
  .clothes-page .topbar-tabs::-webkit-scrollbar { display:none; }
}