/* Admin-only typography and density. Customer ticket cards keep their sizing. */
body { font-size:16px; }
.workspace { max-width:none; padding:0 20px; }
.workspace-layout { grid-template-columns:220px minmax(0,1fr); gap:20px; }
.workspace-sidebar { padding:16px 10px; }
.workspace-sidebar .tab { font-size:16px; min-height:48px; padding:10px; }
.workspace-sidebar .sidebar-heading strong { font-size:20px; }
.workspace-sidebar .section-kicker,.workspace-sidebar .sync-tools { font-size:13px; }
.workspace .nav-number { font-size:12px; }
.workspace .tab-count { font-size:12px; height:24px; min-width:24px; }
.workspace .page-heading h1 { font-size:clamp(24px,2.2vw,34px); }
.workspace .section-heading h2,.workspace .management-page>h2,dialog h2 { font-size:24px; }
.workspace .section-heading h3,.workspace h3,dialog h3 { font-size:18px; }
.workspace .button,dialog .button { font-size:15px; min-height:44px; }
.workspace .button.small,dialog .button.small { font-size:14px; padding:7px 10px; }
.workspace-layout main label,dialog label { font-size:16px; }
.workspace-layout main input:not([type=checkbox]):not([type=radio]),
.workspace-layout main select,.workspace-layout main textarea,
dialog input:not([type=checkbox]):not([type=radio]),dialog select,dialog textarea { font-size:16px; }
.workspace .muted,.workspace .management-note,.workspace .section-heading .muted,
dialog .muted,dialog .management-note { font-size:15px; }
.workspace .field-help,.workspace .cell-detail,.workspace .feature-status,
.workspace .table-footer,dialog .field-help,dialog .cell-detail { font-size:14px; }
.workspace .member-directory .cell-detail,.workspace .peer-order-list .cell-detail { font-size:14px; }
.workspace .record-table th { font-size:14px; }
.workspace .record-table td { font-size:15px; }
.workspace .record-table .cell-title { font-size:16px; }
.workspace .badge { font-size:13px; }
.workspace .stat-card p { font-size:15px; }
.workspace .stat-card small,.workspace .stat-card div>span { font-size:13px; }
.workspace .dashboard-list-meta { font-size:14px; }
.workspace .dashboard-event-row-stat strong { font-size:16px; }
.workspace .member-section-tab,#panel-settings #settingsSubnav .step-button { font-size:16px; }

/* Give ticket rows the width previously consumed by two broad sidebars. */
#panel-inventory .inventory-workspace { grid-template-columns:200px minmax(0,1fr); gap:16px; }
#panel-inventory #inventoryEvents { padding:12px 8px; }
#panel-inventory .inventory-events-heading { font-size:16px; }
#panel-inventory .inventory-event-option { font-size:15px; padding:10px; gap:3px; }
#panel-inventory .event-ticket-count { font-size:13px; }
#panel-inventory .inventory-event-context { padding:14px; gap:12px; margin-bottom:16px; }
#panel-inventory .inventory-event-title h3 { font-size:19px; }
#panel-inventory .inventory-table th,
#panel-inventory .inventory-table td { padding:9px 8px; line-height:1.5; }
#panel-inventory .inventory-column-select { width:4%; }
#panel-inventory .inventory-column-event { width:22%; }
#panel-inventory .inventory-column-date { width:10%; }
#panel-inventory .inventory-column-seat { width:16%; }
#panel-inventory .inventory-column-quantity { width:6%; }
#panel-inventory .inventory-column-price { width:14%; }
#panel-inventory .inventory-column-status { width:8%; }
#panel-inventory .inventory-column-actions { width:20%; }
#panel-inventory .inventory-table .cell-title { font-size:16px; line-height:1.5; }
#panel-inventory .inventory-table .cell-detail { font-size:13px; margin-top:3px; line-height:1.5; }
#panel-inventory .inventory-table .row-actions { gap:6px; }
#panel-inventory .inventory-table .row-actions .button { flex:0 1 auto; font-size:14px; min-height:40px; padding:7px 9px; }
#panel-inventory .inventory-table .badge { font-size:13px; padding:4px 6px; }
#panel-inventory .inventory-note-details { margin-top:4px; font-size:14px; }
#panel-inventory .inventory-note-details summary { padding:3px 0; }

@container inventory-workspace (max-width:1280px) {
  #panel-inventory .inventory-workspace { grid-template-columns:1fr; gap:16px; }
  #panel-inventory .inventory-event-list { grid-template-columns:repeat(3,minmax(0,1fr)); max-height:190px; }
}
@container inventory-workspace (max-width:700px) {
  #panel-inventory .inventory-event-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@container inventory-workspace (max-width:450px) {
  #panel-inventory .inventory-event-list { grid-template-columns:1fr; max-height:180px; }
}

