:root { --ink:var(--kitty-text); --dim:var(--kitty-muted); --accent:var(--kitty-accent); --line-strong:var(--kitty-divider); }
.customers-filters { display:flex; flex-wrap:wrap; align-items:end; gap:12px; margin-bottom:20px; }
.customers-filters label { display:flex; flex-direction:column; gap:7px; margin:0; min-width:0; }
.customers-search { flex:1 1 240px; }
.customers-search input { min-height:38px; width:100%; }
.customers-filters .themed-select { max-width:250px; }
.customers-note { font-size:12px; color:var(--muted); margin:12px 0; }
.customers-table { min-width:980px; }
.customers-table td { vertical-align:top; line-height:1.6; padding:12px 14px; }
.customers-table td strong,.customers-table td small { display:block; }
.customers-table td small { margin-top:4px; color:var(--muted); font-size:11px; }
.customers-table .badge { white-space:nowrap; }
.customers-table tr:hover { background:#b677ee08; }
#customers-more { margin-top:16px; }
@media(max-width:650px){.customers-filters>label,.customers-filters .themed-select { width:100%; max-width:none; }}

/* Access list panel (Customers view) */
#access-list-panel { margin:0 0 26px; }
#access-list-panel .panel-head .hint { margin:6px 0 0; max-width:720px; line-height:1.6; }
.access-list-body { padding:18px 22px 4px; }
.access-list-body > label { margin:0; }
.access-list-body textarea { min-height:78px; }
.access-list-terms { display:grid; grid-template-columns:minmax(150px,190px) minmax(130px,160px) minmax(180px,1fr) auto; gap:14px; align-items:end; margin-top:14px; }
.access-list-terms label { margin:0; min-width:0; }
.access-list-terms input { min-height:40px; }
.access-list-terms .button { min-height:40px; white-space:nowrap; }
.access-list-help { font-size:11px; color:var(--muted); margin:10px 0 0; }
.access-list-help em { font-style:normal; color:var(--text); }
#access-list-summary { padding:0 22px; margin:16px 0 12px; }
#access-list-panel .table-wrap { border-top:1px solid var(--line); }
.access-list-table { min-width:760px; }
.access-list-table td:last-child { text-align:right; }
@media(max-width:760px){ .access-list-terms { grid-template-columns:1fr 1fr; } .access-list-terms .button { grid-column:1/-1; } }
.customers-table .seat-summary { color:var(--muted); }
.customers-table .seat-summary.full { color:var(--amber); font-weight:700; }
.customers-table .customer-actions { white-space:nowrap; text-align:right; }
.customers-table .customer-actions .button { padding:6px 10px; font-size:11px; }
.customers-table .customer-actions .button + .button { margin-left:6px; }
.customers-table .customer-refund { color:var(--danger); }
#extend-dialog .dialog-head p { margin:6px 0 0; font-size:11px; color:var(--muted); }
.extend-modes { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.extend-modes label { display:flex; align-items:center; gap:8px; margin:0; padding:11px 12px; border:1px solid #343434; border-radius:var(--kitty-arc); background:#1e1e20; cursor:pointer; text-transform:none; letter-spacing:0; font-size:11px; color:var(--text); }
.extend-modes label:has(input:checked) { border-color:#b677ee; background:#b677ee0b; }
.extend-modes input { width:auto; margin:0; accent-color:#b677ee; }
.extend-presets { display:flex; flex-wrap:wrap; gap:6px; margin-top:14px; }
.extend-preset { padding:7px 10px; border:1px solid #343434; border-radius:999px; background:#1e1e20; color:var(--text); font-size:11px; cursor:pointer; }
.extend-preset:hover, .extend-preset.selected { border-color:#b677ee; background:#b677ee14; }
.extend-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:16px 0 0; }
.extend-summary div { padding:10px 12px; border:1px solid #343434; border-radius:var(--kitty-arc); background:#18181a; }
.extend-summary dt { color:#7c7c7c; font-size:9px; text-transform:uppercase; letter-spacing:.1em; font-weight:800; }
.extend-summary dd { margin:5px 0 0; font-size:11px; }
.extend-summary dd.invalid { color:var(--danger); }
@media (max-width:560px) { .extend-summary { grid-template-columns:1fr; } }