/* Approved DashWave artwork. Isolated background layer avoids fixed-background scroll repainting. */
html:has(:is(body,#worker-urban-theme)[data-worker-background="urban"]) { background: #032333; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] {
  background: #032333 !important;
  isolation: isolate;
  min-height: 100svh;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(#082c3e66,#082c3e66), #032333 url('/assets/worker-urban-background-v1.png') center top / cover no-repeat;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"] .page-glow { display: none; }
/* Shared employee-suite palette; deliberately scoped away from admin pages. */
:is(body,#worker-urban-theme)[data-worker-background="urban"] {
  color: #102f40;
  --text: #102f40;
  --ink: #102f40;
  --muted: #365363;
  --border: #8daab9;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"] :is(.employee-app,.employee-dashboard-panel,.track-panel,.hld-mode) {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"] :is(.employee-week-card,.portal-section,.employee-action-card,.panel-card,.card-surface,.glass-card,.metric-card,.schedule-card,.case-hero,.comment-card,.notification-panel,.sign-card,.panel,.form-section,.hld-route-card,.hld-stop-card,.request-card,.tool-card,.worker-visible-name-form,.employee-modal-section,.legal-block,.essential-detail,.selected-summary,.catalog-item,.product-card) {
  background: linear-gradient(140deg,#f7fbfd,#e7f1f6) !important;
  color: #102f40 !important;
  border-color: #8daab9 !important;
  box-shadow: inset 0 1px 0 #ffffff08,0 6px 18px #00131e30 !important;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"] :is(.employee-hero,.hero-card,.portal-head,.voice-header,.mobile-topbar,.topbar,.hld-header,.sign-header,.hero-panel) {
  background: linear-gradient(125deg,#e8f6f4,#d4ecee) !important;
  color: #102f40 !important;
  border-color: #8daab9 !important;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"] :is(.walker-menu-drawer,.mobile-modal,.sheet-card,.review-panel,.size-picker-panel,.hld-modal-panel,.modal-card,.modal-content,.dialog-panel) {
  background: #f4f9fc !important;
  color: #102f40 !important;
  border-color: #8daab9 !important;
  backdrop-filter: none !important;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"] :is(.employee-modal-actions,.request-history-toolbar,.modal-head,.sheet-header,.sheet-actions,.bottom-dock,.summary-bar,.review-actions,.walker-menu-head,.walker-menu-body,.surface-head,.card-inner) {
  background: #edf5f9 !important;
  color: #102f40 !important;
  border-color: #8daab9 !important;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"] :is(h1,h2,h3,h4,label,.section-title,.tool-card strong,.employee-action-card strong,.employee-week-summary strong,.worker-visible-name-form label,.surface-step,.writeup-person,.field-label) { color: #102f40 !important; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] :is(.muted,.txt-muted,.helper-copy,.section-copy,.employee-action-card small,.tool-card small,.worker-visible-name-form small,.worker-visible-name-form p,.meta-label,.section-label,.submit-note,.employee-week-summary span) { color: #365363 !important; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),select,textarea) {
  color-scheme: light;
  background: #ffffff !important;
  color: #102f40 !important;
  border-color: #7898a9 !important;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"] :is(input,textarea)::placeholder { color: #486575 !important; opacity: 1; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] :is(.btn-secondary,.btn-outline,.secondary,.icon-btn,.modal-back-btn,.employee-back-link,.employee-action-cta,.request-view-toggle,.employee-week-picker-control) {
  background: #e0eef5 !important; color: #143e52 !important; border-color: #7898a9 !important;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"] :is(button,a,input,select,textarea):focus-visible { outline: 3px solid #007386; outline-offset: 2px; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] .worker-bottom-nav {
  background: linear-gradient(120deg,#ffffff,#eaf3f8) !important;
  border-color: #8ba8b8 !important;
  box-shadow: 0 -6px 24px #00121f80;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"] .worker-bottom-nav button { color: #365363 !important; background: transparent !important; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] .worker-bottom-nav button:is(.is-active,:hover) {
  background: linear-gradient(145deg,#d4eee9,#e2f0f7) !important; color: #113e50 !important; box-shadow: inset 0 0 0 1px #5494a7;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"] .worker-bottom-nav button.is-active::before { background: #007b78; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] .worker-bottom-nav button[data-tab="Home"] svg { color: #006b60; background: #d7f1e9; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] .worker-bottom-nav button[data-tab="Schedule"] svg { color: #235fbb; background: #e0ebfd; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] .worker-bottom-nav button[data-tab="Services"] svg { color: #7442ae; background: #eee2fa; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] .worker-bottom-nav button[data-tab="Profile"] svg { color: #91540c; background: #fff0d5; }
/* Keep only individual cards opaque, not a full-page sheet over the artwork. */
:is(body,#worker-urban-theme)[data-worker-background="urban"] :is(.voice-form,.panel-head,.catalog-toolbar,.requester-card .field > span,.field-block > span,.voice-call-request,.signature-form,.record-details,.hld-load-group) {
  background: #edf5f9 !important;
  color: #294c60 !important;
  border-color: #8daab9 !important;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"] :is(.field > span,.eyebrow,.hero-copy p,.header-copy p,.compact-empty) { color: #365363 !important; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel,
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-primary-card,
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-overview {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel { min-height: auto; padding: 0; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-primary-card { overflow: visible; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .portal-head {
  margin: 16px 0 28px;
  border-radius: 20px !important;
  background: linear-gradient(125deg,#e8f6f4,#d4ecee) !important;
  border: 1px solid #78cfdd40 !important;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-overview { padding: 0 0 22px !important; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-overview-head { margin-bottom: 20px; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel :is(.home-overview-head h2,.home-quick-head h3) { color: #f5fcff !important; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-overview-head small { color: #d1e4ee; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-overview-head .eyebrow { color: #76e1dd; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-live-status { display: none !important; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-quick-head { margin-top: 28px; border-color: #89bacb40; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel :is(.home-summary-card,.home-quick-card) {
  --card-accent: #187d91;
  background: linear-gradient(140deg,#f7fbfd,#e7f1f6) !important;
  color: #102f40;
  border: 1px solid #8daab9 !important;
  border-top: 2px solid var(--card-accent) !important;
  border-radius: 18px !important;
  box-shadow: inset 0 1px 0 #ffffff08,0 8px 20px #00131e45;
  text-align: left;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel :is(.home-summary-card,.home-quick-card) strong { color: #102f40; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel :is(.home-summary-card,.home-quick-card) small { color: #365363; font-weight: 550; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-summary-card > span { color: #365363; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-summary-card::before { display: none; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-summary-card.is-today { --card-accent: #008472; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-summary-card.is-week { --card-accent: #336cc4; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-summary-card.is-action { --card-accent: #a76517; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel #homeUniformLink { --card-accent: #aa5c16; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel #homeVoiceLink { --card-accent: #8051b8; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel #homeWriteupsBtn { --card-accent: #b53c6b; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel #homePerformanceBtn { --card-accent: #007d72; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel #homeAnnouncementsBtn { --card-accent: #326cc2; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-quick-icon {
  background: #ffffff0d !important; color: var(--card-accent) !important;
  border: 1px solid #a1c5d52b !important; box-shadow: none !important;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel :is(.home-quick-card,.home-summary-card.is-week):focus-visible { outline: 3px solid #007386; outline-offset: 3px; }
@media (hover: hover) {
  :is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel :is(.home-quick-card,.home-summary-card.is-week):hover { border-color: var(--card-accent); background: linear-gradient(140deg,#e0f1f5,#d5e9f1) !important; }
}
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-quick-grid { gap: 12px; }
@media (max-width: 820px) {
  :is(body,#worker-urban-theme)[data-worker-background="urban"] { padding-left: 8px !important; padding-right: 8px !important; box-sizing: border-box; }
  :is(body,#worker-urban-theme)[data-worker-background="urban"] :is(.walker-shell, .employee-shell, .uniform-shell, .mobile-app-shell, .app-shell, .sign-shell) {
    width: 100%; max-width: 100%; box-sizing: border-box;
  }
  :is(body,#worker-urban-theme)[data-worker-background="urban"] .walker-shell { padding-left: 0 !important; padding-right: 0 !important; }
  :is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-quick-card { gap: 8px !important; padding: 12px 10px; grid-template-columns: 38px minmax(0,1fr) !important; }
  :is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-quick-icon { width: 38px !important; height: 38px !important; }
  :is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-quick-card strong { font-size: 13px; overflow-wrap: normal; }
  :is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-quick-card small { font-size: 13px; }
}
/* Text directly over the artwork remains light; content surfaces use the daylight palette. */
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .home-overview-head .eyebrow { color: #b7f3ed !important; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] :is(.portal-head,.employee-hero,.hero-card,.voice-header,.sign-header,.mobile-topbar,.topbar,.hld-header) :is(h1,h2,h3,p,strong,.eyebrow,.employee-meta-chip,.portal-meta-chip) { color: #102f40 !important; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] .home-quick-icon { background: #e0edf5 !important; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] :is(.hero-stat,.hero-stat-label,.hero-stat small,.portal-head small,.portal-head .portal-meta,.portal-head .portal-meta span,.employee-meta-chip) { color: #365363 !important; }
:is(body,#worker-urban-theme)[data-worker-background="urban"] #portalPanel .walker-meta-chip {
  color: #173f50 !important;
  background: #f1fafb !important;
  border-color: #809eaa !important;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"] .hero-stat span {
  color: #365363 !important;
  opacity: 1;
}
/* Compact Uniforms header keeps the catalog nearer the first screen. */
/* Voice history must not inherit the old dark-header text on pale panels. */
:is(body,#worker-urban-theme)[data-worker-background="urban"].voice-track-page #voiceHistory .section-head {
  background: #eaf3f8 !important;
  border-color: #8daab9 !important;
  box-shadow: none !important;
  text-align: left;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"].voice-track-page #voiceHistoryTitle { color: #102f40 !important; }
:is(body,#worker-urban-theme)[data-worker-background="urban"].voice-track-page #myRequestsModalCopy { color: #365363 !important; opacity: 1 !important; }
:is(body,#worker-urban-theme)[data-worker-background="urban"].voice-track-page .track-head {
  border: 1px solid #8daab9 !important;
  border-radius: 18px !important;
  margin: 12px 0 18px !important;
  padding: 16px !important;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"].voice-track-page .track-head h1 { font-size: clamp(20px,5vw,28px) !important; }
:is(body,#worker-urban-theme)[data-worker-background="urban"].uniforms-form-page .hero-card {
  padding: 18px !important;
  margin: 12px 0 18px !important;
  border: 1px solid #8daab9 !important;
  border-radius: 20px !important;
  gap: 16px;
  min-height: 0;
}
:is(body,#worker-urban-theme)[data-worker-background="urban"].uniforms-form-page .hero-brand { gap: 12px; min-width: 0; }
:is(body,#worker-urban-theme)[data-worker-background="urban"].uniforms-form-page .hero-home-logo { width: 44px !important; height: 44px !important; }
:is(body,#worker-urban-theme)[data-worker-background="urban"].uniforms-form-page .hero-card h1 { font-size: clamp(20px,4.5vw,28px) !important; margin: 3px 0 0; line-height: 1.2 !important; }
:is(body,#worker-urban-theme)[data-worker-background="urban"].uniforms-form-page .hero-card h1::before { display: none; }
:is(body,#worker-urban-theme)[data-worker-background="urban"].uniforms-form-page .hero-card .eyebrow { padding: 0; background: none; border: 0; box-shadow: none; font-size: 11px; }
:is(body,#worker-urban-theme)[data-worker-background="urban"].uniforms-form-page .hero-side { min-width: 0; gap: 8px; grid-template-columns: repeat(2,minmax(0,1fr)); }
:is(body,#worker-urban-theme)[data-worker-background="urban"].uniforms-form-page .hero-stat { padding: 10px 12px; border-radius: 12px; background: #f1fafb; border: 1px solid #a6bfca; grid-template-columns: 1fr auto; align-items: center; gap: 4px 8px; }
:is(body,#worker-urban-theme)[data-worker-background="urban"].uniforms-form-page .hero-stat strong { font-size: 20px; }
:is(body,#worker-urban-theme)[data-worker-background="urban"].uniforms-form-page .hero-stat span:last-child { grid-column: 1 / -1; font-size: 12px; }
@media (max-width: 820px) {
  :is(body,#worker-urban-theme)[data-worker-background="urban"].uniforms-form-page .hero-card { display: grid; padding: 14px !important; gap: 12px; }
}

