/* Shared archive/member UI. Scoped page class; no theme or ad selectors. */
body.szc-archive-ui {
  --archive-bg: #fbf8f6;
  --archive-ink: #2c3333;
  --archive-muted: #64716d;
  --archive-line: #e2e5df;
  --archive-green: #355f52;
  --archive-hover: #eaf0eb;
  --archive-heading: #efebe6;
  --archive-pink: #b54365;
}
body.szc-archive-ui :is(.szma-archive,#szc-song-catalog,#szc-song-page,#szc-quick-dialog) {
  --ink: var(--archive-ink);
  --muted: var(--archive-muted);
  --line: var(--archive-line);
  --green: var(--archive-green);
  --pink: var(--archive-pink);
  --wash: var(--archive-hover);
  --green-light: var(--archive-hover);
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic UI",Meiryo,sans-serif;
}
body.szc-archive-ui .szma-archive { --paper:var(--archive-bg); border-radius:12px; }

/* Search boxes share a focus boundary, without changing autocomplete or filters. */
body.szc-archive-ui .szma-archive .search-line,
body.szc-archive-ui #szc-song-catalog .search-area {
  box-sizing:border-box; min-height:50px; height:auto; border:1px solid var(--archive-line);
  border-radius:8px; padding:0 14px; background:#fff; box-shadow:none;
}
body.szc-archive-ui :is(.szma-archive .search-line,#szc-song-catalog .search-area):focus-within {
  outline:2px solid var(--archive-pink); outline-offset:2px;
}
body.szc-archive-ui :is(.szma-archive .search-line,#szc-song-catalog .search-area) input {
  min-height:48px; font-size:14px; padding:10px 0; outline:none;
}

/* Comparable controls are 40px high; secondary chips and SNS keep their density. */
body.szc-archive-ui .szma-archive :is(.control,.menu summary,.settings summary,.toolbar select,.song-sort select),
body.szc-archive-ui #szc-song-catalog :is(.multi-select summary,.sort-control select,.live-filters select),
body.szc-archive-ui #szc-quick-dialog .szqd-song-controls select {
  box-sizing:border-box; min-height:40px; border:1px solid var(--archive-line);
  border-radius:6px; background:#fff; color:var(--archive-ink); font-size:12px;
}
body.szc-archive-ui #szc-song-catalog .sort-control {font-size:11px;gap:8px;color:var(--archive-muted)}
body.szc-archive-ui #szc-song-catalog .sort-control select {width:145px;padding:7px 24px 7px 10px}
body.szc-archive-ui .szma-archive .control.is-active {background:var(--archive-green);color:white;border-color:var(--archive-green)}
body.szc-archive-ui .szma-archive .menu[open] summary,
body.szc-archive-ui #szc-song-catalog .multi-select[open] summary {
  border-color:var(--archive-green); box-shadow:0 0 0 1px var(--archive-green);
}
body.szc-archive-ui .szma-archive .menu-panel label:has(input:checked),
body.szc-archive-ui #szc-song-catalog .multi-option:has(input:checked) {background:var(--archive-hover)}
body.szc-archive-ui #szc-song-catalog :is(.song-filters #szc-filter-fields>.reset-button,.live-filters>.reset-button,.release-categories .reset-button,.bonus-filters .reset-button),
body.szc-archive-ui .szma-archive .reset {
  min-height:40px; width:auto; border:1px solid var(--archive-line); border-radius:6px;
  padding:7px 12px; background:#fff; color:var(--archive-green);font-size:12px;
}

/* Scope / card-list toggles: dark selected fill. Content tabs: pink underline. */
body.szc-archive-ui .szma-archive .segmented,
body.szc-archive-ui #szc-song-catalog .scope-switch,
body.szc-archive-ui #szc-quick-dialog .szqd-segments {
  gap:3px;padding:3px;border:1px solid var(--archive-line);border-radius:8px;background:var(--archive-hover);
}
body.szc-archive-ui :is(.szma-archive .segmented,#szc-song-catalog .scope-switch,#szc-quick-dialog .szqd-segments) button {
  min-height:36px;border:1px solid transparent;border-radius:5px;color:var(--archive-muted);background:transparent;
}
body.szc-archive-ui :is(.szma-archive .segmented,#szc-song-catalog .scope-switch,#szc-quick-dialog .szqd-segments) button[aria-pressed=true] {
  background:var(--archive-green);color:#fff;border-color:var(--archive-green);
}
body.szc-archive-ui #szc-quick-dialog .szqd-tabs button[aria-pressed=true] {
  background:transparent;color:var(--archive-pink);border:1px solid transparent;border-bottom:2px solid var(--archive-pink);
}

