/* v9.68 screen-only RampAware charcoal sheets and opening/closing history rows. */
@media screen {
html:has(#rampActivityView:not(.hidden)),body:has(#rampActivityView:not(.hidden)),body:has(#rampActivityView:not(.hidden)) .app-shell,body:has(#rampActivityView:not(.hidden)) main{background:#191c20!important;color:#dfe5e9!important}
#rampActivityView.ra-activity-view,#rampActivityView #raActTodayPane,#rampActivityView #raActHistoryPane,#rampActivityView .ra-act-head,#rampActivityView .ra-act-toolbar,#rampActivityView .ra-act-grid-wrap,#rampActivityView .ra-act-grid,#rampActivityView .ra-act-pagination,#rampActivityView .ra-act-foot,#rampActivityView .ra-act-meta,#rampActivityView .ra-act-header-row{background:#22262b!important;background-image:none!important;color:#e1e6eb!important;box-shadow:none!important}
#rampActivityView *:not(input):not(button):not(.hidden){color:#dfe5e9!important}
#rampActivityView .ra-act-row{background:#252a30!important;border-bottom:1px solid #7e8993!important}
#rampActivityView .ra-act-row:nth-of-type(even){background:#30363d!important}
#rampActivityView .ra-act-header-row{border-bottom:2px solid #b5bec6!important}
#rampActivityView .ra-act-row label,#rampActivityView .ra-act-row>span,#rampActivityView .ra-act-field,#rampActivityView .ra-act-grid-wrap{border-color:#a8b2bc!important}
#rampActivityView .ra-act-field input,#rampActivityView .ra-act-meta input{background:#41474f!important;background-image:none!important;border:1px solid #b4bec6!important;color:#f7f9fa!important;-webkit-text-fill-color:#f7f9fa!important;box-shadow:none!important}
#rampActivityView input::placeholder{color:#c3ccd4!important;opacity:1!important;-webkit-text-fill-color:#c3ccd4!important}
#rampActivityView .ra-act-check input[type=checkbox]{accent-color:#dae4ec!important;filter:brightness(1.2)}
#rampActivityView button{color:#f1f4f7!important;background-color:#3a424a!important;border-color:#9caab5!important}
#rampActivityView .ra-act-service-checks,#rampActivityView .ra-act-service-checks>div{background:transparent!important}
#combinedShiftChecklistHistory.closing-shift-view,#combinedShiftChecklistHistory .combined-history-columns,#combinedShiftChecklistHistory .combined-history-column{background:#1c2025!important;color:#e1e7eb!important}
#combinedShiftChecklistHistory .combined-history-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important}
#combinedShiftChecklistHistory .combined-history-ramp-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;min-height:46px!important;padding:9px 13px!important;background:#343b43!important;border:1px solid #91a0ab!important;border-radius:8px!important;text-align:left!important;box-shadow:none!important}
#combinedShiftChecklistHistory .combined-history-ramp-row:hover{background:#46505b!important}
#combinedShiftChecklistHistory .combined-history-ramp-row .combined-history-date{font-size:13px!important;font-weight:700!important;color:#eef3f6!important;white-space:normal!important}
#combinedShiftChecklistHistory .combined-history-row-action{font-size:10px!important;font-weight:800!important;letter-spacing:.035em!important;color:#c5d0d9!important;white-space:nowrap!important}
#combinedShiftChecklistHistory .combined-history-column h2{color:#e4ebf0!important}
}
/* v9.69 finishing touches — screen only */
@media screen{
#rampActivityView .ra-act-logo img{display:none!important}
#rampActivityView .ra-act-logo::before{content:"Ramp";font-size:clamp(23px,2.1vw,34px);font-weight:900;font-style:italic;letter-spacing:-.05em;color:#d4dae0;text-shadow:0 1px 2px #000}
#rampActivityView .ra-act-logo::after{content:"Aware";font-size:clamp(23px,2.1vw,34px);font-weight:900;font-style:italic;letter-spacing:-.05em;color:#76a9d0;text-shadow:0 1px 2px #000}
#rampActivityView .ra-act-head-buttons button,#rampActivityView .ra-act-pagination button,#rampActivityView .ra-act-pagination button:disabled{color:#f2f5f8!important;-webkit-text-fill-color:#f2f5f8!important;text-shadow:none!important}
#rampActivityView .ra-act-head-buttons button *,#rampActivityView .ra-act-pagination button *{color:inherit!important}
#combinedShiftChecklistHistory{background:#1a1d21!important;border:0!important;box-shadow:none!important}
#combinedShiftChecklistHistory .combined-history-columns{background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important}
#combinedShiftChecklistHistory .combined-history-column{background:transparent!important;border:0!important;box-shadow:none!important}
#combinedShiftChecklistHistory .combined-history-column:first-child{border-right:1px solid #65727d!important}
#combinedShiftChecklistHistory .combined-history-header{background:transparent!important;box-shadow:none!important;border:0!important}
#combinedShiftChecklistHistory .combined-history-grid{background:transparent!important;border:0!important;box-shadow:none!important}
#combinedShiftChecklistHistory .combined-history-ramp-row{background:#303840!important;box-shadow:none!important}
}

/* v9.70: seamless activity workspace, no banner or alternating row bands */
@media screen {
html:has(#rampActivityView:not(.hidden)),body:has(#rampActivityView:not(.hidden)),body:has(#rampActivityView:not(.hidden)) .app-shell,body:has(#rampActivityView:not(.hidden)) main{background:#22262b!important;background-image:none!important}
#rampActivityView,#rampActivityView .ra-act-head,#rampActivityView .ra-act-toolbar,#rampActivityView .ra-act-meta,#rampActivityView .ra-act-grid-wrap,#rampActivityView .ra-act-grid,#rampActivityView .ra-act-header-row,#rampActivityView .ra-act-pagination,#rampActivityView .ra-act-foot,#rampActivityView #raActTodayPane,#rampActivityView #raActHistoryPane{background:#22262b!important;background-image:none!important;box-shadow:none!important}
#rampActivityView .ra-act-logo{display:none!important}
#rampActivityView .ra-act-head{border:0!important;box-shadow:none!important}
#rampActivityView .ra-act-grid-wrap{border:0!important;border-radius:0!important}
#rampActivityView .ra-act-row,#rampActivityView .ra-act-row:nth-of-type(odd),#rampActivityView .ra-act-row:nth-of-type(even),#rampActivityView .ra-act-grid .ra-act-row{background:#22262b!important;background-image:none!important;border:0!important;border-bottom:0!important;box-shadow:none!important}
#rampActivityView .ra-act-row::before,#rampActivityView .ra-act-row::after{background:none!important;border:0!important}
#rampActivityView .ra-act-header-row{border:0!important;border-bottom:0!important}
#rampActivityView .ra-act-meta{border:0!important}
}

/* v9.71: subtle slate grouping for towing entry fields only. */
@media screen {
#rampActivityView .ra-act-row .ra-act-tow-driver input,
#rampActivityView .ra-act-row .ra-act-ww input,
#rampActivityView .ra-act-row .ra-act-time input[data-field="tow_time"],
#rampActivityView .ra-act-row .ra-act-position input[data-field="tow_position"] {
  background:#505b65!important;
  background-image:none!important;
  border-color:#b2bfc9!important;
  color:#f8fafb!important;
  -webkit-text-fill-color:#f8fafb!important;
}
}

/* v9.72 — remove the checklist-history panel; retain the two-column layout and rows. */
@media screen {
#combinedShiftChecklistHistory.combined-shift-history,
#combinedShiftChecklistHistory.closing-shift-view,
#combinedShiftChecklistHistory .combined-history-header,
#combinedShiftChecklistHistory .combined-history-columns,
#combinedShiftChecklistHistory .combined-history-column,
#combinedShiftChecklistHistory .combined-history-grid{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  outline:none!important;
}
#combinedShiftChecklistHistory::before,
#combinedShiftChecklistHistory::after,
#combinedShiftChecklistHistory .combined-history-columns::before,
#combinedShiftChecklistHistory .combined-history-columns::after{
  content:none!important;display:none!important;
}
}

