/* Manager workspace: light, dense, operational. */
.manager-page {
  --manager-sidebar: 248px;
  --manager-ink: #152033;
  --manager-blue: #1f55d5;
  --manager-blue-soft: #edf3ff;
  --manager-line: #e1e6ec;
  background: #f4f6f8;
}

.manager-page .page-container {
  width: auto;
  max-width: none;
  margin-left: var(--manager-sidebar);
  padding: 0;
}

.manager-sidebar {
  position: fixed;
  z-index: 30;
  inset: 0 auto 0 0;
  width: var(--manager-sidebar);
  overflow-y: auto;
  padding: 1.25rem 1rem;
  border-right: 1px solid var(--manager-line);
  background: #fff;
}

.manager-brand {
  display: grid;
  grid-template-columns: 36px 1fr auto;
  gap: .65rem;
  align-items: center;
  margin-bottom: 1.35rem;
  color: var(--manager-ink);
  text-decoration: none;
}
.manager-brand > span { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 9px; background: var(--manager-blue); color: white; font-weight: 850; }
.manager-brand strong { font-size: 1.05rem; letter-spacing: -.025em; }
.manager-brand small { color: var(--muted); font-size: .7rem; }
.manager-sidebar nav { display: grid; gap: 1rem; }
.manager-sidebar section { display: grid; gap: .18rem; }
.manager-sidebar h2 { margin: 0 0 .25rem; padding-inline: .7rem; color: #8993a1; font-size: .68rem; font-weight: 800; letter-spacing: .075em; text-transform: uppercase; }
.manager-sidebar nav a { min-height: 40px; padding: .58rem .7rem; border-radius: 8px; color: #4e5b6d; font-size: .88rem; font-weight: 650; text-decoration: none; }
.manager-sidebar nav a:hover, .manager-sidebar nav a.is-active { background: var(--manager-blue-soft); color: var(--manager-blue); }
.manager-sidebar nav .manager-new-order { color: var(--manager-blue); }
.owner-actor-context { display: grid; gap: .25rem; margin: 0 0 1rem; padding: .7rem; border: 1px solid #cbd9fa; border-radius: 8px; background: var(--manager-blue-soft); font-size: .78rem; }
.owner-actor-context strong { color: var(--manager-ink); }
.owner-actor-context a { color: var(--manager-blue); font-weight: 750; }

.manager-content { min-height: 100vh; padding: clamp(1rem, 2.5vw, 2rem); color: var(--manager-ink); }
.manager-page-header, .manager-section-heading, .manager-order-card-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.manager-page-header { margin-bottom: 1.5rem; }
.manager-page-header h1 { margin-bottom: .25rem; font-size: clamp(1.8rem, 3vw, 2.45rem); }
.manager-header-actions { display: flex; align-items: center; gap: .65rem; }
.manager-page .button-primary { grid-column: auto; border-color: var(--manager-blue); background: var(--manager-blue); color: #fff; }
.manager-page .button-primary:hover { color: #fff; }
.manager-launch-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
.manager-launch-grid .manager-section-heading { grid-column: 1 / -1; }
.manager-launch-card { display: grid; min-height: 112px; align-content: space-between; gap: .45rem; padding: 1.15rem; border: 1px solid var(--manager-line); border-radius: 12px; background: #fff; color: var(--manager-ink); text-decoration: none; box-shadow: 0 8px 22px rgb(20 32 51 / 5%); }
.manager-launch-card--wide { grid-column: 1 / -1; min-height: 136px; background: var(--manager-ink); color: white; }
.manager-launch-card strong { font-size: 1.05rem; }
.manager-launch-card span { color: var(--muted); }
.manager-launch-card--wide span { color: #b7c2d2; }
.manager-more { margin-top: 1.5rem; }
.manager-more-links { display: flex; flex-wrap: wrap; gap: .5rem; }
.manager-more-links a { min-height: 44px; padding: .7rem .9rem; border: 1px solid var(--manager-line); border-radius: 8px; background: white; text-decoration: none; }

.order-create-card, .manager-order-workspace { margin-bottom: 1rem; padding: 1rem; border: 1px solid var(--manager-line); border-radius: 12px; background: white; box-shadow: 0 8px 22px rgb(20 32 51 / 4%); }
.manager-order-shell { display: grid; grid-template-columns: minmax(230px, .58fr) minmax(520px, 1.42fr); gap: 1rem; align-items: start; }
.manager-order-list { display: grid; gap: .45rem; margin: 0; padding: 0; list-style: none; }
.manager-order-list-item { overflow: hidden; border: 1px solid var(--manager-line); border-radius: 9px; background: white; }
.manager-order-link { display: grid; grid-template-columns: auto 1fr auto; gap: .75rem; min-height: 64px; align-items: center; padding: .7rem; color: var(--manager-ink); text-decoration: none; }
.manager-order-link:hover { filter: brightness(.975); }
.manager-order-list-item.is-selected { border-color: var(--order-tone); box-shadow: inset 4px 0 0 var(--order-tone); }
.manager-order-list-item.is-selected .manager-order-link { background: var(--order-tone-selected); }
.manager-order-link small { display: block; color: var(--muted); }
.manager-order-number, .manager-order-list-status { color: var(--order-tone); font-weight: 850; }
.manager-order-tone-problem { --order-tone: #c93434; --order-tone-soft: #fff2f2; --order-tone-selected: #ffe3e3; }
.manager-order-tone-working { --order-tone: #a86d00; --order-tone-soft: #fff9e8; --order-tone-selected: #ffefb8; }
.manager-order-tone-packed { --order-tone: #27824a; --order-tone-soft: #effaf3; --order-tone-selected: #d8f3e1; }
.manager-order-tone-handover { --order-tone: #33729f; --order-tone-soft: #eff7fc; --order-tone-selected: #dceefa; }
.manager-order-tone-completed { --order-tone: #69727d; --order-tone-soft: #f4f5f6; --order-tone-selected: #e5e7e9; }
.manager-order-tone-cancelled { --order-tone: #20242a; --order-tone-soft: #f1f1f1; --order-tone-selected: #dadbdd; }
.manager-order-list-item[class*='manager-order-tone-'] { border-color: color-mix(in srgb, var(--order-tone) 32%, white); background: var(--order-tone-soft); }
.manager-order-list-item[class*='manager-order-tone-'] .manager-order-link { background: var(--order-tone-soft); }
.manager-order-detail { position: sticky; top: 1rem; }
.manager-order-card { display: none; padding: 1rem; border: 1px solid var(--manager-line); border-radius: 12px; background: #fff; }
.manager-order-card:first-child, .manager-order-card:target { display: block; }
.manager-order-card:target ~ .manager-order-card { display: none; }
.manager-order-detail:has(.manager-order-card:target) .manager-order-card:first-child:not(:target) { display: none; }
.manager-order-status { padding: .35rem .6rem; border-radius: 999px; background: var(--order-tone-soft); color: var(--order-tone); font-size: .78rem; font-weight: 800; }
.manager-order-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin: 1rem 0; }
.manager-order-facts div { min-height: 68px; padding: .7rem .8rem; border: 1px solid var(--manager-line); border-radius: 8px; background: #fafbfc; }
.manager-order-facts span, .manager-order-facts strong { display: block; }
.manager-order-facts span { margin-bottom: .2rem; color: var(--muted); font-size: .72rem; }
.manager-order-card details, .manager-order-card > form, .pickup-open-issue { margin-top: .65rem; border: 1px solid var(--manager-line); border-radius: 8px; }
.manager-order-card details > :not(summary) { margin-right: .8rem; margin-left: .8rem; }
.manager-order-card details > form { display: grid; gap: .65rem; padding-bottom: .8rem; }
.manager-order-card summary { min-height: 44px; padding: .7rem .8rem; color: #334156; font-weight: 750; cursor: pointer; list-style: none; }
.manager-order-card summary::after { content: ' ›'; float: right; color: var(--manager-blue); }
.manager-order-card details[open] summary::after { content: '⌄'; }
.manager-order-card input:not([type='hidden']):not([type='checkbox']):not([type='radio']), .manager-order-card select, .manager-order-card textarea { box-sizing: border-box; width: 100%; min-width: 0; border: 1px solid #cbd3dd; border-radius: 8px; background: #fff; color: var(--manager-ink); font: inherit; }
.manager-order-card input:not([type='hidden']):not([type='checkbox']):not([type='radio']), .manager-order-card select { min-height: 42px; padding: .55rem .7rem; }
.manager-order-card textarea { min-height: 92px; padding: .65rem .7rem; resize: vertical; }
.manager-order-card input:focus, .manager-order-card select:focus, .manager-order-card textarea:focus { outline: none; border-color: var(--manager-blue); box-shadow: 0 0 0 3px rgb(31 85 213 / 14%); }
.order-secondary-action { overflow: hidden; border-radius: 9px !important; background: #fff; }
.order-secondary-action > summary { border-radius: 8px; }
.order-secondary-action[open] > summary { border-radius: 8px 8px 0 0; border-bottom: 1px solid var(--manager-line); }
.order-secondary-action > summary::-webkit-details-marker { display: none; }
.manager-mobile-nav { display: none; }
.backup-summary .manager-section-heading { align-items: flex-start; }
.backup-summary form { flex: 0 0 auto; }
.backup-summary .button { max-width: 19rem; min-height: 44px; }
.list-card span { overflow-wrap: anywhere; }
.owner-employee-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: .8rem; }
.owner-employees fieldset { margin-block: .75rem; border: 1px solid var(--manager-line); border-radius: 9px; }
.owner-employees .checkbox-row { display: inline-flex; align-items: center; gap: .35rem; margin-right: 1rem; }

@media (max-width: 1100px) {
  .manager-page { padding-bottom: 72px; }
  .manager-page .page-container { margin-left: 0; }
  .manager-sidebar { display: none; }
  .manager-content { padding: .85rem; padding-bottom: 5.5rem; }
  .manager-page-header { align-items: flex-start; }
  .manager-page-header .muted { display: none; }
  .manager-order-shell, .manager-order-facts { grid-template-columns: 1fr; }
  .backup-summary .manager-section-heading { display: grid; }
  .backup-summary form, .backup-summary .button { width: 100%; max-width: none; }
  .manager-launch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .manager-launch-card, .manager-launch-card--wide { grid-column: auto; min-height: 116px; }
  .manager-order-detail { position: static; }
  .manager-order-card { scroll-margin-top: 1rem; }
  .manager-order-shell:has(.manager-order-card:target) .manager-order-list { display: none; }
  .manager-order-shell:not(:has(.manager-order-card:target)) .manager-order-detail { display: none; }
  .manager-mobile-nav { position: fixed; z-index: 40; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--manager-line); background: rgb(255 255 255 / 97%); box-shadow: 0 -8px 24px rgb(20 32 51 / 9%); }
  .manager-mobile-nav > a, .manager-mobile-more > summary { display: grid; min-height: 60px; place-items: center; align-content: center; gap: .1rem; padding: .3rem .15rem; color: #687587; font-size: .68rem; font-weight: 750; text-align: center; text-decoration: none; cursor: pointer; list-style: none; }
  .manager-mobile-nav > a > span, .manager-mobile-more > summary > span { font-size: 1rem; line-height: 1; }
  .manager-mobile-nav > a.is-active, .manager-mobile-more.is-active > summary { color: var(--manager-blue); }
  .manager-mobile-nav .manager-mobile-create { color: white; background: var(--manager-blue); }
  .manager-mobile-more { position: static; }
  .manager-mobile-more > summary::-webkit-details-marker { display: none; }
  .manager-mobile-menu { position: fixed; z-index: 45; right: .6rem; bottom: 68px; left: .6rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: min(68vh, 620px); overflow-y: auto; gap: .35rem; padding: .8rem; border: 1px solid var(--manager-line); border-radius: 12px; background: #fff; box-shadow: 0 -10px 30px rgb(20 32 51 / 18%); text-align: left; }
  .manager-mobile-more:not([open]) .manager-mobile-menu { display: none; }
  .manager-mobile-menu > strong { grid-column: 1 / -1; padding: .35rem; color: var(--manager-ink); font-size: .85rem; }
  .manager-mobile-menu a { display: flex; min-height: 42px; align-items: center; padding: .55rem .65rem; border-radius: 7px; color: #4e5b6d; font-size: .75rem; font-weight: 700; text-decoration: none; }
  .manager-mobile-menu a:hover, .manager-mobile-menu a.is-current { background: var(--manager-blue-soft); color: var(--manager-blue); }
}

@media (max-width: 560px) {
  .manager-page-header { display: grid; }
  .integration-facts { grid-template-columns: 1fr; }
  .integration-problem-list article { flex-direction: column; }
  .integration-error-text { text-align: left; }
  .payment-method-card { padding: .65rem; }
  .payment-method-card-header, .payment-summary-title, .payment-rule-form-header { align-items: flex-start; flex-direction: column; }
  .payment-summary-grid, .payment-rule-grid, .payment-money-group { grid-template-columns: 1fr; }
  .payment-rule-form { padding: .65rem; }
  .payment-rule-form-header p:last-child { text-align: left; }
  .payment-rule-editor > summary, .payment-rule-actions button { width: 100%; justify-content: center; }
  .payment-rule-wide { grid-column: auto; }
  .manager-launch-card { padding: .9rem; }
  .manager-launch-card span { font-size: .82rem; }
  .manager-page-header > .button { width: 100%; }
  .manager-header-actions { display: grid; grid-template-columns: 1fr auto; }
  .manager-order-facts { gap: .45rem; }
}

@media (prefers-reduced-motion: reduce) {
  .manager-page *, .manager-page *::before, .manager-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}


/* Staff administration: compact enterprise workspace. */
.staff-workspace { width: 100%; max-width: none; box-sizing: border-box; overflow-x: hidden; }
.staff-workspace .manager-page-header { padding-bottom: 1rem; border-bottom: 1px solid var(--manager-line); }
.staff-workspace .manager-page-header > * { min-width: 0; }
.staff-workspace .manager-page-header > .muted { text-align: right; overflow-wrap: anywhere; }
.staff-table-panel { max-width: 100%; }
.staff-table-row > *, .staff-table-head > * { min-width: 0; }
.staff-workspace .manager-page-header h1 { font-size: clamp(1.75rem, 2.4vw, 2.3rem); font-weight: 700; }
.staff-workspace .manager-page-header > .muted { max-width: 560px; color: #536174; }
.staff-table-panel, .staff-create-panel, .staff-employee-card { margin-bottom: 1rem; border: 1px solid var(--manager-line); border-radius: 10px; background: #fff; }
.staff-table-panel { overflow: hidden; }
.staff-toolbar { display: flex; min-height: 58px; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; border-bottom: 1px solid var(--manager-line); }
.staff-toolbar h2 { margin: 0; font-size: 1.05rem; }
.staff-search { display: flex; align-items: center; gap: .5rem; color: #536174; font-size: .78rem; }
.staff-search input { width: 230px; }
.staff-table { display: grid; }
.staff-table-head, .staff-table-row { display: grid; align-items: center; gap: 1rem; min-height: 52px; padding: .65rem 1rem; border-bottom: 1px solid var(--manager-line); }
.staff-table-head { background: #f1f4f8; color: #536174; font-size: .72rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.staff-payroll-table .staff-table-head, .staff-payroll-table .staff-table-row { grid-template-columns: minmax(130px, 1.2fr) repeat(3, minmax(90px, .75fr)) minmax(86px, auto); }
.schedule-table .staff-table-head, .schedule-table > .staff-table-row { grid-template-columns: minmax(180px, .9fr) minmax(260px, 1.3fr) minmax(110px, auto); }
.manager-assignment-table .staff-table-head, .manager-assignment-table .staff-table-row { grid-template-columns: minmax(140px, .7fr) minmax(180px, 1fr) minmax(180px, 1fr); }
.staff-table-row:last-child { border-bottom: 0; }
.staff-negative { color: var(--danger); font-weight: 750; }
.staff-inline-action { position: relative; }
.staff-inline-action > summary { color: var(--manager-blue); font-weight: 750; cursor: pointer; list-style: none; }
.staff-inline-action > summary::after { content: ' →'; }
.staff-inline-action[open] { grid-column: 1 / -1; width: 100%; }
.staff-inline-action[open] > summary { margin-bottom: .75rem; }
.staff-action-form, .staff-form-grid, .rate-form-grid, .manager-day-form { display: grid; gap: .75rem; }
.staff-action-form { grid-template-columns: repeat(2, minmax(180px, 1fr)); padding: 1rem; background: #f7f9fc; }
.staff-action-form .staff-advance-warning, .staff-action-form button { grid-column: 1 / -1; }
.staff-advance-warning, .staff-helper { margin: 0; color: #536174; font-size: .78rem; }
.staff-empty { margin: 0; padding: 1rem; color: #536174; }
.staff-create-panel { padding: 0; }
.staff-create-panel > summary { padding: 1rem; font-size: 1.05rem; font-weight: 800; cursor: pointer; }
.staff-create-panel > form { padding: 0 1rem 1rem; }
.staff-form-grid { grid-template-columns: repeat(2, minmax(220px, 1fr)); }
.staff-form-wide { grid-column: 1 / -1; }
.staff-form-grid > button { justify-self: start; }
.role-picker { display: flex; grid-column: 1 / -1; flex-wrap: wrap; gap: .5rem; padding: .75rem; border: 1px solid var(--manager-line); border-radius: 8px; }
.role-option { display: inline-flex; min-height: 40px; align-items: center; gap: .4rem; padding: .45rem .65rem; border: 1px solid var(--manager-line); border-radius: 7px; background: #fff; }
.password-field { display: grid; grid-template-columns: 1fr auto; }
.field-button { min-height: 42px; border-radius: 0 7px 7px 0; font-size: .76rem; }
.staff-employee-card { overflow: hidden; }
.staff-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1rem; border-bottom: 1px solid var(--manager-line); }
.staff-card-header h2, .staff-card-header p { margin: 0; }
.staff-card-header h2 { font-size: 1.05rem; }
.staff-card-header p { color: #536174; font-size: .8rem; }
.staff-owner-note { padding: 0 1rem 1rem; }
.status-chip { display: inline-flex; padding: .25rem .5rem; border-radius: 999px; background: #eaf7ef; color: #187a48; font-size: .72rem; font-weight: 800; }
.status-chip--off { background: #f0f1f3; color: #687587; }
.staff-card-actions { display: grid; }
.staff-card-actions > details { border-bottom: 1px solid var(--manager-line); }
.staff-card-actions > details:last-child { border-bottom: 0; }
.staff-card-actions summary { padding: .75rem 1rem; color: #334156; font-weight: 700; cursor: pointer; }
.staff-card-actions .staff-action-form { border-top: 1px solid var(--manager-line); }
.staff-danger > summary { color: var(--danger); }
.staff-danger-actions { display: grid; gap: 1px; background: var(--manager-line); }
.weekday-summary, .weekday-picker { display: flex; flex-wrap: wrap; gap: .35rem; }
.weekday-summary span, .weekday-picker label span { display: grid; min-width: 38px; height: 34px; place-items: center; border: 1px solid var(--manager-line); border-radius: 6px; background: #f7f9fc; font-size: .78rem; font-weight: 750; }
.weekday-picker { padding: .75rem; border: 1px solid var(--manager-line); border-radius: 8px; }
.weekday-picker legend { padding: 0 .35rem; font-size: .78rem; font-weight: 750; }
.weekday-picker input { position: absolute; opacity: 0; }
.weekday-picker input:checked + span { border-color: var(--manager-blue); background: var(--manager-blue-soft); color: var(--manager-blue); }
.schedule-edit-grid { display: grid; grid-template-columns: repeat(2, minmax(280px, 1fr)); gap: 1rem; }
.schedule-edit-grid .staff-action-form { grid-template-columns: 1fr; }
.schedule-form-heading { display: grid; gap: .15rem; padding-bottom: .6rem; border-bottom: 1px solid var(--manager-line); }
.schedule-form-heading strong { color: var(--manager-ink); font-size: .88rem; }
.schedule-form-heading span { color: #536174; font-size: .75rem; }
.staff-compact-list p { display: grid; grid-template-columns: minmax(140px, .7fr) minmax(180px, 1fr) minmax(180px, 1.5fr); gap: 1rem; margin: 0; padding: .7rem 1rem; border-bottom: 1px solid var(--manager-line); }
.staff-compact-list p:last-child { border-bottom: 0; }
.staff-compact-list small { color: #536174; }
.manager-day-form { grid-template-columns: repeat(3, minmax(200px, 1fr)); padding: 1rem; }
.manager-day-weekdays, .manager-day-preview, .manager-day-form button { grid-column: 1 / -1; }
.manager-day-preview { display: grid; gap: .55rem; padding: .85rem; border: 1px solid #cbd9fa; border-radius: 8px; background: var(--manager-blue-soft); }
.manager-day-preview > strong { color: var(--manager-ink); font-size: .82rem; }
.manager-day-preview-dates { display: flex; flex-wrap: wrap; gap: .4rem; }
.manager-day-preview-dates span { padding: .35rem .5rem; border: 1px solid #bfd0f8; border-radius: 999px; background: #fff; color: #31476f; font-size: .74rem; font-weight: 700; }
.manager-day-form button { justify-self: start; }
.manager-day-form button:disabled { opacity: .45; cursor: not-allowed; }
.compensation-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 430px), 1fr)); }
.compensation-card { min-width: 0; margin-bottom: 0; }
.compensation-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.compensation-form > label, .compensation-form input { min-width: 0; }
.current-compensation { display: grid; grid-template-columns: 1fr auto auto; gap: .6rem; padding: .65rem 1rem; border-bottom: 1px solid var(--manager-line); background: #f7f9fc; font-size: .78rem; }
.compensation-form { padding: 1rem; }
.compensation-form h3 { margin: 0; font-size: .92rem; }
.compensation-form label small { display: block; min-height: 1rem; color: #536174; font-size: .72rem; }
.pickup-rate-form { grid-template-columns: minmax(180px, .8fr) repeat(3, minmax(180px, 1fr)) auto; align-items: end; padding: 1rem; border-bottom: 1px solid var(--manager-line); }
.rates-layout { display: grid; gap: 1rem; }
.rate-form-grid { grid-template-columns: repeat(4, minmax(170px, 1fr)); align-items: end; padding: 1rem; }
.rate-reason { grid-column: span 2; }
.rate-list { border-top: 1px solid var(--manager-line); }
.manager-page .staff-workspace input:not([type='checkbox']), .manager-page .staff-workspace select { width: 100%; min-height: 42px; border: 1px solid #cbd3dd; border-radius: 7px; background: #fff; }
.manager-page .staff-workspace label { color: #445167; font-size: .78rem; font-weight: 700; }

@media (max-width: 1100px) {
  .staff-table-head { display: none; }
  .staff-payroll-table .staff-table-row, .schedule-table > .staff-table-row, .manager-assignment-table .staff-table-row { grid-template-columns: 1fr 1fr; }
  .staff-payroll-table .staff-table-row > div:first-child, .schedule-table .staff-table-row > div:first-child { grid-column: 1 / -1; }
  .staff-form-grid, .schedule-edit-grid, .manager-day-form, .rate-form-grid, .pickup-rate-form { grid-template-columns: 1fr; }
  .staff-form-wide, .rate-reason, .manager-day-weekdays, .manager-day-preview, .manager-day-form button { grid-column: auto; }
  .staff-compact-list p, .current-compensation { grid-template-columns: 1fr; gap: .2rem; }
  .staff-toolbar { align-items: flex-start; }
}

@media (max-width: 560px) {
  .owner-employee-grid, .compensation-grid { grid-template-columns: 1fr; }
  .staff-action-form, .staff-payroll-table .staff-table-row, .schedule-table > .staff-table-row, .manager-assignment-table .staff-table-row { grid-template-columns: 1fr; }
  .staff-search { width: 100%; }
  .staff-search input { width: 100%; }
}

.owner-report-period { margin: -.35rem 0 1rem; color: #536174; font-size: .82rem; }
.dashboard-secondary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1rem 0; }
.dashboard-compact-panel { overflow: hidden; margin-bottom: 1rem; border: 1px solid var(--manager-line); border-radius: 12px; background: #fff; box-shadow: 0 8px 22px rgb(20 32 51 / 4%); }
.dashboard-secondary-grid .dashboard-compact-panel { margin-bottom: 0; }
.dashboard-compact-panel .staff-toolbar { padding: .85rem 1rem; border-bottom: 1px solid var(--manager-line); }
.dashboard-compact-panel .staff-toolbar h2 { font-size: 1rem; }
.dashboard-rows { display: grid; }
.dashboard-row { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(100px, auto) minmax(100px, auto); gap: .85rem; align-items: center; min-height: 58px; padding: .7rem 1rem; border-bottom: 1px solid var(--manager-line); color: var(--manager-ink); text-decoration: none; }
.dashboard-row:last-child { border-bottom: 0; }
.dashboard-row > span { display: grid; gap: .08rem; text-align: right; white-space: nowrap; }
.dashboard-row small { color: #667286; font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.dashboard-problem-row { grid-template-columns: minmax(150px, 1fr) auto auto; }
.dashboard-problem-row b, .dashboard-work-grid b { color: var(--manager-blue); font-size: .78rem; white-space: nowrap; }
.dashboard-work-panel { margin-top: 0; }
.dashboard-work-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.dashboard-work-grid a { display: grid; grid-template-columns: minmax(120px, .55fr) minmax(180px, 1fr) auto; gap: .8rem; align-items: center; min-height: 58px; padding: .7rem 1rem; border-right: 1px solid var(--manager-line); border-bottom: 1px solid var(--manager-line); color: var(--manager-ink); text-decoration: none; }
.dashboard-work-grid a:nth-child(2n) { border-right: 0; }
.dashboard-work-grid a:nth-last-child(-n+2) { border-bottom: 0; }
.dashboard-work-grid span { color: #667286; }

@media (max-width: 760px) {
  .dashboard-secondary-grid, .dashboard-work-grid { grid-template-columns: 1fr; }
  .dashboard-work-grid a, .dashboard-work-grid a:nth-child(2n), .dashboard-work-grid a:nth-last-child(-n+2) { border-right: 0; border-bottom: 1px solid var(--manager-line); }
  .dashboard-work-grid a:last-child { border-bottom: 0; }
}

@media (max-width: 560px) {
  .dashboard-row, .dashboard-problem-row, .dashboard-work-grid a { grid-template-columns: 1fr; gap: .3rem; align-items: start; }
  .dashboard-row > span { text-align: left; white-space: normal; }
}

.delivery-workspace .manager-page-header { margin-bottom: 1rem; }
.manager-page-lead, .delivery-ready-panel .staff-toolbar p { margin: .25rem 0 0; color: #536174; font-size: .8rem; }
.delivery-ready-list { display: grid; margin: 0; padding: 0; list-style: none; }
.delivery-ready-row { display: grid; grid-template-columns: minmax(190px, .8fr) minmax(300px, 1.5fr) minmax(165px, auto); gap: 1rem; align-items: center; min-height: 92px; padding: .9rem 1rem; border-bottom: 1px solid var(--manager-line); }
.delivery-ready-row:last-child { border-bottom: 0; }
.delivery-ready-row > div { display: grid; min-width: 0; gap: .1rem; }
.delivery-ready-row > div span { overflow-wrap: anywhere; }
.delivery-ready-row > div small { color: #687587; font-size: .74rem; overflow-wrap: anywhere; }
.delivery-order-facts { grid-template-columns: repeat(2, minmax(130px, 1fr)); gap: .55rem .8rem !important; }
.delivery-order-facts span { display: grid; gap: .1rem; }
.delivery-order-facts strong { font-size: .8rem; }
.delivery-order-side { justify-items: end; gap: .4rem !important; }
.delivery-order-side > strong { white-space: nowrap; }

@media (max-width: 900px) {
  .delivery-ready-row { grid-template-columns: 1fr; gap: .45rem; align-items: start; }
  .delivery-order-side { justify-items: start; }
}

@media (max-width: 560px) {
  .delivery-order-facts { grid-template-columns: 1fr; }
}

/* Warranty workflow: one clear creation action and stage-specific queue. */
.warranty-workspace .warranty-page-header { margin-bottom: 1rem; }
.warranty-create-panel { margin-bottom: 1rem; overflow: hidden; border: 1px solid var(--manager-line); border-radius: 10px; background: #fff; box-shadow: var(--manager-shadow); }
.warranty-create-panel .manager-section-heading { padding: .85rem 1rem; border-bottom: 1px solid var(--manager-line); }
.warranty-create-panel .manager-section-heading p, .warranty-list-panel .staff-toolbar p { margin: .2rem 0 0; color: #687587; font-size: .78rem; }
.warranty-create-form { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(280px, 1.3fr) auto; gap: .8rem; align-items: end; padding: 1rem; }
.warranty-create-form label, .warranty-action-form label { display: grid; gap: .3rem; color: #40506a; font-size: .74rem; font-weight: 750; }
.warranty-create-form label small { color: #7a8493; font-weight: 500; }
.warranty-create-form textarea { min-height: 42px; resize: vertical; }
.warranty-create-form button { white-space: nowrap; }
.warranty-list-panel { margin-bottom: 1rem; }
.warranty-list, .warranty-history-list { display: grid; }
.warranty-history-panel { margin-bottom: 1rem; }
.warranty-history-panel .warranty-card { background: #fbfcfe; }
.warranty-card { display: grid; gap: .75rem; padding: 1rem; border-bottom: 1px solid var(--manager-line); }
.warranty-card:last-child { border-bottom: 0; }
.warranty-card--ready { border-left: 3px solid #d9a328; }
.warranty-card header { display: flex; justify-content: space-between; gap: 1rem; align-items: flex-start; }
.warranty-card header > div { display: grid; gap: .15rem; min-width: 0; }
.warranty-card header > div span { color: #687587; font-size: .8rem; }
.warranty-card-body { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(140px, .4fr); gap: .8rem; }
.warranty-card-body > div { display: grid; gap: .2rem; min-width: 0; padding: .65rem .75rem; border: 1px solid var(--manager-line); border-radius: 8px; background: #f7f9fc; }
.warranty-card-body small { color: #687587; font-size: .72rem; font-weight: 750; }
.warranty-card-body p { margin: 0; overflow-wrap: anywhere; }
.warranty-action-form { display: grid; grid-template-columns: minmax(220px, 320px) auto; gap: .75rem; align-items: end; justify-content: start; }
.warranty-master-page { background: #f3f5f7; }
.warranty-master-shell { width: min(760px, calc(100% - 2rem)); margin: 0 auto; padding: 1.5rem 0; }
.warranty-master-shell .warranty-page-header { margin-bottom: 1rem; }

@media (max-width: 760px) {
  .warranty-create-form { grid-template-columns: 1fr; align-items: stretch; }
  .warranty-create-form button, .warranty-action-form button { width: 100%; }
  .warranty-card-body, .warranty-action-form { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .warranty-card header { display: grid; gap: .5rem; }
  .warranty-master-shell { width: min(100% - 1rem, 760px); padding: .75rem 0 5.5rem; }
}

/* Unified inventory workspace: dense registers plus explicit ledger operations. */
.inventory-workspace .manager-page-header { margin-bottom: 1rem; }
.inventory-tabs { display: flex; gap: .35rem; margin-bottom: 1rem; padding: .35rem; overflow-x: auto; border: 1px solid var(--manager-line); border-radius: 10px; background: #fff; box-shadow: var(--manager-shadow); }
.inventory-tabs a { padding: .55rem .75rem; border-radius: 7px; color: #536174; font-size: .78rem; font-weight: 750; text-decoration: none; white-space: nowrap; }
.inventory-tabs a:first-child, .inventory-tabs a:hover { background: var(--manager-soft); color: var(--manager-blue); }
.inventory-panel { margin-bottom: 1rem; }
.inventory-toolbar { align-items: end; }
.inventory-toolbar p, .inventory-operation-panel .staff-toolbar p { margin: .2rem 0 0; color: #687587; font-size: .78rem; }
.inventory-toolbar-actions { display: flex; align-items: end; gap: .55rem; flex-wrap: wrap; }
.inventory-search, .inventory-filter { display: grid; gap: .2rem; min-width: 180px; color: #687587; font-size: .68rem; font-weight: 750; }
.inventory-table-wrap { overflow-x: auto; }
.inventory-table { width: 100%; border-collapse: collapse; font-size: .78rem; }
.inventory-table th { padding: .65rem .8rem; border-bottom: 1px solid var(--manager-line); background: #f7f9fc; color: #687587; font-size: .68rem; text-align: left; white-space: nowrap; }
.inventory-table td { padding: .7rem .8rem; border-bottom: 1px solid var(--manager-line); vertical-align: middle; }
.inventory-table tbody tr:last-child td { border-bottom: 0; }
.inventory-table td strong { color: var(--manager-ink); }
.inventory-warehouse-breakdown { display: flex; flex-wrap: wrap; gap: .35rem; min-width: 200px; }
.inventory-warehouse-breakdown span { padding: .25rem .4rem; border-radius: 5px; background: #edf1f6; color: #536174; white-space: nowrap; }
.inventory-operation-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-bottom: 1rem; }
.inventory-operation-panel { overflow: hidden; }
.inventory-operation-panel--wide { grid-column: 1 / -1; }
.inventory-batch-form { display: grid; grid-template-columns: repeat(2, minmax(180px, 1fr)); gap: .7rem; padding: 1rem; }
.inventory-batch-form > label, .inventory-batch-line label { display: grid; min-width: 0; gap: .25rem; color: #536174; font-size: .7rem; font-weight: 750; }
.inventory-batch-form input, .inventory-batch-form select { box-sizing: border-box; width: 100%; min-width: 0; }
.inventory-reason, .inventory-batch-lines, .inventory-batch-form > [data-add-line], .inventory-batch-form > [data-batch-notice], .inventory-batch-form > button[type=submit] { grid-column: 1 / -1; }
.inventory-reason > span { margin-left: .25rem; color: #8c5a24; font-size: .65rem; font-weight: 650; }
.inventory-batch-form [hidden] { display: none !important; }
.inventory-batch-form:not(:has(select[name='kind'] option[value='transfer']:checked)) [data-destination] { display: none; }
.inventory-batch-lines { display: grid; gap: .6rem; }
.inventory-batch-line { display: grid; grid-template-columns: minmax(180px, 1.5fr) minmax(90px, .45fr) minmax(120px, .65fr) auto auto; gap: .55rem; align-items: end; padding: .7rem; border: 1px solid var(--manager-line); border-radius: 8px; background: #f7f9fc; }
.inventory-batch-line output { align-self: center; min-width: 100px; color: #536174; font-size: .72rem; }
.inventory-movement-list { display: grid; }
.inventory-movement-list article { display: grid; grid-template-columns: minmax(180px, .8fr) minmax(90px, .25fr) minmax(260px, 1.2fr); gap: 1rem; padding: .7rem 1rem; border-bottom: 1px solid var(--manager-line); }
.inventory-movement-list article:last-child { border-bottom: 0; }
.inventory-movement-list p { margin: 0; color: #687587; }
.inventory-negative { color: #9d302d; font-weight: 750; }
.inventory-movements-table { min-width: 1120px; }
.inventory-movements-table th:first-child, .inventory-movements-table td:first-child { white-space: nowrap; }
.inventory-movements-table td:nth-child(7) { min-width: 180px; }

/* Owner catalog: focused registers with contextual versioned actions. */
.catalog-workspace .workspace-shell { max-width: none; }
.catalog-page-header { margin-bottom: 1rem; }
.catalog-create-panel, .catalog-panel { margin-bottom: .7rem; }
.catalog-create-panel[hidden] { display: none; }
.catalog-panel .staff-toolbar { min-height: 52px; padding: .65rem .85rem; }
.catalog-panel .inventory-table th { padding: .55rem .7rem; }
.catalog-panel .inventory-table td { padding: .58rem .7rem; }
.catalog-create-panel .staff-toolbar p, .catalog-toolbar p { margin: .2rem 0 0; color: #687587; font-size: .78rem; }
.catalog-create-form { display: grid; grid-template-columns: repeat(2, minmax(220px, 1fr)); gap: .75rem; padding: 1rem; }
.catalog-create-form label, .catalog-dialog-form label, .catalog-bom-fields label { display: grid; gap: .3rem; color: #40506a; font-size: .74rem; font-weight: 750; }
.catalog-bom-fields { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(180px, 1fr)); gap: .75rem; padding: .8rem; border: 1px solid var(--manager-line); border-radius: 8px; background: #f7f9fc; }
.catalog-bom-fields[hidden] { display: none; }
.catalog-form-wide, .catalog-form-actions { grid-column: 1 / -1; }
.catalog-form-actions { display: flex; justify-content: flex-end; gap: .55rem; }
.catalog-table { min-width: 920px; }
.catalog-table td:first-child { min-width: 190px; }
.catalog-table td strong, .catalog-table td small { display: block; }
.catalog-table td small { margin-top: .12rem; color: #687587; font-size: .7rem; }
.catalog-sku { max-width: 230px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.catalog-warning { color: #8c5a24; font-weight: 750; }
.catalog-row-actions { position: relative; }
.catalog-row-actions > summary { color: var(--manager-blue); font-weight: 750; cursor: pointer; list-style: none; white-space: nowrap; }
.catalog-row-actions > summary::after { content: ' ▾'; }
.catalog-action-menu { position: absolute; z-index: 8; right: 0; display: grid; width: 210px; margin-top: .35rem; overflow: hidden; border: 1px solid var(--manager-line); border-radius: 8px; background: #fff; box-shadow: 0 12px 30px rgb(20 32 51 / 15%); }
.catalog-action-menu button { min-height: 38px; padding: .55rem .7rem; border: 0; border-bottom: 1px solid var(--manager-line); border-radius: 0; background: #fff; color: #334156; font: inherit; font-size: .76rem; text-align: left; cursor: pointer; }
.catalog-action-menu button:last-child { border-bottom: 0; }
.catalog-action-menu button:hover { background: #f7f9fc; }
.catalog-action-menu .catalog-danger-link { color: var(--danger); }
.catalog-dialog { width: min(460px, calc(100% - 2rem)); max-height: calc(100vh - 2rem); padding: 0; overflow: auto; border: 0; border-radius: 12px; background: #fff; box-shadow: 0 24px 60px rgb(20 32 51 / 24%); }
.catalog-dialog--wide { width: min(680px, calc(100% - 2rem)); }
.catalog-dialog::backdrop { background: rgb(20 32 51 / 42%); }
.catalog-dialog-form { display: grid; gap: .8rem; padding: 1rem; }
.catalog-dialog-form header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding-bottom: .7rem; border-bottom: 1px solid var(--manager-line); }
.catalog-dialog-form header h2, .catalog-dialog-form header p { margin: 0; }
.catalog-dialog-form header button { width: 34px; height: 34px; padding: 0; border: 1px solid var(--manager-line); border-radius: 7px; background: #fff; color: #536174; font-size: 1.2rem; cursor: pointer; }
.catalog-dialog-note { margin: 0; padding: .7rem; border-radius: 7px; background: #f7f9fc; color: #687587; font-size: .76rem; }
.catalog-danger-button { border-color: #d3a3a1; background: #fff; color: var(--danger); }

@media (max-width: 760px) {
  .catalog-create-form, .catalog-bom-fields { grid-template-columns: 1fr; }
  .catalog-form-wide, .catalog-form-actions, .catalog-bom-fields { grid-column: auto; }
  .catalog-workspace { max-width: 100%; overflow-x: hidden; }
  .catalog-page-header > div, .catalog-panel, .catalog-toolbar > div { min-width: 0; }
  .catalog-page-header .manager-page-lead { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
  .catalog-toolbar { display: grid; align-items: stretch; }
  .catalog-toolbar .inventory-toolbar-actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  .catalog-toolbar .inventory-search, .catalog-toolbar .inventory-filter { width: 100%; min-width: 0; }
  .catalog-toolbar input, .catalog-toolbar select { box-sizing: border-box; width: 100%; }
  .catalog-table { min-width: 820px; }
  .catalog-panel .inventory-table-wrap { max-width: 100%; overscroll-behavior-inline: contain; }
}

@media (max-width: 560px) {
  .catalog-page-header { display: grid; gap: .75rem; }
  .catalog-page-header .button, .catalog-form-actions .button { width: 100%; }
  .catalog-form-actions { display: grid; }
  .catalog-dialog { width: calc(100% - 1rem); }
}

/* Owner warehouse register. */
.warehouse-page-header { align-items: flex-start; }
.warehouse-create-panel[hidden], .warehouse-create-form [hidden] { display: none; }
.warehouse-create-panel { margin-bottom: .7rem; }
.warehouse-create-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 1120px; gap: .7rem; margin-top: .8rem; }
.warehouse-create-form label { display: grid; gap: .3rem; color: #536174; font-size: .74rem; font-weight: 750; }
.warehouse-create-form input, .warehouse-create-form select, .warehouse-row-actions input, .warehouse-row-actions select { box-sizing: border-box; width: 100%; min-width: 0; min-height: 40px; padding: .5rem .65rem; border: 1px solid #cbd3dd; border-radius: 8px; background: #fff; color: var(--manager-ink); font: inherit; }
.warehouse-form-wide, .warehouse-form-actions { grid-column: 1 / -1; }
.warehouse-form-actions { display: flex; gap: .5rem; }
.warehouse-register-panel { margin-bottom: .7rem; overflow: visible; }
.warehouse-admin-table { min-width: 760px; }
.warehouse-admin-table th, .warehouse-admin-table td { padding: .58rem .7rem; vertical-align: middle; }
.warehouse-admin-table td:first-child { min-width: 190px; }
.warehouse-type-badge, .warehouse-status, .warehouse-readonly-badge { display: inline-flex; align-items: center; min-height: 26px; padding: .22rem .55rem; border-radius: 999px; font-size: .7rem; font-weight: 800; }
.warehouse-type-badge { background: #eef2f6; color: #46566a; }
.warehouse-type-pickup { background: #edf3ff; color: var(--manager-blue); }
.warehouse-type-sales_rep { background: #f4efff; color: #6842a8; }
.warehouse-status.is-active { background: #e9f8ef; color: #247245; }
.warehouse-status.is-inactive { background: #f0f2f4; color: #75808e; }
.warehouse-readonly-badge { background: #eef2f6; color: #5c6878; }
.warehouse-actions-cell { width: 130px; }
.warehouse-row-actions .catalog-action-menu { right: 0; left: auto; min-width: 300px; }
.warehouse-row-actions form { display: grid; gap: .5rem; padding: .55rem; }
.warehouse-row-actions form + form { border-top: 1px solid var(--manager-line); }
.warehouse-row-actions label { display: grid; gap: .25rem; color: #536174; font-size: .7rem; font-weight: 750; }
.warehouse-system-panel { margin-bottom: 0; }
.warehouse-system-panel .manager-section-heading { align-items: flex-start; }
.warehouse-system-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: .75rem; padding: .7rem .8rem; border: 1px solid var(--manager-line); border-radius: 8px; background: #fafbfc; }

@media (max-width: 760px) {
  .warehouse-admin-workspace { max-width: 100%; overflow-x: hidden; }
  .warehouse-page-header { display: grid; }
  .warehouse-page-header .button { width: 100%; }
  .warehouse-create-form { grid-template-columns: 1fr; }
  .warehouse-form-wide, .warehouse-form-actions { grid-column: auto; }
  .warehouse-form-actions { display: grid; }
  .warehouse-register-panel .inventory-table-wrap { max-width: 100%; overscroll-behavior-inline: contain; }
  .warehouse-system-panel .manager-section-heading, .warehouse-system-row { display: grid; }
}

/* Owner procurement: rules, actionable queue, then immutable history. */
.procurement-page-header { margin-bottom: 1rem; }
.procurement-panel { margin-bottom: .7rem; overflow: visible; }
.procurement-panel .staff-toolbar { min-height: 52px; padding: .65rem .85rem; }
.procurement-panel .count { display: inline-grid; min-width: 28px; height: 28px; place-items: center; border-radius: 999px; background: #edf1f6; color: #425069; font-size: .75rem; font-weight: 800; }
.procurement-rules-table { min-width: 760px; }
.procurement-tasks-table { min-width: 720px; }
.procurement-rules-table th, .procurement-rules-table td, .procurement-tasks-table th, .procurement-tasks-table td { padding: .58rem .7rem; vertical-align: middle; }
.procurement-tasks-table td strong, .procurement-tasks-table td small { display: block; }
.procurement-tasks-table td small { margin-top: .12rem; color: #687587; font-size: .7rem; }
.procurement-rule-menu { right: 0; left: auto; width: 300px; padding: .6rem; }
.procurement-rule-menu form { display: grid; gap: .5rem; }
.procurement-rule-menu label { display: grid; gap: .25rem; color: #536174; font-size: .7rem; font-weight: 750; }
.procurement-rule-menu input { box-sizing: border-box; width: 100%; min-height: 40px; padding: .5rem .65rem; border: 1px solid #cbd3dd; border-radius: 8px; font: inherit; }
.procurement-history-panel { margin-bottom: 0; }

@media (max-width: 760px) {
  .procurement-workspace { max-width: 100%; overflow-x: hidden; }
  .procurement-panel .inventory-table-wrap { max-width: 100%; overscroll-behavior-inline: contain; }
  .procurement-rule-menu { position: fixed; right: .6rem; bottom: 68px; left: .6rem; width: auto; }
}

/* Owner audit: read-only operational history. */
.audit-header { margin-bottom: 1rem; }
.audit-header > div > p:last-child { margin: .35rem 0 0; color: var(--muted-foreground); }
.audit-panel { overflow: visible; }
.audit-table td:first-child { white-space: nowrap; }
.audit-action-code { display: block; margin-top: .15rem; color: var(--muted-foreground); font-weight: 400; }
.audit-status-error { background: #fde8e7; color: #a22c27; }
.audit-empty { display: grid; gap: .25rem; padding: .8rem; border-radius: .65rem; background: #fff; border: 1px solid var(--manager-line); }
.audit-empty span { color: var(--muted-foreground); }

.stock-production-toggle { position: absolute; inline-size: 1px; block-size: 1px; opacity: 0; pointer-events: none; }
.stock-production-toggle:not(:checked) ~ #stock-production { display: none; }
.manager-page-actions label.button, #stock-production label.button { cursor: pointer; }
.manager-page .staff-workspace .manager-page-actions label.button-primary,
.manager-page .staff-workspace .manager-page-actions label.button-primary:hover { color: #fff; }

/* Owner integrations: readable status cards without exposing secrets. */
.integrations-header { margin-bottom: 1rem; }
.integrations-header > div > p:last-child { margin: .35rem 0 0; color: var(--muted-foreground); }
.integration-card-grid { display: grid; grid-template-columns: 1.4fr .8fr; gap: .8rem; margin-bottom: .8rem; }
.integration-card { min-width: 0; padding: .9rem; border: 1px solid var(--manager-line); border-radius: .8rem; background: #fff; box-shadow: 0 6px 18px rgb(20 32 51 / 4%); }
.integration-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; }
.integration-card-header h2 { margin: 0; }
.integration-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; margin: .85rem 0 0; }
.integration-facts div { min-width: 0; padding: .65rem; border-radius: .65rem; background: #f7f9fb; }
.integration-facts dt { color: var(--muted-foreground); font-size: .78rem; }
.integration-facts dd { margin: .15rem 0 0; font-weight: 750; overflow-wrap: anywhere; }
.integration-facts small { display: block; margin-top: .2rem; color: var(--muted-foreground); }
.integration-card-message { display: grid; gap: .3rem; margin-top: .85rem; padding: .75rem; border-radius: .65rem; background: #f7f9fb; }
.integration-card-message span { color: var(--muted-foreground); }
.integration-alert { margin: .7rem 0 0; padding: .55rem .65rem; border-radius: .55rem; background: #fff2e8; color: #8b451f; font-weight: 700; }
.integration-problems-panel { overflow: visible; }
.integration-problem-list { display: grid; gap: .45rem; }
.integration-problem-list article { display: flex; justify-content: space-between; gap: .8rem; padding: .7rem; border: 1px solid var(--manager-line); border-radius: .65rem; background: #fff; }
.integration-problem-list article > div { display: grid; gap: .15rem; }
.integration-problem-list span, .integration-empty span { color: var(--muted-foreground); }
.integration-error-text { text-align: right; overflow-wrap: anywhere; }
.integration-empty { display: grid; gap: .25rem; padding: .8rem; border-radius: .65rem; background: #f7f9fb; }

/* Owner payment formulas: compact register with contextual version forms. */
.payment-settings-header { margin-bottom: 1rem; }
.payment-settings-header > div > p:last-child { margin: .35rem 0 0; color: var(--muted-foreground); }
.payment-methods-panel { overflow: visible; }
.payment-method-list { display: grid; gap: .7rem; }
.payment-method-card { border: 1px solid var(--manager-line); border-radius: .8rem; padding: .8rem; background: #fff; box-shadow: 0 6px 18px rgb(20 32 51 / 4%); }
.payment-method-card-header, .payment-summary-title, .payment-rule-form-header, .payment-rule-actions { display: flex; align-items: flex-start; justify-content: space-between; gap: .8rem; }
.payment-method-card-header h3, .payment-rule-form-header h4 { margin: 0; }
.payment-method-card-header small { color: var(--muted-foreground); }
.payment-current-summary { margin-top: .65rem; padding: .65rem .75rem; border-radius: .65rem; background: color-mix(in srgb, var(--foreground) 3%, transparent); }
.payment-summary-title > span { font-weight: 700; }
.payment-summary-title small { color: var(--muted-foreground); }
.payment-summary-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .55rem; margin: .55rem 0 0; }
.payment-summary-grid div { min-width: 0; }
.payment-summary-grid dt { color: var(--muted-foreground); font-size: .78rem; }
.payment-summary-grid dd { margin: .12rem 0 0; font-weight: 650; overflow-wrap: anywhere; }
.payment-empty-state { margin: .45rem 0 0; color: var(--muted-foreground); }
.payment-rule-editor { margin-top: .65rem; }
.payment-rule-editor > summary { display: inline-flex; cursor: pointer; align-items: center; min-height: 2.35rem; padding: 0 .85rem; border-radius: .6rem; background: var(--manager-blue); color: #fff; font-weight: 700; list-style: none; }
.payment-rule-editor > summary::-webkit-details-marker { display: none; }
.payment-rule-form { margin-top: .65rem; padding: .8rem; border: 1px solid var(--border); border-radius: .7rem; }
.payment-rule-form-header { margin-bottom: .75rem; }
.payment-rule-form-header p:last-child { max-width: 34rem; margin: 0; color: var(--muted-foreground); font-size: .84rem; text-align: right; }
.payment-rule-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.payment-rule-grid label, .payment-advanced-settings label, .payment-money-group label { display: grid; gap: .3rem; min-width: 0; font-weight: 650; }
.payment-rule-grid input, .payment-rule-grid select, .payment-advanced-settings input { width: 100%; min-width: 0; }
.payment-rule-wide { grid-column: 1 / -1; }
.payment-money-group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; margin: 0; padding: .65rem; border: 1px solid var(--border); border-radius: .65rem; }
.payment-money-group legend { padding: 0 .25rem; font-weight: 750; }
.payment-advanced-settings { margin-top: .7rem; padding: .65rem; border: 1px solid var(--border); border-radius: .65rem; }
.payment-advanced-settings > summary { cursor: pointer; font-weight: 700; }
.payment-advanced-settings label { margin-top: .6rem; }
.payment-rule-actions { margin-top: .75rem; justify-content: flex-end; }

@media (max-width: 1000px) {
  .inventory-operation-grid { grid-template-columns: 1fr; }
  .integration-card-grid { grid-template-columns: 1fr; }
  .payment-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .inventory-operation-panel--wide { grid-column: auto; }
  .inventory-batch-line { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .inventory-toolbar { align-items: stretch; }
  .inventory-toolbar-actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  .inventory-search, .inventory-filter { min-width: 0; }
  .inventory-batch-form, .inventory-batch-line, .inventory-movement-list article { grid-template-columns: 1fr; }
  .inventory-batch-form > *, .inventory-batch-line > * { grid-column: auto; }
  .inventory-batch-form > button, .inventory-batch-line > button { width: 100%; }
}

/* Production coordination: compact task assignment and problem triage. */
.production-workspace .manager-page-header { margin-bottom: 1rem; }
.production-panel { margin-bottom: 1rem; }
.production-panel .count { display: inline-grid; min-width: 28px; height: 28px; place-items: center; border-radius: 999px; background: #edf1f6; color: #425069; font-size: .75rem; font-weight: 800; }
.production-task-list { display: grid; }
.production-task-card { display: grid; gap: .8rem; padding: 1rem; border-bottom: 1px solid var(--manager-line); }
.production-task-card:last-child { border-bottom: 0; }
.production-task-card.is-urgent { border-left: 3px solid #d9a328; }
.production-task-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.production-task-header > div, .production-resolution { display: grid; min-width: 0; gap: .2rem; }
.production-task-header small, .production-problem-card small, .production-problem-row small, .production-resolution small { color: #687587; font-size: .74rem; }
.production-task-facts { display: grid; grid-template-columns: repeat(2, minmax(140px, 1fr)); gap: .6rem; }
.production-task-facts div { display: grid; gap: .15rem; padding: .65rem .75rem; border: 1px solid var(--manager-line); border-radius: 8px; background: #f7f9fc; }
.production-task-facts span { color: #687587; font-size: .72rem; font-weight: 750; }
.production-problems { display: grid; gap: .6rem; padding: .8rem; border: 1px solid #ead59f; border-radius: 8px; background: #fffaf0; }
.production-problems h3 { margin: 0; font-size: .88rem; }
.production-problem-card { display: grid; gap: .55rem; padding: .75rem; border: 1px solid #ead59f; border-radius: 8px; background: #fff; }
.production-problem-card header { display: flex; align-items: flex-start; justify-content: space-between; gap: .75rem; }
.production-problem-card p, .production-problem-row p { margin: 0; overflow-wrap: anywhere; }
.production-problem-card form { justify-self: start; }
.production-assignment { border: 1px solid var(--manager-line); border-radius: 8px; overflow: hidden; }
.production-assignment > summary { padding: .7rem .8rem; color: var(--manager-blue); font-weight: 750; cursor: pointer; }
.production-assignment-form { display: grid; grid-template-columns: repeat(2, minmax(180px, 1fr)); gap: .75rem; padding: .8rem; border-top: 1px solid var(--manager-line); background: #f7f9fc; }
.production-assignment-form button { grid-column: 1 / -1; justify-self: start; }
.production-no-assignee { margin: 0; padding: .7rem .8rem; border: 1px solid #ead59f; border-radius: 8px; background: #fffaf0; color: #875e00; font-weight: 700; }
.production-problem-history { display: grid; }
.production-problem-row { display: grid; grid-template-columns: minmax(160px, .65fr) minmax(260px, 1.4fr) minmax(190px, .8fr); align-items: start; gap: 1rem; padding: .8rem 1rem; border-bottom: 1px solid var(--manager-line); }
.production-problem-row:last-child { border-bottom: 0; }
.production-problem-row > div { display: grid; min-width: 0; gap: .2rem; }
.production-problem-row form { justify-self: end; }

@media (max-width: 900px) {
  .production-problem-row { grid-template-columns: 1fr; gap: .5rem; }
  .production-problem-row form { justify-self: start; }
}

@media (max-width: 560px) {
  .production-task-facts, .production-assignment-form { grid-template-columns: 1fr; }
  .production-assignment-form button { grid-column: auto; width: 100%; }
  .production-problem-card header { display: grid; }
  .production-problem-card form, .production-problem-card .button, .production-problem-row form, .production-problem-row .button { width: 100%; }
}

/* Employee messages: compact triage and retained history. */
.messages-workspace .manager-page-header { margin-bottom: 1rem; }
.messages-panel { margin-bottom: 1rem; }
.messages-panel .count { display: inline-grid; min-width: 28px; height: 28px; place-items: center; border-radius: 999px; background: #edf1f6; color: #425069; font-size: .75rem; font-weight: 800; }
.messages-success { margin: 0 0 1rem; }
.messages-list { display: grid; }
.message-card { display: grid; gap: .75rem; padding: 1rem; border-bottom: 1px solid var(--manager-line); }
.message-card:last-child { border-bottom: 0; }
.message-card--open { border-left: 3px solid #d9a328; }
.message-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.message-card-header > div, .message-history-author, .message-history-result { display: grid; min-width: 0; gap: .2rem; }
.message-history-author strong { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
.message-card time, .message-history-row time, .message-history-result small { color: #687587; font-size: .74rem; }
.message-text, .message-history-row p { margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.message-close-form { justify-self: start; }
.message-close-form .button { min-height: 40px; }
.status-chip--attention { background: #fff4d8; color: #875e00; }
.messages-history { display: grid; }
.message-history-row { display: grid; grid-template-columns: minmax(140px, .65fr) minmax(260px, 1.6fr) minmax(190px, .8fr); align-items: start; gap: 1rem; padding: .8rem 1rem; border-bottom: 1px solid var(--manager-line); }
.message-history-row:last-child { border-bottom: 0; }
.message-history-result { justify-items: start; }

@media (max-width: 900px) {
  .message-history-row { grid-template-columns: 1fr; gap: .45rem; }
}

@media (max-width: 560px) {
  .message-card-header { align-items: flex-start; }
  .message-close-form, .message-close-form .button { width: 100%; }
}

/* Sales workspaces: same compact language as staff administration. */
.sales-workspace { width: 100%; max-width: none; box-sizing: border-box; overflow-x: hidden; }
.sales-workspace .manager-page-header { padding-bottom: 1rem; border-bottom: 1px solid var(--manager-line); }
.sales-workspace .manager-page-header h1 { font-size: clamp(1.75rem, 2.4vw, 2.3rem); font-weight: 700; }
.sales-create-panel { margin-bottom: 1rem; border: 1px solid var(--manager-line); border-radius: 10px; background: #fff; overflow: hidden; }
.sales-create-panel { display: none; }
.sales-create-panel.is-open { display: block; }
.sales-create-body { padding: 1rem; }
.sales-create-body > .manager-section-heading { padding-bottom: .8rem; border-bottom: 1px solid var(--manager-line); }
.sales-create-body h2 { margin: 0; font-size: 1.15rem; }
.sales-text-button { border: 0; background: transparent; color: var(--manager-blue); font-weight: 750; cursor: pointer; }
.order-form { display: grid; gap: .85rem; padding-bottom: 7rem; }
.order-form-section { padding: 1rem; border: 1px solid var(--manager-line); border-radius: 9px; background: #fff; }
.sales-section-title { display: flex; align-items: center; gap: .65rem; margin-bottom: .85rem; }
.sales-section-title > span { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; background: var(--manager-blue-soft); color: var(--manager-blue); font-size: .75rem; font-weight: 850; }
.sales-section-title h3, .sales-section-title p { margin: 0; }
.sales-section-title h3 { font-size: .98rem; }
.sales-section-title p { color: #536174; font-size: .74rem; }
.order-form-grid, .order-comments-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.order-route-field[hidden] { display: none !important; }
.order-form label, .sales-action-form label { min-width: 0; color: #445167; font-size: .78rem; font-weight: 700; }
.order-form input:not([type='file']), .order-form select, .order-form textarea, .sales-action-form input, .sales-action-form select, .sales-action-form textarea { width: 100%; min-width: 0; min-height: 42px; border: 1px solid #cbd3dd; border-radius: 7px; background: #fff; }
.order-form textarea, .sales-action-form textarea { resize: vertical; }
.order-lines, .order-payments { display: grid; gap: .55rem; }
.order-payment-timing { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .6rem; margin-bottom: .75rem; }
.order-payment-timing > label { display: flex; gap: .65rem; align-items: flex-start; min-height: 72px; padding: .75rem; border: 1px solid var(--manager-line); border-radius: 8px; background: #f7f9fc; cursor: pointer; }
.order-payment-timing input { width: auto !important; min-height: 0 !important; margin-top: .2rem; }
.order-payment-timing span { display: grid; gap: .18rem; }
.order-payment-timing small, .order-payment-later-note { color: #536174; }
.order-payment-fields[hidden], .order-payment-at-pickup[hidden], .order-payment-later-note[hidden] { display: none !important; }
.order-payment-later-note { margin: 0; padding: .8rem; border: 1px solid var(--manager-line); border-radius: 8px; background: #f7f9fc; }
.order-priority-choice { display: flex; gap: .65rem; align-items: flex-start; margin-top: .75rem; padding: .75rem; border: 1px solid #f0c47a; border-radius: 8px; background: #fff8e8; cursor: pointer; }
.order-priority-choice input { width: auto !important; min-height: 0 !important; margin-top: .2rem; }
.order-priority-choice span { display: grid; gap: .18rem; }
.order-priority-choice small { color: #6f5b36; }
.order-line { display: grid; grid-template-columns: minmax(220px, 1.4fr) minmax(100px, .45fr) minmax(140px, .65fr) minmax(90px, auto) auto; gap: .65rem; align-items: end; padding: .7rem; border: 1px solid var(--manager-line); border-radius: 8px; background: #f7f9fc; }
.order-line-total { align-self: center; text-align: right; white-space: nowrap; }
.order-payment-row { display: grid; grid-template-columns: minmax(200px, 1fr) minmax(150px, .7fr) auto; gap: .65rem; align-items: end; padding: .7rem; border: 1px solid var(--manager-line); border-radius: 8px; background: #f7f9fc; }
.sales-remove-button { min-height: 42px; padding: .55rem .7rem; border: 1px solid #e4bcbc; border-radius: 7px; background: #fff; color: #a13a3a; cursor: pointer; }
.sales-add-button { margin-top: .65rem; }
.order-file-field { display: grid; align-content: start; gap: .35rem; padding-bottom: .75rem; }
.order-file-field small { position: relative; z-index: 6; display: block; color: #536174; font-weight: 600; }
.order-submit-bar { position: sticky; z-index: 5; bottom: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 1rem; border: 1px solid #cbd9fa; border-radius: 9px; background: rgb(247 250 255 / 96%); box-shadow: 0 -6px 18px rgb(20 32 51 / 8%); }
.order-submit-bar > div { display: grid; grid-template-columns: auto auto; gap: .1rem .65rem; }
.order-submit-bar span, .order-submit-bar small { color: #536174; font-size: .74rem; }
.order-submit-bar small { grid-column: 1 / -1; }
.sales-orders-panel .manager-order-shell { padding: 1rem; }
.manager-orders-page .staff-table-panel { overflow: visible; }
.manager-order-back { display: none; width: fit-content; margin-bottom: .65rem; color: var(--manager-blue); font-size: .78rem; font-weight: 750; text-decoration: none; }
.manager-order-kicker { margin: 0; color: #687587; font-size: .68rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.manager-order-card-header h2 { margin: .1rem 0 .45rem; font-size: 1.5rem; }
.manager-order-chips { display: flex; flex-wrap: wrap; gap: .4rem; }
.manager-order-edit { white-space: nowrap; }
.manager-order-header-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.manager-page .button-danger { border-color: #b93232; background: #fff; color: #a02727; }
.manager-page .button-danger:hover { background: #fff1f1; color: #8c2020; }
.manager-order-cancel-panel { display: none; border-color: #e2bcbc !important; background: #fffafa; }
.manager-order-cancel-panel.is-open { display: block; scroll-margin-top: 1rem; }
.manager-order-cancel-panel > summary { display: none; }
.manager-order-cancel-panel > form { display: grid; gap: .75rem; padding: .85rem; }
.manager-order-produced { display: flex !important; align-items: center; gap: .5rem; }
.manager-order-produced input { width: auto !important; min-height: auto !important; }
.manager-order-cancel-actions { display: flex; gap: .6rem; }
.manager-order-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 1rem 0 0; border-block: 1px solid var(--manager-line); }
.manager-order-summary > div { display: grid; gap: .25rem; padding: .85rem .8rem; border-right: 1px solid var(--manager-line); }
.manager-order-summary > div:last-child { border-right: 0; }
.manager-order-summary span { color: #687587; font-size: .7rem; font-weight: 750; text-transform: uppercase; }
.manager-order-summary strong { overflow-wrap: anywhere; font-size: .95rem; }
.manager-order-sections { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(220px, .65fr); }
.manager-order-section { padding: 1rem 0; border-bottom: 1px solid var(--manager-line); }
.manager-order-section:nth-child(even) { padding-left: 1rem; border-left: 1px solid var(--manager-line); }
.manager-order-section--composition { grid-column: 1 / -1; }
.manager-order-section h3 { margin: 0 0 .65rem; font-size: .84rem; }
.manager-order-composition, .manager-order-files { margin: 0; padding: 0; list-style: none; }
.manager-order-composition li { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 1rem; align-items: center; padding: .55rem 0; }
.manager-order-composition li + li { border-top: 1px solid #e7ebf0; }
.manager-order-composition span, .manager-order-comments small { color: #687587; font-size: .74rem; }
.manager-order-comments { display: grid; gap: .55rem; }
.manager-order-comments p { display: grid; gap: .12rem; margin: 0; }
.manager-order-comments small { font-weight: 750; text-transform: uppercase; }
.manager-order-files li { padding: .35rem 0; }
.manager-order-files a { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.manager-order-edit-panel { display: none; border-color: #bfcff7 !important; background: #f8faff; }
.manager-order-edit-panel.is-open { display: block; scroll-margin-top: 1rem; }
.manager-order-edit-panel > summary { display: none; }
.manager-order-amend-form { display: grid; gap: .75rem; padding: 1rem; }
.manager-order-amend-lines { display: grid; gap: .55rem; }
.manager-order-amend-line { display: grid; grid-template-columns: minmax(230px, 1.25fr) minmax(100px, .42fr) minmax(150px, .62fr) auto; align-items: end; gap: .65rem; padding: .7rem; border: 1px solid var(--manager-line); border-radius: 8px; background: #fff; }
.manager-order-amend-comments { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; }
.manager-order-amend-comments textarea { min-height: 76px; resize: vertical; }
.manager-order-amend-actions { display: flex; gap: .6rem; align-items: center; }
.manager-order-add-line { justify-self: start; }
.manager-order-other { margin-top: 1rem !important; border-style: dashed !important; background: #fafbfc; }
.manager-order-other > summary { color: #536174; }
.manager-order-other > summary::after { content: '⌄' !important; }
.manager-order-other[open] > summary::after { content: '⌃' !important; }
.manager-order-danger { margin: 0 .75rem .75rem !important; border-color: #edc9c9 !important; background: #fffafa; }
.manager-order-danger > summary { color: #9b3030; }
.sales-empty-wide { grid-column: 1 / -1; }
.cancellation-list { display: grid; }
.cancellation-card { border-bottom: 1px solid var(--manager-line); }
.cancellation-card:last-child { border-bottom: 0; }
.cancellation-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1rem; }
.cancellation-card-header p { margin: .25rem 0 0; color: #536174; }
.cancellation-card-header small { color: #536174; }
.cancellation-status-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; padding: 0 1rem 1rem; }
.cancellation-status-grid > div { display: grid; gap: .25rem; padding: .7rem; border: 1px solid var(--manager-line); border-radius: 8px; background: #f7f9fc; }
.cancellation-status-grid span { color: #536174; font-size: .72rem; font-weight: 750; text-transform: uppercase; }
.sales-status-pending { color: #a86300; }
.sales-status-done { color: #187a48; }
.cancellation-actions { border-top: 1px solid var(--manager-line); }
.sales-inline-action { border-bottom: 1px solid var(--manager-line); }
.sales-inline-action > summary { padding: .8rem 1rem; color: var(--manager-blue); font-weight: 750; cursor: pointer; list-style: none; }
.sales-inline-action > summary::after { content: ' →'; }
.sales-action-form { display: grid; grid-template-columns: repeat(2, minmax(180px, 1fr)); gap: .75rem; padding: 1rem; border-top: 1px solid var(--manager-line); background: #f7f9fc; }
.sales-action-form button, .sales-form-wide, .sales-form-heading { grid-column: 1 / -1; }
.sales-form-heading { display: flex; justify-content: space-between; gap: 1rem; padding-bottom: .6rem; border-bottom: 1px solid var(--manager-line); }
.sales-form-heading span { color: #536174; font-size: .78rem; }
.sales-fact-note { margin: 0; padding: .7rem 1rem; color: #536174; font-size: .78rem; }
.sales-close-form { padding: .8rem 1rem; }
.return-table .staff-table-head, .return-table > .staff-table-row { grid-template-columns: minmax(120px, .6fr) minmax(90px, .5fr) minmax(90px, .5fr) minmax(180px, 1fr) minmax(90px, auto); }
.return-payment-summary { display: grid; gap: .15rem; }
.return-payment-summary small { color: #536174; }
.return-action[open] { grid-column: 1 / -1; }
.return-forms { display: grid; gap: .75rem; }
.return-history-table .staff-table-head, .return-history-table .staff-table-row { grid-template-columns: minmax(120px, .7fr) minmax(100px, .5fr) minmax(120px, .7fr) minmax(140px, .8fr) minmax(180px, 1fr); }
.return-history-table small { display: block; color: #536174; }

@media (max-width: 1100px) {
  .manager-order-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .manager-order-summary > div:nth-child(2) { border-right: 0; }
  .manager-order-summary > div:nth-child(-n+2) { border-bottom: 1px solid var(--manager-line); }
  .order-form-grid, .order-comments-grid, .cancellation-status-grid { grid-template-columns: 1fr; }
  .order-line, .order-payment-row, .return-table > .staff-table-row, .return-history-table .staff-table-row { grid-template-columns: 1fr 1fr; }
  .order-line > label:first-child, .return-table > .staff-table-row > strong, .return-history-table .staff-table-row > strong, .return-action[open] { grid-column: 1 / -1; }
  .return-table .staff-table-head, .return-history-table .staff-table-head { display: none; }
  .return-row > [data-mobile-label] { display: grid; gap: .12rem; }
  .return-row > [data-mobile-label]::before { content: attr(data-mobile-label); color: #536174; font-size: .66rem; font-weight: 800; letter-spacing: .035em; text-transform: uppercase; }
  .return-row { gap: .55rem 1rem; }
  .order-form { padding-bottom: calc(11rem + env(safe-area-inset-bottom)); }
  .order-submit-bar { bottom: 68px; }
}

@media (max-width: 560px) {
  .manager-order-back { display: inline-flex; }
  .manager-order-card { padding: .85rem; }
  .manager-order-card-header { display: grid; align-items: start; }
  .manager-order-edit { width: 100%; }
  .manager-order-header-actions, .manager-order-cancel-actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  .manager-order-header-actions .button, .manager-order-cancel-actions .button { width: 100%; }
  .manager-order-summary, .manager-order-sections { grid-template-columns: 1fr; }
  .manager-order-summary > div, .manager-order-summary > div:nth-child(2) { border-right: 0; border-bottom: 1px solid var(--manager-line); }
  .manager-order-summary > div:last-child { border-bottom: 0; }
  .manager-order-section, .manager-order-section:nth-child(even), .manager-order-section--composition { grid-column: 1; padding: .85rem 0; border-left: 0; }
  .manager-order-composition li { grid-template-columns: 1fr auto; gap: .25rem .7rem; }
  .manager-order-composition li > span { grid-column: 1; }
  .manager-order-amend-line { grid-template-columns: 1fr; }
  .manager-order-amend-comments { grid-template-columns: 1fr; }
  .manager-order-amend-actions { display: grid; grid-template-columns: 1fr; }
  .manager-order-amend-actions .button { width: 100%; }
  .manager-order-files a { white-space: normal; overflow-wrap: anywhere; }
  .order-line, .order-payment-row, .order-payment-timing, .return-table > .staff-table-row, .return-history-table .staff-table-row, .sales-action-form { grid-template-columns: 1fr; }
  .order-submit-bar { align-items: stretch; flex-direction: column; }
  .order-submit-bar .button { width: 100%; }
}