.customer-archive { display:grid; gap:16px; min-width:0; overflow-wrap:anywhere; }
.customer-archive__intro { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.customer-archive__intro h3, .customer-archive__records h3 { margin:3px 0 0; font:750 clamp(20px,2.2vw,27px)/1.25 var(--body); }
.customer-archive__records p { margin:7px 0 0; color:var(--muted); font-size:13px; }
.customer-archive__intro > span { flex:none; padding:5px 10px; border:1px solid var(--line); border-radius:999px; background:var(--paper); color:var(--teal-dark); font-size:12px; font-weight:750; }
.customer-archive__tools { display:grid; gap:18px; border-top:3px solid var(--teal-dark); }
.customer-archive__categories { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.customer-archive__categories button { display:grid; justify-items:start; gap:6px; min-width:0; min-height:62px; padding:8px 10px; border:1px solid var(--line); border-radius:10px; background:var(--paper); color:var(--muted); text-align:start; font-size:12px; font-weight:700; }
.customer-archive__categories button[aria-pressed="true"] { border-color:var(--teal); background:#e2f0e7; color:var(--ink); }
.customer-archive__categories button:hover { border-color:var(--teal); }
.customer-archive__categories strong { color:var(--ink); font-size:19px; line-height:1.2; font-variant-numeric:tabular-nums; }
.customer-archive__form { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto auto; align-items:end; gap:10px; }
.customer-archive__form label { display:grid; gap:8px; min-width:0; color:var(--ink); font-size:13px; font-weight:700; }
.customer-archive__form :is(input,select) { width:100%; min-width:0; min-height:48px; padding:8px 11px; border:1px solid var(--line-strong); border-radius:10px; background:var(--surface); }
.customer-archive__form button { min-height:48px; }
.customer-archive__records { display:grid; gap:12px; align-content:start; }
.customer-archive__records > header, .customer-archive__footer, .customer-archive__footer > div { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 15px; }
.customer-archive__records > header > p { margin:0; }
.customer-archive__records :is([data-archive-observed],[data-archive-status],[data-archive-loading],[data-archive-rows],.customer-archive__recovery):empty { display:none; }
.customer-archive__recovery:not(:has(button:not([hidden]))) { display:none; }
.customer-archive__table { width:100%; min-width:0; table-layout:fixed; border-collapse:separate; border-spacing:0; border:1px solid var(--line); border-radius:12px; font-size:13px; }
.customer-archive__table :is(th,td) { padding:9px 10px; border-bottom:0; color:var(--ink); font-size:inherit; text-align:start; vertical-align:top; letter-spacing:normal; }
.customer-archive__table thead th { background:var(--paper); color:var(--muted); font-size:12px; }
.customer-archive__table thead th:first-child { width:33%; border-start-start-radius:11px; }
.customer-archive__table thead th:nth-child(2) { width:20%; }
.customer-archive__table thead th:last-child { width:18%; border-start-end-radius:11px; }
.customer-archive__table tbody :is(th,td) { border-top:1px solid var(--line); }
.customer-archive__table tbody th > span, .customer-archive__book, .customer-archive__raw-status { display:block; margin-top:2px; color:var(--muted); font-size:12px; font-weight:400; }
.customer-archive__table tbody button { min-height:36px; max-width:100%; padding:4px 8px; line-height:1.2; }
.customer-archive__badge { display:inline-block; padding:3px 7px; border-radius:7px; background:var(--paper); color:var(--muted); font-size:12px; font-weight:750; }
.customer-archive__badge[data-category="sent"] { background:#e3f1e4; color:#245642; }
.customer-archive__badge[data-category="unsent"] { background:#edf2f8; color:#355679; }
.customer-archive__badge[data-category="prepared"] { background:#f8f0df; color:#734918; }
.customer-archive__detail { padding:13px; border:1px solid var(--line); border-radius:9px; background:var(--paper); }
.customer-archive__detail h4 { margin:0 0 8px; font-size:13px; }
.customer-archive__detail dl { margin:0; }
.customer-archive__detail dl > div { display:grid; grid-template-columns:minmax(100px,1fr) minmax(0,3fr); gap:8px 14px; padding:7px 0; border-top:1px solid var(--line); }
.customer-archive__detail dt { color:var(--muted); font-weight:700; }
.customer-archive__detail dd { min-width:0; margin:0; white-space:pre-wrap; }
.customer-archive__footer { color:var(--muted); font-size:13px; font-variant-numeric:tabular-nums; }
.customer-archive__footer > div { gap:8px; }
.customer-archive button:disabled { opacity:.55; cursor:not-allowed; transform:none; }

@media(max-width:1050px) {
  .customer-archive__categories { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .customer-archive__form { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:620px) {
  .customer-archive__intro { flex-wrap:wrap; }
  .customer-archive__form { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .customer-archive__form label { grid-column:1/-1; }
  .customer-archive__table, .customer-archive__table tbody { display:block; }
  .customer-archive__table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .customer-archive__table tbody .customer-archive__row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; padding:11px; border-top:1px solid var(--line); }
  .customer-archive__row:first-child { border-top:0; }
  .customer-archive__row th { grid-column:1/-1; }
  .customer-archive__table tbody .customer-archive__row :is(td,th) { min-width:0; padding:0; border:0; }
  .customer-archive__table [data-archive-detail]:not([hidden]), .customer-archive__table [data-archive-detail] td { display:block; }
  .customer-archive__detail dl > div { grid-template-columns:minmax(0,1fr); gap:2px; }
}