/* v9.73 — focused fields retain charcoal/slate fills while typing. */
@media screen {
#rampActivityView .ra-act-field input:is(:focus,:focus-visible,:active),
#rampActivityView .ra-act-meta input:is(:focus,:focus-visible,:active) {
  background:#41474f!important;background-color:#41474f!important;background-image:none!important;
  color:#f7f9fa!important;-webkit-text-fill-color:#f7f9fa!important;
  box-shadow:0 0 0 1px #c4cdd4!important;outline:none!important;caret-color:#fff!important;
}
#rampActivityView .ra-act-row .ra-act-tow-driver input:is(:focus,:focus-visible,:active),
#rampActivityView .ra-act-row .ra-act-ww input:is(:focus,:focus-visible,:active),
#rampActivityView .ra-act-row .ra-act-time input[data-field="tow_time"]:is(:focus,:focus-visible,:active),
#rampActivityView .ra-act-row .ra-act-position input[data-field="tow_position"]:is(:focus,:focus-visible,:active){
  background:#505b65!important;background-color:#505b65!important;background-image:none!important;
  color:#f8fafb!important;-webkit-text-fill-color:#f8fafb!important;
}
#rampActivityView input:-webkit-autofill,
#rampActivityView input:-webkit-autofill:hover,
#rampActivityView input:-webkit-autofill:focus{
  -webkit-text-fill-color:#f7f9fa!important;
  -webkit-box-shadow:0 0 0 1000px #41474f inset!important;
}
}

/* v10.20: Navigation stays charcoal/slate on hover instead of turning white. */
@media screen {
  #rampActivityView .ra-act-head-buttons button:is(:hover,:focus-visible),
  #rampActivityView .ra-act-pagination button:not(:disabled):is(:hover,:focus-visible){
    background:#465767!important;
    background-color:#465767!important;
    background-image:none!important;
    border-color:#83abc9!important;
    color:#f4f8fc!important;
    -webkit-text-fill-color:#f4f8fc!important;
    box-shadow:inset 0 1px rgba(255,255,255,.10)!important;
    filter:none!important;
  }
  #rampActivityView .ra-act-pagination button:disabled:hover{
    background:#343b43!important;
    background-color:#343b43!important;
    background-image:none!important;
    color:#f2f5f8!important;
    -webkit-text-fill-color:#f2f5f8!important;
    filter:none!important;
  }
}