/* Text remains comfortably readable in an operation that runs for hours. */
.mobile-settings { display: none; }
input::placeholder { color: #6e6e73; }
.nav-item { font-size: 13px; }
.breadcrumb, .user-switch select { font-size: 12px; }
.page-top p { font-size: 13px; color: #42434a; }
.eyebrow { color: #42434a; font-size: 9px; }
.day-control > label { font-size: 11px; color: #42434a; }
.day-control input, .shift-switch button { font-size: 12px; }
.client-panel-title h2 { font-size: 15px; }
.search-input input { font-size: 12px; }
.client-info strong { font-size: 12px; color: #42434a; }
.client-info > span { font-size: 10px; color: #42434a; }
.list-label { color: #6e6e73; font-size: 9px; }
.client-list-foot { color: #42434a; font-size: 9px; line-height: 1.6; }
.import-notice strong { font-size: 12px; color: #70613c; }
.import-notice div > span { font-size: 11px; color: #88794f; line-height: 1.6; }
.import-notice .text-button { font-size: 11px; }
.account-heading p { color: #42434a; font-size: 11px; }
.account-heading p strong { color: #42434a; }
.pill { color: #42434a; font-size: 10px; }
.secondary, .primary, .text-button { font-size: 12px; }
.account-select-line > label, .account-select-line .text-button { font-size: 11px; }
.account-select-line > select { font-size: 12px; color: #42434a; }
.account-caption { font-size: 10px; color: #6e6e73; }
.stat > span:first-child { font-size: 11px; color: #42434a; }
.stat-foot { font-size: 10px; color: #6e6e73; line-height: 1.5; }
.stat.balance .stat-foot { color: #42434a; }
.capture-fields label { font-size: 11px; color: #42434a; }
.capture-fields input { font-size: 12px; }
.section-heading h3, .table-toolbar h3 { font-size: 14px; }
.soft-label { font-size: 10px; color: #42434a; }
.capture-hint { font-size: 10px; color: #6e6e73; line-height: 1.5; }
.compact-label { color: #42434a; font-size: 10px; }
.compact-label select { font-size: 11px; width: 155px; color: #42434a; }
.capture-bottom > strong { color: #42434a; font-size: 12px; }
.table-toolbar p { font-size: 11px; color: #6e6e73; }
.product-search input { font-size: 11px; }
th { font-size: 9px; color: #42434a; }
td { font-size: 12px; color: #42434a; }
.product-description strong { font-size: 12px; color: #42434a; }
td small { font-size: 10px; color: #6e6e73; }
.row-number { font-size: 10px; color: #6e6e73; }
.table-foot { font-size: 10px; color: #6e6e73; }
.bottom-note { font-size: 10px; color: #6e6e73; line-height: 1.6; }
.task-check { width: 22px; height: 22px; border-color: #6e6e73; }
.role-notice, .filter-chip { font-size: 11px; color: #42434a; }
.timeline-row strong { font-size: 12px; }
.timeline-row p { font-size: 12px; color: #6e6e73; }
.timeline-row small { font-size: 10px; color: #6e6e73; }
.settings-note, .color-legend > div { font-size: 11px; color: #6e6e73; }
.customer-details dt { color: #6e6e73; font-size: 11px; }
.customer-details dd { color: #42434a; font-size: 13px; }
.modal-head p, .form-help { font-size: 11px; color: #6e6e73; }
.modal-form label { color: #42434a; font-size: 12px; }
.import-explanation p { color: #42434a; }
.empty-state p { color: #6e6e73; font-size: 12px; }
.empty-state h3 { font-size: 15px; }
.source-details { color: #42434a; }
.share-preview p { color: #6e6e73; font-size: 11px; }
.public-footer { color: #6e6e73; }
.public-head p { color: #6e6e73; }
@media (max-width: 1200px) {
  .capture-bottom { flex-wrap: wrap; }
  .capture-hint { flex-basis: 100%; }
  .compact-label { margin-left: 0; }
  .client-panel .search-input kbd { display: none; }
  .account-actions .secondary { font-size: 0; }
  .stat > strong { font-size: 21px; }
}
@media (max-width: 1100px) and (min-width: 701px) {
  .content-layout { grid-template-columns: minmax(0, 1fr); }
  .client-panel { position: static; display: grid; grid-template-columns: 135px 1fr; align-items: center; padding: 7px 10px; }
  .client-panel-title { padding: 7px; }
  .client-panel > .search-input { margin: 0 5px; }
  .list-label, .client-list-foot { display: none; }
  #client-list { grid-column: 1 / -1; display: flex; flex-wrap: wrap; min-height: 0; max-height: 135px; padding: 5px 0 0; }
  .client-row { width: auto; min-width: 200px; max-width: 280px; padding: 7px 10px; margin-bottom: 0; }
  .client-row.selected:before { left: 0; }
  .stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .capture-fields { grid-template-columns: minmax(0, 1fr) 75px 115px auto; }
  .capture-fields .description-field { grid-column: auto; }
  .capture-fields .primary { grid-column: auto; margin-top: 0; }
  .capture-bottom { flex-wrap: nowrap; }
  .capture-hint { flex-basis: auto; }
  .account-actions .secondary { font-size: 11px; gap: 6px; }
  .products-table { min-width: 680px; }
  .product-description { min-width: 210px; }
}
@media (max-width: 960px) {
  .client-info strong { font-size: 11px; }
  .account-heading p { font-size: 10px; }
  .day-control input, .shift-switch button { font-size: 11px; }
  .page-top p { font-size: 12px; }
  .eyebrow { font-size: 8px; }
  .user-switch select { font-size: 11px; }
}
@media (max-width: 700px) {
  .mobile-settings { display: flex; }
  .nav-item { padding: 10px 13px; }
  .client-row { max-width: none; }
  .client-info strong { font-size: 12px; }
  .account-actions .secondary { font-size: 10px; }
  .account-select-line > select { max-width: 210px; font-size: 11px; }
  .stat > strong { font-size: 24px; }
  .page-top p { font-size: 11px; }
  .eyebrow { font-size: 7px; }
  .capture-fields .primary { padding: 10px; font-size: 11px; }
  .account-heading p { font-size: 10px; }
  .account-name h2 { font-size: 18px; }
  .table-toolbar h3 { font-size: 13px; }
  .import-notice div > span { font-size: 10px; }
  .breadcrumb, .user-switch select { font-size: 10px; }
  .public-head p { font-size: 11px; }
}

.public-live-section { border-top: 1px solid #c7c7cc; }
.public-live-heading { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 20px 24px; background: #e5e5ea; }
.public-live-heading h4 { margin: 0; color: #1d1d1f; font-size: 17px; line-height: 1.5; }
.public-live-heading p { margin: 5px 0 0; color: #42434a; font-size: 12px; }
.public-live-subtotal { display: grid; gap: 5px; text-align: right; flex-shrink: 0; }
.public-live-subtotal span { font-size: 11px; color: #42434a; }
.public-live-subtotal strong { font-size: 16px; color: #1d1d1f; }
@media(max-width:650px){.public-live-heading{padding:16px;align-items:flex-start}.public-live-heading h4{font-size:15px}.public-live-subtotal strong{font-size:14px}}
@media print{.public-live-heading{break-after:avoid;background:#e5e5ea!important;print-color-adjust:exact}.public-live-section thead{display:table-header-group}}