/* Mobile surfaces have explicit text/background pairs; desktop and TV are untouched. */
@media screen and (max-width:900px){
 html body input[type="date"],html body input[type="time"],html body input[type="datetime-local"]{color-scheme:light!important;pointer-events:auto!important;touch-action:manipulation!important;opacity:1!important;color:#172733!important;-webkit-text-fill-color:#172733!important}
 html body input[type="date"]::-webkit-calendar-picker-indicator,html body input[type="time"]::-webkit-calendar-picker-indicator,html body input[type="datetime-local"]::-webkit-calendar-picker-indicator{opacity:1!important;display:block!important;cursor:pointer!important}
 html body .app main{color:#f4f8fc!important}
 html body .app main :is(.card,.listrow,.stat,.load-card,.truck-list-row,.inventory-product-card,.purchase-card,.calendar-event,.cal-day,.global-result,.pack){color:#f4f8fc!important}
 html body .app main :is(.card,.listrow,.stat,.load-card,.inventory-product-card,.purchase-card,.calendar-event,.cal-day,.global-result,.pack) :is(h1,h2,h3,h4,label,td,th){color:#f4f8fc!important}
 html body .app main :is(.muted,.small.muted,.field-help,.inventory-location){color:#c4d4e1!important}
 html body .app main :is(.card,.listrow,.load-card,.inventory-product-card,.calendar-event,.global-result) :is(.small,small){color:#c4d4e1!important}
 html body .app main :is(.btn.dark,.iconbtn,.back,.chip,.truck-filter-btn){color:#f4f8fc!important}
 html body .app main :is(.btn.primary,.hero){background:#e7822c!important;color:#172733!important}
 html body .app main :is(.btn.primary,.hero) :is(span,b,strong,small){color:inherit!important}
 html body .app main :is(.input,input:not([type=checkbox]):not([type=radio]),select,textarea),html body #sheet.sheet :is(.input,input:not([type=checkbox]):not([type=radio]),select,textarea){background:#fff!important;color:#172733!important;-webkit-text-fill-color:#172733!important;border-color:#a9bbc9!important;opacity:1}
 html body :is(.app main,.sheet) :is(input,textarea)::placeholder{color:#526b7e!important;opacity:1!important}
 html body .app main .load-date-highlight{background:#dceeff!important;color:#154a74!important;border-color:#88b4d6!important;-webkit-text-fill-color:#154a74!important}
 html body .app main :is(.stage,.tab){color:#c4d4e1!important}
 html body .app main .stage.done{color:#f4f8fc!important}
 html body .app main .project-menu .tab.active{color:#f4f8fc!important}
 html body .app main .project-menu .tab.active .tab-icon{color:#fff!important}
 html body .app header.top .header-search button{color:#172733!important}
 html body .app header.top .header-date{background:#263f53!important;color:#fff!important}
 html body .app header.top .header-date :is(b,span,small){color:#edf5fc!important}
 html body .app header.top .header-date span{color:#ffb16f!important}
 html body .app .bottom .nav{background:transparent!important;color:#edf5fc!important}
 html body .app .bottom .nav>span:last-child,html body .app .bottom .sidebar-user b{color:#edf5fc!important}
 html body .app .bottom .nav.active{background:#3f372f!important}
 html body .app .bottom .sidebar-user{background:#243c50!important;color:#edf5fc!important}
 html body .app .bottom .sidebar-user span{color:#ffb16f!important}
 html body .app #home .p4-top :is(h1,#userPosition,.muted){color:#f5f9fc!important}
 html body .app #home .p4-top #userPosition{color:#c4d4e1!important}
 html body .app #home #upcomingLoads .load-card :is(h3,b,strong,.load-when,.small,.muted){color:#172733!important;-webkit-text-fill-color:#172733!important;opacity:1!important}
 html body .app #home #upcomingLoads .load-date.fair-c0{background:#1269b1!important}
 html body .app #home #upcomingLoads .load-date.fair-c1{background:#087e56!important}
 html body .app #home #upcomingLoads .load-date.fair-c2{background:#7055bc!important}
 html body .app #home #upcomingLoads .load-date.fair-c3{background:#a74713!important}
 html body .app #home #upcomingLoads .load-date.fair-c4{background:#ad365d!important}
 html body .app #home #upcomingLoads .load-date.fair-c5{background:#226773!important}
 html body .app #home #upcomingLoads .load-card .load-date :is(b,span,small){color:#fff!important;-webkit-text-fill-color:#fff!important}
 html body .app #home .home-control-link{color:#172733!important}
 html body .app #home .home-control-link :is(b,strong,span,small){color:#465d70!important}
 html body .app #home .home-alert-count{color:#172733!important}
 html body .app #home .home-alert-icon{color:#96501b!important}
 html body .app #home .p4-action.blue{--quick-action-color:#0968bb;background:#0968bb!important}
 html body .app #home .p4-action.green{--quick-action-color:#087e45;background:#087e45!important}
 html body .app #home .p4-action.orange,html body .app #home .p4-action.orange :is(b,span,small){color:#172733!important}
 html body .app main .load-brief :is(.muted,small){color:#c4d4e1!important}
 html body .app main .load-section>summary small{color:#c4d4e1!important}
 html body .app main .load-section .confirm-load{color:#173d29!important;background:#e3f3e8!important}
 html body .app main .truck-time-grid i,html body .app main .dimension-control>span,html body .app main .dimension-card span{color:#ffb66f!important}
 html body .app main .truck-state-pill.preparing{color:#75360c!important;background:#fff0db!important}
 html body .app main .truck-state-pill.ready{color:#145334!important;background:#e0f4e8!important}
 html body .app main .truck-state-pill.pending{color:#84233a!important;background:#ffe7ec!important}
 html body .app main .badge{background:#fff0db!important;color:#75360c!important}
 html body .app main .badge.ok{background:#e0f4e8!important;color:#145334!important}
 html body .app main .badge.danger{background:#ffe7ec!important;color:#84233a!important}
 html body #sheet.sheet{color:#f4f8fc!important;background:#203a52!important}
 html body #sheet.sheet :is(h1,h2,h3,label,p){color:#f4f8fc!important}
 html body #sheet.sheet :is(.muted,.small,small){color:#c4d4e1!important}
 html body #sheet.sheet .btn.primary{color:#172733!important}
 html body #sheet.sheet .btn.dark{color:#f4f8fc!important;background:#29475f!important}
 html body .app #home :is(.p4-panel,.stat,.home-alert,.online-summary,.home-control-link){color:#172733!important}
 html body .app #home :is(.p4-panel,.stat,.home-alert,.online-summary) :is(h1,h2,h3,h4,b,strong,label){color:#172733!important}
 html body .app #home :is(.p4-panel,.stat,.home-alert,.online-summary) :is(.muted,.small,small){color:#465d70!important}
 html body .app #home .p4-action :is(b,span,small){color:inherit!important}
 html body .app main :is(.cal-day,.calendar-event,.pack){color:#172733!important}
 html body .app main :is(.cal-day,.calendar-event,.pack) :is(h1,h2,h3,b,strong,label,p,span,small,td,th){color:#172733!important}
 html body .app main .calendar-event .event-date,html body .app main .calendar-event .event-date *{color:#fff!important}
 html body .app #home .home-alert :is(b,small){color:#f4f8fc!important}
 html body .app #home .p4-panel .home-section-head h2{color:#f4f8fc!important}
 html body .app main .truck-filter-btn.active{color:#145334!important}
 html body .app main .input{color:#172733!important}
 /* Explicit exceptions for the existing dark personal and operational panels. */
 html body .app main #personal :is(h1,h2,h3,label,.personal-quick span,.personal-body){color:#f5f9fc!important}
 html body .app main #personal :is(.muted,.small.muted,small,.personal-private-note){color:#bdcedb!important}
 html body .app main #personal .personal-form label{color:#f5f9fc!important}
 html body .app main #personal .btn.dark{background:#233342!important;color:#f5f9fc!important}
 html body .app main #personal .personal-day{color:#f5f9fc!important}
 html body .app main :is(#chiefMode,.voice-head,.voice-launch,.dark-panel,.dark-card) :is(h1,h2,h3,h4,label,p,b,strong,span,small,.muted){color:#f5f9fc!important}
 html body .important-alert-button.is-due{background:#b82e1d!important;color:#fff!important;border-color:#ffca80!important}

 html body .app #home .home-alert .grow small{color:#c4d4e1!important}
 html body #home .home-alert-icon{background:#ffdfba!important;color:#743907!important}
 html body #sidebarOnline{background:#243c50!important;color:#f4f8fc!important}
 html body #sidebarOnline :is(b,span){color:#f4f8fc!important}
 html body #project #projectTab :is(input,textarea,select){color:#172733!important;-webkit-text-fill-color:#172733!important}
 html body #project #projectTab .measure-input i{color:#ffb66f!important}
 html body #project #projectTab .preflight-head>b.pending{background:#ffe7ec!important;color:#84233a!important}
 html body #project #projectTab .preflight-grid .ok i{background:#e0f4e8!important;color:#145334!important}
 html body #project #projectTab .preflight-grid .bad i{background:#ffe7ec!important;color:#84233a!important}

 html body #calendar .btn.primary,html body #sheet .btn.primary{background:#e7822c!important;color:#172733!important}
 html body #calendar .cal-week span{color:#c4d4e1!important}
 html body #calendar .cal-day .cal-day-label{color:#172733!important;-webkit-text-fill-color:#172733!important}
 html body #calendar .calendar-event.return-event :is(.small,.muted,small){color:#84233a!important}

 html body #sheet.sheet .cal-week span{color:#c4d4e1!important}
 html body #sheet.sheet .cal-day :is(b,span,small){color:#f4f8fc!important;-webkit-text-fill-color:#f4f8fc!important}
 html body #sheet.sheet .cal-day:is(.return-day,.load-day,.loaded-day) :is(b,span,small){color:#172733!important;-webkit-text-fill-color:#172733!important}
 html body #sheet.sheet .calendar-event{color:#172733!important}
 html body #sheet.sheet .calendar-event :is(b,.small,.muted,small){color:#172733!important}
 html body #sheet.sheet .calendar-event .event-date,html body #sheet.sheet .calendar-event .event-date *{color:#fff!important}
 html body #sheet.sheet .calendar-event.return-event :is(.small,.muted,small){color:#84233a!important}
}