/* Final v5 polish after the main refinement bundle. */
@media(max-width:760px){
  body.staff-mobile-v4 .staff-core-nav button span{display:block!important;width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:center!important;font-size:9.5px!important;line-height:1!important}
  body.staff-mobile-v4 .staff-core-nav button{font-size:9.5px!important}
  .v5-schedule-card>footer{margin:0!important;padding:7px 0 0!important;background:transparent!important;color:inherit!important;border-radius:0!important}
  .v5-schedule-card>footer a,.v5-schedule-card>footer p{color:inherit!important}
  body[data-staff-view="schedule"] .view-toggle{display:grid!important;grid-template-columns:1fr 1fr!important}
}

/* Follow-system needs the same complete dark treatment as explicit Dark. */
@media(prefers-color-scheme:dark){
  html[data-theme="system"] header,html[data-theme="system"] .rates article,html[data-theme="system"] .cargo,html[data-theme="system"] .table-wrap,html[data-theme="system"] .stats article,html[data-theme="system"] dialog{background:#182c36!important;color:#e0ecf0!important}
  html[data-theme="system"] .sidebar,html[data-theme="system"] footer,html[data-theme="system"] .route{background:#0b2833!important;color:#e0ecf0!important}
  html[data-theme="system"] th,html[data-theme="system"] .hero,html[data-theme="system"] #schedule,html[data-theme="system"] .subtle,html[data-theme="system"] .notice{background:#223c48!important;color:#d2e7ed!important}
  html[data-theme="system"] td{border-color:#354954!important}
  html[data-theme="system"] .muted,html[data-theme="system"] .policy p,html[data-theme="system"] .rates p,html[data-theme="system"] td small,html[data-theme="system"] .stats span,html[data-theme="system"] .hero p:not(.eyebrow),html[data-theme="system"] .topline,html[data-theme="system"] .section-title>span{color:#b5c9d2!important}
  html[data-theme="system"] .eyebrow{color:#5cd5d9!important}html[data-theme="system"] .error{color:#ffafb3!important}
  html[data-theme="system"] .date-picker,html[data-theme="system"] .published-details,html[data-theme="system"] .review-card{background:#182c36!important;color:#e0ecf0!important}
  html[data-theme="system"] .time-cards article{background:#254753!important}html[data-theme="system"] .time-cards span,html[data-theme="system"] .date-picker h3 small{color:#c3d4db!important}
  html[data-theme="system"] .date-grid .unavailable{background:#253944!important;color:#b2c3cc!important}html[data-theme="system"] .holiday-day{background:#403a2a!important}html[data-theme="system"] .holiday{color:#ffc589!important}
  html[data-theme="system"] .primary-toolbar,html[data-theme="system"] .record-card,html[data-theme="system"] .staff-card,html[data-theme="system"] .staff-calendar>article,html[data-theme="system"] .account-section,html[data-theme="system"] .account-content-section,html[data-theme="system"] .login-card,html[data-theme="system"] .sailing-choice,html[data-theme="system"] .metric-card,html[data-theme="system"] .action-menu .menu-fields{background:#182c36!important;color:#e0ecf0!important}
  html[data-theme="system"] .sailing-choice span,html[data-theme="system"] .trip-timeline span{color:#bdd0d7!important}html[data-theme="system"] .sailing-choice.chosen,html[data-theme="system"] .context-bar,html[data-theme="system"] .schedule-detail-grid span,html[data-theme="system"] .trip-timeline article,html[data-theme="system"] .contact-list article{background:#24434c!important}
}