/* Headers must remain distinct from hover backgrounds. */
body.szc-archive-ui #szc-song-catalog :is(.table-head,.release-head,.bonus-head),
body.szc-archive-ui .szma-archive .member-table thead th {
  background:var(--archive-heading);color:var(--archive-muted);
}
body.szc-archive-ui .szma-archive .song-row:is(:hover,:focus-visible),
body.szc-archive-ui #szc-quick-dialog .szqd-songs>a:is(:hover,:focus-visible) {
  background:var(--archive-hover);color:var(--archive-ink);
}
body.szc-archive-ui .szma-archive .song-row:is(:hover,:focus-visible) strong,
body.szc-archive-ui #szc-quick-dialog .szqd-songs>a:is(:hover,:focus-visible) strong {color:var(--archive-pink)}
body.szc-archive-ui .szma-archive .member-table tr:is(:hover,:focus-within) th[scope=row] a {color:var(--archive-pink)}
body.szc-archive-ui :is(.szma-archive,#szc-song-catalog,#szc-song-page,#szc-quick-dialog) :is(a,button,select,input,summary):focus-visible {
  outline:2px solid var(--archive-pink);outline-offset:3px;
}
body.szc-archive-ui :is(.szma-archive .search-line,#szc-song-catalog .search-area) input:focus-visible {outline:none}

/* Identical overlay shell; retain safe-area space reserved for existing ads. */
body.szc-archive-ui #szc-song-catalog #szc-detail,
body.szc-archive-ui #szc-quick-dialog {
  box-sizing:border-box;width:min(840px,calc(100% - 32px));max-width:840px;
  border:1px solid var(--archive-line);border-radius:12px;background:var(--archive-bg);
  box-shadow:0 18px 65px #172c3438;
}
body.szc-archive-ui #szc-quick-dialog {
  max-height:calc(100dvh - var(--szc-safe-top,0px) - var(--szc-safe-bottom,0px) - 24px);
}
body.szc-archive-ui #szc-song-catalog #szc-detail::backdrop,
body.szc-archive-ui #szc-quick-dialog::backdrop {background:#253b3866;backdrop-filter:blur(3px)}
body.szc-archive-ui #szc-song-catalog .dialog-top,
body.szc-archive-ui #szc-quick-dialog .szqd-bar {
  padding:10px 18px;gap:8px;min-height:60px;background:var(--archive-bg);border-bottom:1px solid var(--archive-line);
}
body.szc-archive-ui #szc-song-catalog .dialog-top button,
body.szc-archive-ui #szc-quick-dialog .szqd-bar button {
  min-height:40px;border:1px solid var(--archive-line);border-radius:6px;background:#fff;color:var(--archive-green);
}
body.szc-archive-ui #szc-song-catalog .dialog-top button:hover,
body.szc-archive-ui #szc-quick-dialog .szqd-bar button:hover {background:var(--archive-hover)}
body.szc-archive-ui #szc-song-catalog .dialog-top .detail-back {font-size:12px;padding:7px 10px}
body.szc-archive-ui #szc-song-catalog #szc-close-detail {font-size:12px;width:auto;padding:7px 10px;white-space:nowrap}
body.szc-archive-ui #szc-song-catalog #szc-detail-content {padding:28px 32px 32px}
@media(max-width:600px) {
  body.szc-archive-ui :is(.szma-archive .search-line,#szc-song-catalog .search-area) input {font-size:16px}
  body.szc-archive-ui #szc-song-catalog .sort-control {flex-wrap:wrap;justify-content:flex-end;gap:4px}
  body.szc-archive-ui #szc-song-catalog .sort-control select {width:140px}
  body.szc-archive-ui #szc-song-catalog #szc-detail,
  body.szc-archive-ui #szc-quick-dialog {width:calc(100% - 16px);border-radius:10px}
  body.szc-archive-ui #szc-song-catalog .dialog-top,
  body.szc-archive-ui #szc-quick-dialog .szqd-bar {padding:8px;gap:4px;min-height:56px}
  body.szc-archive-ui #szc-song-catalog #szc-detail-content {padding:20px 14px}
}