/* A compact, labelled list replaces eight vertically stacked fields. */
@container (max-width:980px) {
  #panel-inventory .inventory-list .record-table>tbody>tr {
    display:grid; grid-template-columns:26px repeat(3,minmax(0,1fr));
    column-gap:12px; row-gap:7px; padding:14px 0;
  }
  #panel-inventory .inventory-list .record-table>tbody>tr>td {
    display:block; padding:0; width:auto; min-width:0; grid-column:auto; font-size:15px;
  }
  #panel-inventory .inventory-list .record-table>tbody>tr>td::before {
    content:attr(data-label); min-width:0; margin:0 7px 2px 0; font-size:13px;
  }
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(1) { grid-column:1; grid-row:1; padding-top:3px; }
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(2) { grid-column:2/4; grid-row:1; }
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(3) { grid-column:2; grid-row:2; }
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(4) { grid-column:3/5; grid-row:2; }
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(5) { grid-column:4; grid-row:3; }
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(6) { grid-column:2/4; grid-row:3; display:flex; flex-wrap:wrap; gap:4px 14px; align-items:baseline; }
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(7) { grid-column:4; grid-row:1; justify-self:end; }
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(8) { grid-column:2/5; grid-row:4; }
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(1)::before,
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(2)::before,
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(6)::before,
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(7)::before,
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(8)::before { display:none; }
  #panel-inventory .inventory-list .record-table .row-actions { gap:6px; }
  #panel-inventory .inventory-list .record-table .row-actions .button { flex:0 1 auto; min-height:40px; white-space:normal; }
  #panel-inventory .inventory-list .record-table .row-actions>.muted { flex-basis:100%; font-size:13px; }
}
@container (max-width:560px) {
  #panel-inventory .inventory-list .record-table>tbody>tr { grid-template-columns:22px minmax(0,1fr) auto; gap:8px; }
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(2) { grid-column:2/4; }
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(3) { grid-column:2; grid-row:2; }
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(4) { grid-column:2/4; grid-row:3; }
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(5) { grid-column:3; grid-row:4; align-self:start; }
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(6) { grid-column:2; grid-row:4; display:block; }
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(7) { grid-column:3; grid-row:2; }
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(8) { grid-column:2/4; grid-row:5; }
  #panel-inventory .inventory-list .record-table>tbody>tr>td:nth-child(3)::before { display:none; }
  #panel-inventory .inventory-list .record-table .row-actions .button { min-height:44px; }
}
@media(max-width:900px) {
  .workspace { padding:0 16px; }
  .workspace-layout { display:flex; gap:16px; }
  .workspace-sidebar .tab { min-width:142px; }
}
@media(max-width:600px) {
  .workspace { padding:0 12px; }
  .workspace .panel.card { padding:18px 12px 0; }
  .workspace .section-heading { flex-wrap:wrap; }
  .workspace .page-heading h1 { font-size:25px; }
  .workspace .dashboard-card-heading strong { font-size:20px; }
  .workspace .stat-card { padding:14px 12px; }
  .workspace .stat-icon { position:static; float:right; margin-left:4px; }
  .workspace .button,dialog .button { max-width:100%; white-space:normal; overflow-wrap:anywhere; }
  .workspace .filters>.button { font-size:15px; }
  #panel-inventory .inventory-event-context { padding:12px; }
  #panel-inventory .inventory-bulk-actions .button { font-size:14px; }
}
#pickupInfoDialog[open] { display:flex; flex-direction:column; padding:0; overflow:hidden; width:min(680px,calc(100vw - 24px)); max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); }
#pickupInfoDialog .dialog-heading,#pickupInfoDialog .dialog-footer { flex:0 0 auto; }
#pickupInfoDialog .dialog-body { flex:1 1 auto; min-height:0; overflow:auto; }
#pickupInfoDialog .dialog-footer { display:flex; gap:10px; padding:16px 20px; background:var(--surface); }
#pickupInfoDialog .dialog-footer .button { min-width:0; white-space:normal; }
#pickupInfoMessage { font-size:16px; line-height:1.8; overflow-wrap:anywhere; }
#sendPaymentDialog .dialog-footer { position:sticky; bottom:0; z-index:2; background:var(--surface); border-top:1px solid var(--line); }
@media(max-width:600px) { #pickupInfoDialog .dialog-footer { padding:14px; } #pickupInfoDialog .dialog-footer .button { flex:1 1 100%; } }
