.shift-report-page { color: var(--ui-text-primary); grid-template-columns: minmax(0, 1fr); overflow-wrap: anywhere; }
.shift-report-page > .ui-page-header { min-height: 0; padding: var(--ui-space-2) var(--ui-space-6); }
.shift-report-page > .ui-tabs { width: fit-content; max-width: 100%; min-width: 0; flex-wrap: wrap; }
.shift-report-page > .ui-tabs .active { background: var(--ui-bg-card); color: var(--ui-accent-active); border-color: var(--ui-border-strong); box-shadow: var(--ui-shadow-card); }
.shift-report-page > .ui-tabs .ui-button { width: auto; }
#srMessage:empty { display: none; }
.shift-report-page [hidden] { display: none !important; }
.shift-report-page h2, .shift-report-page h3, .shift-report-page h4, .shift-report-page p { margin-top: 0; }
.shift-report-page p { color: var(--ui-text-muted); line-height: var(--ui-line-height-body); }
.shift-report-page [data-sr-panel], .sr-automatic, #srEditor, #srOverview { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ui-gap-section); min-width: 0; }
.sr-toolbar { display: flex; flex-wrap: wrap; align-items: end; gap: var(--ui-space-4); padding: var(--ui-padding-card); }
.shift-report-page label { display: grid; gap: var(--ui-space-2); min-width: 0; font-size: var(--ui-font-size-secondary); color: var(--ui-text-secondary); font-weight: var(--ui-font-weight-medium); }
.sr-toolbar label { flex: 1; min-width: calc(var(--ui-space-16) * 2); }
.sr-toolbar .ui-icon-button { flex: none; }
.sr-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--ui-gap-card); }
.sr-metric { padding: var(--ui-padding-card); gap: var(--ui-space-1); }
.sr-metric strong { display: block; font-size: var(--ui-font-size-page-title); font-weight: var(--ui-font-weight-bold); margin: 0; }
.sr-automatic { gap: var(--ui-space-3); }
.sr-automatic .sr-section { padding: var(--ui-space-3) var(--ui-padding-section); }
.sr-metric span, .sr-meta { color: var(--ui-text-muted); font-size: var(--ui-font-size-secondary); line-height: var(--ui-line-height-body); }
.sr-metric:first-child { background: var(--ui-accent-subtle); }
.sr-meta { display: flex; flex-wrap: wrap; gap: var(--ui-space-2) var(--ui-space-4); }
.sr-section { padding: var(--ui-padding-section); }
.sr-section > summary { cursor: pointer; font-weight: var(--ui-font-weight-bold); font-size: var(--ui-font-size-card-title); padding: var(--ui-space-1) 0; }
.sr-section > summary .sr-meta { display: inline; margin-left: var(--ui-space-2); font-weight: var(--ui-font-weight-regular); }
.sr-section[open] > summary { margin-bottom: var(--ui-space-4); }
.sr-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ui-space-4); }
.sr-fields > label { align-self: end; }
.sr-fields .sr-wide { grid-column: 1 / -1; }
.shift-report-page input, .shift-report-page select, .shift-report-page textarea { width: 100%; min-width: 0; box-sizing: border-box; }
.shift-report-page textarea { resize: vertical; min-height: calc(var(--ui-space-10) * 2); }
.shift-report-page .sr-check { display: flex; align-items: center; gap: var(--ui-space-2); font-weight: var(--ui-font-weight-regular); }
.shift-report-page .sr-check input { width: var(--ui-icon-size-sm); height: var(--ui-icon-size-sm); flex: none; }
.sr-check { margin-top: var(--ui-space-3); }
.sr-fieldset { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--ui-gap-section); border: 0; margin: 0; padding: 0; min-width: 0; }
.sr-fieldset:disabled { opacity: 1; }
.sr-fieldset:disabled input, .sr-fieldset:disabled select, .sr-fieldset:disabled textarea { color: var(--ui-text-secondary); opacity: 1; }
.sr-footer, .sr-card-head { display: flex; justify-content: space-between; gap: var(--ui-space-4); align-items: center; flex-wrap: wrap; }
.sr-footer { position: sticky; bottom: var(--ui-space-4); padding: var(--ui-padding-card); background: var(--ui-bg-elevated); border: var(--ui-border-card); border-radius: var(--ui-radius-section); box-shadow: var(--ui-shadow-elevated); }
.sr-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ui-space-2); }
.sr-message { padding: var(--ui-padding-card); border-radius: var(--ui-radius-card); background: var(--ui-status-info-subtle); color: var(--ui-text-primary); }
.sr-message.error { background: var(--ui-status-danger-subtle); }
.sr-message.success { background: var(--ui-status-success-subtle); }
.sr-derived { margin-top: var(--ui-space-4); display: flex; flex-wrap: wrap; gap: var(--ui-space-3); }
.sr-derived span { padding: var(--ui-space-2) var(--ui-space-3); background: var(--ui-bg-muted); border-radius: var(--ui-radius-control); font-size: var(--ui-font-size-secondary); }
.sr-derived .is-warning { background: var(--ui-status-warning-subtle); }
.sr-records { display: grid; gap: var(--ui-space-4); margin-bottom: var(--ui-space-4); }
.sr-record { border: var(--ui-border-card); border-radius: var(--ui-radius-card); padding: var(--ui-padding-card); display: grid; gap: var(--ui-space-4); }
.sr-record h4 { margin-bottom: 0; }
.sr-record .sr-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sr-order-lookup { display: flex; align-items: end; flex-wrap: wrap; gap: var(--ui-space-2); }
.sr-order-lookup label { flex: 1; }
.sr-lookup-results { display: flex; flex-wrap: wrap; gap: var(--ui-space-2); }
.sr-orders-table { min-width: var(--ui-table-min-width); }
.sr-orders-table td, .sr-orders-table th { vertical-align: top; }
.sr-orders-table input, .sr-orders-table select { min-width: calc(var(--ui-space-10) * 3); }
.sr-orders-table td:first-child strong { display: block; white-space: nowrap; }
.sr-orders-table .sr-meta { max-width: calc(var(--ui-space-16) * 3); }
.sr-history { display: grid; gap: var(--ui-space-2); list-style: none; padding: 0; font-size: var(--ui-font-size-secondary); }
.sr-overview-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ui-gap-card); }
.sr-overview-table { max-height: calc(var(--ui-space-16) * 9); }
.sr-access-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--ui-space-4); padding: var(--ui-space-4) 0; border-bottom: var(--ui-border-card); }
.sr-access-row:last-child { border-bottom: 0; }
.sr-access-row .sr-check { margin: 0; }
@media (max-width: 1280px) { .sr-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  .shift-report-page > .ui-tabs { width: 100%; }
  .shift-report-page > .ui-tabs .ui-button { flex: 1; min-width: 0; white-space: normal; }
  .shift-report-page > .ui-page-header { padding: var(--ui-space-2) 0; }
  .shift-report-page .sr-automatic { order: 2; }
  #srForm { order: 1; }
  .sr-metrics, .sr-overview-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-fields, .sr-record .sr-fields { grid-template-columns: minmax(0, 1fr); }
  .sr-footer { bottom: calc(var(--ui-mobile-nav-height) + var(--ui-space-4)); }
  .sr-footer .sr-actions { width: 100%; }
  .sr-footer .sr-actions button { flex: 1; }
  .sr-metric strong { font-size: var(--ui-font-size-section-title); }
}