/* Status tabs, CRM sales account and submission dates share one desktop row. */
.quotation-list-page .quotation-toolbar { padding: 12px 16px; }
.quotation-list-filter-controls { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.quotation-date-range { display: flex; align-items: center; gap: 6px; margin: 0; }
.quotation-date-label, .quotation-date-separator { color: #526b73; font-size: 12px; white-space: nowrap; }
.quotation-date-range label { display: block; margin: 0; }
.quotation-list-filter-controls :is(input, button, select) { box-sizing: border-box; min-height: 34px; }
.quotation-sales-filter { display:flex; align-items:center; gap:6px; color:#526b73; font-size:12px; white-space:nowrap; }
.quotation-sales-filter select { width:154px; max-width:210px; border:1px solid #c9dadd; border-radius:6px; padding:7px 26px 7px 8px; background:#fff; color:#183f48; font:inherit; font-size:13px; }
.quotation-completed-cell { white-space:nowrap; font-variant-numeric:tabular-nums; }
.quotation-date-range input { border: 1px solid #c9dadd; border-radius: 6px; padding: 7px 8px; background: #fff; color: #183f48; font: inherit; font-size: 13px; color-scheme: light; }
.quotation-date-range input { width: 132px; min-width: 0; font-variant-numeric: tabular-nums; }
.quotation-date-range .quotation-button { min-height: 34px; padding: 7px 12px; border-radius: 6px; font-size: 13px; line-height: 1.2; white-space: nowrap; }
.quotation-filter-reset { padding: 6px 2px; border: 0; background: transparent; color: #086873; font: inherit; font-size: 12px; cursor: pointer; text-decoration: underline; text-underline-offset: 3px; }
.quotation-filter-reset:hover, .quotation-date-shortcuts button:hover { color: #044b53; }
.quotation-list-page :is(.quotation-list-filter-controls, .quotation-date-shortcuts) :is(button, input, select):focus-visible { outline: 2px solid #087078; outline-offset: 3px; }
.quotation-list-filters { padding: 8px 16px; border-bottom: 1px solid #edf2f2; }
.quotation-filter-summary { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 16px; color: #526b73; font-size: 12px; line-height: 1.6; }
.quotation-filter-summary strong { color: #183f48; font-weight: 600; font-variant-numeric: tabular-nums; }
.quotation-date-shortcuts { display: flex; gap: 4px; margin-left: auto; }
.quotation-date-shortcuts button { min-height: 28px; padding: 2px 8px; border: 0; border-radius: 4px; background: transparent; color: #086873; font: inherit; cursor: pointer; }
.quotation-date-shortcuts button[aria-pressed="true"] { background: #dff2ef; color: #086460; font-weight: 600; }
.quotation-date-error { margin: 0 0 6px; color: #a12a30; font-size: 13px; }
.quotation-date-error[hidden] { display: none; }
.quotation-filter-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.quotation-list-filter-controls ::selection { color: #183f48; background: #d9efeb; }
@media (max-width: 767px) {
  #app .quotation-list-page .quotation-toolbar { padding: 12px; }
  #app .quotation-list-page .quotation-tabs { flex-wrap: wrap; overflow-x: visible; }
  #app .quotation-list-filter-controls { width: 100%; min-width: 0; gap: 10px; margin-left: 0; }
  #app .quotation-sales-filter { width:100%; justify-content:space-between; }
  #app .quotation-sales-filter select { flex:1; min-width:0; width:auto; max-width:none; min-height:44px; font-size:16px; }
  #app .quotation-table td.quotation-completed-cell { grid-column:1 / -1; grid-row:6; white-space:normal; }
  #app .quotation-table td.quotation-completed-cell::before { content:'完成时间：'; color:var(--muted); }
  #app .quotation-date-range { display: grid; width: 100%; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 8px; }
  #app .quotation-date-label { grid-column: 1 / -1; }
  #app .quotation-date-range label { min-width: 0; }
  #app .quotation-date-range input { width: 100%; min-height: 44px; padding: 7px; font-size: 16px; }
  #app .quotation-date-range .quotation-button { grid-column: 1 / -1; min-height: 44px; }
  #app .quotation-filter-reset { min-height: 44px; padding: 6px 8px; }
  #app .quotation-list-filters { padding: 8px 12px; }
  #app .quotation-date-shortcuts { margin-left: 0; }
  #app .quotation-date-shortcuts button { min-height: 36px; }
}

@media (min-width:768px) {
  .quotation-list-page .quotation-toolbar { flex-wrap:nowrap; align-items:flex-start; gap:16px; }
  .quotation-list-page .quotation-tabs { flex:1 1 auto; min-width:0; flex-wrap:nowrap; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#91aaad transparent; }
  .quotation-list-page .quotation-tab { flex:0 0 auto; white-space:nowrap; }
  .quotation-list-filter-controls { flex:0 0 auto; flex-wrap:nowrap; }
}
@media (min-width:768px) and (max-width:1023px) {
  .quotation-list-page .quotation-toolbar { overflow-x:auto; scrollbar-width:thin; scrollbar-color:#91aaad transparent; }
  .quotation-list-page .quotation-tabs { flex:0 0 auto; overflow:visible; }
}