.transaction-date-filters {
  display:flex; flex-wrap:wrap; align-items:end; gap:12px;
  margin:0 0 14px; padding:12px 15px; border:1px solid var(--line);
  border-radius:12px; background:white;
}
.transaction-date-filters label { display:grid; gap:5px; min-width:150px; font-size:12px; font-weight:700; }
.transaction-date-filters select,.transaction-date-filters input { min-height:42px; width:100%; }
.transaction-date-filters small { align-self:center; color:var(--muted); font-size:12px; }
.transaction-date-filters .transaction-date-error { flex-basis:100%; color:#a52424; font-size:13px; }
.transaction-date-filters :is(select,input):focus-visible {
  outline:3px solid #1565c0; outline-offset:3px;
}
@media(max-width:600px) {
  .transaction-date-filters label { flex:1 1 140px; min-width:0; }
  .transaction-date-filters small { flex-basis:100%; }
}

/* Compact transaction lists; record editors, Production and Payments are unchanged. */
.transaction-compact-toolbar {
  position:relative; padding:10px 12px; gap:16px; min-height:64px; margin-bottom:10px;
}
.transaction-compact-toolbar .transaction-list-title h3 { margin:0; white-space:nowrap; font-size:20px; }
.transaction-compact-toolbar .transaction-list-title>span { display:none; }
.transaction-compact-toolbar .transaction-filter-actions { align-items:center; flex-direction:row; gap:10px; }
.transaction-compact-toolbar label.transaction-page-search { font-size:0; line-height:0; gap:0; }
.transaction-compact-toolbar .transaction-page-search>div {
  min-width:0; width:clamp(200px,28vw,400px); height:40px; margin:0; line-height:normal;
}
.transaction-compact-toolbar .transaction-page-search input { font-size:14px; min-height:40px; }
.transaction-filter-menu { position:relative; flex:none; }
.transaction-filter-menu>summary {
  display:flex; align-items:center; justify-content:center; gap:8px; min-height:40px;
  padding:8px 12px; border:1px solid var(--line); border-radius:8px;
  background:white; color:var(--ink); cursor:pointer; font-size:13px; font-weight:700; list-style:none;
}
.transaction-filter-menu>summary::-webkit-details-marker { display:none; }
.transaction-filter-menu>summary::after { content:'⌄'; margin-left:4px; }
.transaction-filter-menu[open]>summary { border-color:#1565c0; background:#f0f6fc; }
.transaction-filter-menu>summary:focus-visible,.transaction-filter-panel button:focus-visible {
  outline:3px solid #1565c0; outline-offset:3px;
}
.transaction-filter-panel {
  position:absolute; top:calc(100% + 8px); right:0; z-index:20;
  display:grid; gap:14px; width:min(520px,calc(100vw - 48px)); max-height:70vh; overflow:auto;
  padding:16px; border:1px solid var(--line); border-radius:12px;
  background:white; box-shadow:0 12px 30px rgba(15,35,55,.16);
}
.transaction-filter-menu:not([open])>.transaction-filter-panel { display:none; }
.transaction-filter-panel-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.transaction-filter-panel-heading>strong { font-size:15px; }
.transaction-filter-panel-heading>button { min-height:36px; padding:6px 12px; }
.transaction-filter-panel>label { display:grid; gap:5px; }
.transaction-filter-panel>label select { width:100%; }
.transaction-filter-panel .transaction-date-filters {
  margin:0; padding:0; border:0; border-radius:0; gap:10px;
}
.transaction-filter-panel .transaction-date-filters>label { flex:1 1 180px; }
.transaction-filter-panel .transaction-date-filters>small { flex-basis:100%; }
.transaction-filter-panel .invoice-view-filters { grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; }
.transaction-filter-panel .invoice-view-filters button { padding:10px; }
.transaction-filter-panel .invoice-view-filters strong { font-size:17px; margin:4px 0; }
:is(#quotesView,#ordersView,#invoicesView) .main-list-status { padding:7px 10px; margin-bottom:8px; }
#ordersView .order-group-heading { padding:4px 2px; margin-bottom:6px; border:0; background:transparent; }
#ordersView .order-group-heading>div { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
#ordersView .order-group-heading .eyebrow { margin:0; font-size:10px; }
#ordersView .order-group-heading h3 { font-size:13px; }
#ordersView .order-group-heading>span { display:none; }
@media(max-width:900px) {
  .transaction-compact-toolbar { flex-wrap:wrap; }
  .transaction-compact-toolbar .transaction-filter-actions { flex:1; justify-content:flex-end; }
}
@media(max-width:600px) {
  .transaction-compact-toolbar { padding:10px; gap:10px; }
  .transaction-compact-toolbar .transaction-filter-actions { width:100%; flex-wrap:nowrap; }
  .transaction-compact-toolbar .transaction-filter-actions>label.transaction-page-search {
    flex:1 1 100px; width:auto; min-width:0;
  }
  .transaction-compact-toolbar .transaction-page-search>div { width:100%; }
  .transaction-compact-toolbar .transaction-filter-actions>.transaction-filter-menu {
    position:static; width:auto; min-width:0;
  }
  .transaction-filter-menu>summary { padding:8px; font-size:12px; max-width:240px; }
  .transaction-filter-panel { top:100%; right:10px; left:10px; width:auto; max-height:65vh; }
  .transaction-filter-panel .production-view-switcher { display:flex; }
}