.manager-quick-nav { display: none; }
.collection-name-search { margin-bottom: 10px; }
.collection-name-search label { display: block; margin-bottom: 6px; }
.collection-name-search small { display: block; margin-top: 5px; color: #526780; }
@media (max-width: 699px) {
  html body .content-wrapper .module-container,
  html body .content-wrapper .module-container .card,
  html body .content-wrapper .module-container .card-body { min-width: 0; max-width: 100%; box-sizing: border-box; }
  html body .content-wrapper .module-container .module-form-grid { grid-template-columns: minmax(0, 1fr); }
  html body .content-wrapper .module-container .module-toolbar { flex-wrap: wrap; gap: 8px; }
  html body .content-wrapper .module-container .module-toolbar > * { max-width: 100%; }
  html body .content-wrapper .module-container .module-table-wrap,
  html body .content-wrapper .module-container .table-responsive,
  html body .content-wrapper .module-container .cashier-summary-table-wrap,
  html body .content-wrapper .module-container .summary-sales-table-wrap { width: 100%; max-width: 100%; min-width: 0; overflow: visible !important; }
  html body .content-wrapper .module-container table.mobile-records-table { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; table-layout: auto !important; border: 0; }
  html body .content-wrapper .module-container table.mobile-records-table > thead { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden; clip: rect(0,0,0,0); }
  html body .content-wrapper .module-container table.mobile-records-table > colgroup { display: none; }
  html body .content-wrapper .module-container table.mobile-records-table > tbody,
  html body .content-wrapper .module-container table.mobile-records-table > tfoot { display: block !important; width: 100% !important; }
  html body .content-wrapper .module-container table.mobile-records-table > tbody > tr,
  html body .content-wrapper .module-container table.mobile-records-table > tfoot > tr { display: block !important; width: 100% !important; min-width: 0; margin: 0 0 14px; padding: 8px 12px; border: 1px solid #d5dfed; border-radius: 12px; box-sizing: border-box; }
  html body .content-wrapper .module-container table.mobile-records-table tr > td,
  html body .content-wrapper .module-container table.mobile-records-table tr > th { display: block !important; position: static !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box; padding: 9px 0 !important; white-space: normal !important; overflow-wrap: anywhere; word-break: normal; text-align: left !important; border: 0; border-bottom: 1px solid #e3eaf3; }
  html body .content-wrapper .module-container table.mobile-records-table tr > td::before,
  html body .content-wrapper .module-container table.mobile-records-table tr > th::before { content: attr(data-mobile-label); display: block !important; position: static !important; width: auto !important; margin: 0 0 4px; color: #667991; font-size: 11px; line-height: 1.4; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; }
  html body .content-wrapper .module-container table.mobile-records-table tr > [data-mobile-label=""]::before { display: none !important; }
  html body .content-wrapper .module-container table.mobile-records-table td > * { max-width: 100%; box-sizing: border-box; }
  html body .content-wrapper .module-container table.mobile-records-table td .btn { min-height: 40px; white-space: normal; margin: 3px 4px 3px 0; }
  body.manager-panel-mode .manager-quick-nav { display: flex; position: sticky; top: 56px; z-index: 20; gap: 6px; padding: 8px; background: #edf3fa; border-bottom: 1px solid #d3deec; }
  .manager-quick-nav a { flex: 1; padding: 12px 6px; min-height: 44px; border-radius: 8px; background: white; color: #193b63; text-align: center; font-size: 15px; font-weight: 700; }
  .manager-quick-nav a[aria-current="page"] { background: #195ca7; color: white; }
  body.manager-panel-mode .module-form-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
  body.manager-panel-mode .form-control { min-height: 48px; font-size: 16px; width: 100%; }
  body.manager-panel-mode .module-card .card-body { padding: 16px; }
  body.manager-panel-mode .lanc-create-card button[type="submit"] { width: 100%; min-height: 50px; white-space: normal; font-size: 16px; }
  body.manager-panel-mode .lanc-form-intro { align-items: flex-start; padding: 14px; }
  body.manager-panel-mode .lanc-form-intro p { font-size: 14px; line-height: 1.5; }
  body.manager-panel-mode .lanc-form-toolbar .btn { min-height: 44px; padding: 12px 16px; }
}
@media (max-width: 699px) {
  html body .content-wrapper .module-container table.mobile-records-table,
  html body .content-wrapper .module-container table.mobile-records-table tbody,
  html body .content-wrapper .module-container table.mobile-records-table tfoot,
  html body .content-wrapper .module-container table.mobile-records-table tr,
  html body .content-wrapper .module-container table.mobile-records-table tr > td,
  html body .content-wrapper .module-container table.mobile-records-table tr > th { height: auto !important; max-height: none !important; }
}
/* Keep mobile navigation attached to the viewport despite ancestor overflow. */
@media (max-width: 699px) {
  body.manager-panel-mode > .wrapper { padding-top: 62px; }
  body.manager-panel-mode .main-header { position: fixed !important; top: 0; left: 0; right: 0; height: 62px; margin-left: 0 !important; z-index: 1030; }
  body.manager-panel-mode .content-wrapper { padding-top: 64px; }
  body.manager-panel-mode .manager-quick-nav { position: fixed; top: 62px; left: 0; right: 0; z-index: 1029; box-sizing: border-box; }
}
/* One consistent mobile column for the collection form. */
@media (max-width: 699px) {
  html body .content-wrapper .module-container .lanc-create-card .card-body { padding: 16px !important; }
  html body .content-wrapper .lanc-create-card form,
  html body .content-wrapper .lanc-create-card .module-form-grid,
  html body .content-wrapper .lanc-create-card .module-form-grid > div { min-width: 0; max-width: 100%; box-sizing: border-box; }
  html body .content-wrapper .lanc-create-card .module-form-grid { display: grid; grid-template-columns: minmax(0, 1fr) !important; gap: 18px !important; }
  html body .content-wrapper .lanc-create-card .module-form-grid > div { grid-column: 1 / -1 !important; margin-bottom: 0 !important; }
  html body .content-wrapper .lanc-create-card .form-control,
  html body .content-wrapper .lanc-create-card button[type="submit"] { display: block; width: 100% !important; min-width: 0 !important; max-width: 100%; min-height: 48px; box-sizing: border-box; font-size: 16px; }
  html body .content-wrapper .lanc-create-card input[type="date"] { appearance: none; -webkit-appearance: none; }
  html body .content-wrapper .lanc-create-card label { white-space: normal; overflow-wrap: anywhere; }
  html body .content-wrapper .lanc-create-card .lanc-form-intro { min-width: 0; max-width: 100%; box-sizing: border-box; padding: 14px !important; }
  html body .content-wrapper .lanc-create-card .lanc-form-intro > * { min-width: 0; overflow-wrap: anywhere; }
  html body .content-wrapper .lanc-create-card .lanc-form-toolbar { display: flex; flex-wrap: wrap; gap: 8px; }
}
/* Shared Admin/Manager dark surfaces and readable secondary text. */
html body.admin-dark-mode .manager-quick-nav { background: #101e32 !important; border-color: #334660; box-shadow: 0 3px 12px rgba(0,0,0,.25); }
html body.admin-dark-mode .manager-quick-nav a { background: #1b2c45; color: #e4edfa; border: 1px solid #3b506d; }
html body.admin-dark-mode .manager-quick-nav a[aria-current="page"] { background: #215faa; color: #fff; border-color: #71a8ef; }
html body.admin-dark-mode .content-header h1,
html body.admin-dark-mode .content-wrapper .module-container h1,
html body.admin-dark-mode .content-wrapper .module-container h2,
html body.admin-dark-mode .content-wrapper .module-container h3,
html body.admin-dark-mode .content-wrapper .module-container h4 { color: #edf4ff !important; }
html body.admin-dark-mode .breadcrumb,
html body.admin-dark-mode .breadcrumb-item.active,
html body.admin-dark-mode .content-wrapper .text-muted,
html body.admin-dark-mode .collection-name-search small,
html body.admin-dark-mode .lanc-form-intro p,
html body.admin-dark-mode .collection-actor-notice { color: #bac8dc !important; }
html body.admin-dark-mode .breadcrumb a { color: #8bc0ff; }
html body.admin-dark-mode .content-wrapper .module-container .card,
html body.admin-dark-mode .content-wrapper .module-container .card-header,
html body.admin-dark-mode .content-wrapper .module-container .card-body { background-color: #101e32 !important; color: #e4edfa; border-color: #334660; }
html body.admin-dark-mode .content-wrapper .module-container .form-control { background: #192a42 !important; color: #edf4ff !important; border-color: #506581 !important; color-scheme: dark; }
html body.admin-dark-mode .content-wrapper .module-container .form-control::placeholder { color: #afbed2 !important; opacity: 1; }
html body.admin-dark-mode .content-wrapper .module-container .form-control:focus { border-color: #80b7ff !important; box-shadow: 0 0 0 3px rgba(92,160,255,.22); }
html body.admin-dark-mode .content-wrapper .module-container .form-control:disabled { background: #243247 !important; color: #bfccde !important; }
html body.admin-dark-mode .content-wrapper .module-container label { color: #e4edfa; }
html body.admin-dark-mode .content-wrapper .module-container table.mobile-records-table tr,
html body.admin-dark-mode .content-wrapper .module-container table.mobile-records-table td,
html body.admin-dark-mode .content-wrapper .module-container table.mobile-records-table th { background: #14243b !important; color: #e4edfa; border-color: #354963 !important; box-shadow: none; }
html body.admin-dark-mode .content-wrapper .module-container table.mobile-records-table thead th { background: #1c304b !important; }
html body.admin-dark-mode .content-wrapper .module-container table.mobile-records-table td::before,
html body.admin-dark-mode .content-wrapper .module-container table.mobile-records-table th::before { color: #b6c9e4 !important; }
html body.admin-dark-mode .lanc-form-intro { background: #1c2945 !important; border-color: #465582 !important; }
html body.admin-dark-mode .main-footer { background: #0e192b !important; color: #bac8dc !important; border-color: #334660; }
html body.admin-dark-mode .main-footer a { color: #8bc0ff; }
html body.admin-dark-mode .wrapper .content-wrapper .content-header h1 { color: #edf4ff !important; }
html body.admin-dark-mode .wrapper .content-wrapper .content-header .breadcrumb,
html body.admin-dark-mode .wrapper .content-wrapper .content-header .breadcrumb li,
html body.admin-dark-mode .wrapper .content-wrapper .module-container .module-note { color: #bac8dc !important; }
html body.admin-dark-mode .wrapper .content-wrapper .content-header .breadcrumb a { color: #8bc0ff !important; }
html body.admin-dark-mode .wrapper .content-wrapper .lanc-form-toolbar .btn-secondary { background: #293e5b !important; border-color: #536b89 !important; color: #fff !important; }
html body.admin-dark-mode.cashier-reference-mode .wrapper .content-wrapper .content-header h1 { color: #edf4ff !important; }
/* Safari date controls must shrink with the financial filter column. */
@media (max-width: 699px) {
  html body .wrapper .content-wrapper .module-container .module-form-grid > * { min-width: 0; max-width: 100%; box-sizing: border-box; }
  html body .wrapper .content-wrapper .module-container input[type="date"] { display: block; width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; -webkit-appearance: none; appearance: none; min-height: 48px; font-size: 16px; padding: 10px 12px; }
  html body .wrapper .content-wrapper .module-container input[type="date"]::-webkit-date-and-time-value { min-width: 0; text-align: left; }
  html body .wrapper .content-wrapper .module-container input[type="date"]::-webkit-datetime-edit { display: inline-flex; padding: 0; max-width: 100%; }
}
.manager-mobile-logout { display: none; }
@media (max-width: 699px) {
  body.manager-panel-mode .main-header .menu-toggle { display: none !important; }
  body.manager-panel-mode .manager-mobile-logout { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 10px; border: 1px solid #c9d7e8; border-radius: 8px; color: #21466f; background: #edf3fa; font-size: 14px; font-weight: 700; white-space: nowrap; }
  body.admin-dark-mode.manager-panel-mode .manager-mobile-logout { color: #e4edfa; background: #1b2c45; border-color: #506581; }
}
@media (max-width: 699px) {
  body.manager-panel-mode .main-header > :not(.manager-mobile-logout) { display: none !important; }
  body.manager-panel-mode .main-header { justify-content: flex-end; padding: 8px 12px; }
}
@media (max-width: 699px) {
  html body.manager-panel-mode .wrapper nav.main-header > :not(.manager-mobile-logout) { display: none !important; }
  html body.manager-panel-mode .wrapper nav.main-header { justify-content: flex-end !important; }
}