.worker-bottom-nav { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 90; width: min(100%, 720px); display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding: 0 8px env(safe-area-inset-bottom); box-sizing: border-box; background: #fbfefd; border: 1px solid #d5e6e3; border-bottom: 0; border-radius: 16px 16px 0 0; box-shadow: 0 -4px 20px #0c494c12; }
.worker-bottom-nav[hidden] { display: none !important; }
body.has-worker-bottom-nav .bottom-dock { bottom: calc(82px + env(safe-area-inset-bottom)); }
body.has-worker-bottom-nav .toast { bottom: calc(90px + env(safe-area-inset-bottom)); }
@media (max-width: 820px) {
  body.has-worker-bottom-nav .form-section > .buttons-row { bottom: calc(86px + env(safe-area-inset-bottom)); }
  body.has-worker-bottom-nav .milk-notice { bottom: calc(155px + env(safe-area-inset-bottom)); }
}
#homeAllServicesBtn, #homeScheduleLink { display: none !important; }
.worker-visible-name-form { display: none; }
.worker-profile-view .worker-visible-name-form { display: grid; gap: 10px; padding: 18px; border: 1px solid #d5e5ef; border-radius: 18px; background: linear-gradient(135deg,#f0f7ff,#f5faf8); }
.worker-visible-name-form label { font-size: 16px; font-weight: 750; color: #183c4b; }
.worker-visible-name-form p, .worker-visible-name-form small { margin: 0; font-size: 13px; line-height: 1.5; color: #506779; }
.worker-visible-name-form input { box-sizing: border-box; width: 100%; min-width: 0; padding: 13px; font-size: 16px; border: 1px solid #adc9d4; border-radius: 10px; background: white; color: #183c4b; }
.worker-visible-name-form button { padding: 12px; border-radius: 10px; border: 0; background: linear-gradient(115deg,#087f85,#19aa92); color: white; font-weight: 750; }
.worker-visible-name-form button:disabled { opacity: .6; }
body .worker-bottom-nav button[data-tab="Home"] svg { color: #008b7d; background: #dff5ec; }
body .worker-bottom-nav button[data-tab="Schedule"] svg { color: #276dcc; background: #e6efff; }
body .worker-bottom-nav button[data-tab="Services"] svg { color: #8555c8; background: #f0e8ff; }
body .worker-bottom-nav button[data-tab="Profile"] svg { color: #c47720; background: #fff0d8; }
body .worker-bottom-nav button svg { padding: 6px; box-sizing: content-box; border-radius: 12px; }
body .worker-bottom-nav button.nav-home-hidden { display: flex !important; }
body .worker-bottom-nav button { border: 0; border-radius: 12px; background: transparent; box-shadow: none; min-width: 0; margin: 5px 3px; min-height: 60px; color: #6c7f87; transition: background-color .15s ease, color .15s ease; }
body .worker-bottom-nav button.is-active { background: linear-gradient(155deg, #d7f4eb, #edf9f5); color: #007e70; box-shadow: inset 0 0 0 1px #bce6dc; }
body .worker-bottom-nav button:hover { background-color: #eef7f4; color: #007e70; }
body .worker-bottom-nav button:active { background: #c9eee3; }
body .worker-bottom-nav button svg { width: 24px; height: 24px; stroke-width: 1.8; }
body .worker-bottom-nav button.is-active svg { stroke-width: 2.2; }
body .worker-bottom-nav button span { font-size: 11px; font-weight: 650; letter-spacing: .01em; }
body .worker-bottom-nav button.is-active::before { top: -5px; width: 34px; height: 3px; }
@media (prefers-reduced-motion: reduce) { body .worker-bottom-nav button { transition: none; } }
.worker-bottom-nav button { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-height: 65px; padding: 11px 3px 8px; background: transparent; border: 0; border-radius: 0; box-shadow: none; color: #76838f; font: 500 11px/1.2 system-ui,sans-serif; cursor: pointer; }
.worker-bottom-nav svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.worker-bottom-nav button.is-active { color: #008d80; font-weight: 750; }
.worker-bottom-nav button.is-active::before { content: ''; position: absolute; top: 0; width: 42px; height: 3px; border-radius: 0 0 3px 3px; background: currentColor; }
.worker-bottom-nav button:focus-visible { outline: 2px solid #008d80; outline-offset: -4px; border-radius: 8px; }
body.has-worker-bottom-nav { padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important; }
body.has-worker-bottom-nav .walker-menu-drawer { bottom: calc(78px + env(safe-area-inset-bottom)); }
.walker-menu-drawer .worker-profile-name { display: none; }
.walker-menu-drawer.worker-profile-view .worker-profile-name { display: block; padding: 15px; border-radius: 12px; background: #eaf7f3; color: #174840; font-size: 18px; font-weight: 750; }
.walker-menu-drawer.worker-profile-view .tool-card:not(.walker-menu-photo):not(.walker-menu-logout) { display: none !important; }
.walker-menu-drawer:not(.worker-profile-view) :is(.walker-menu-photo, .walker-menu-logout) { display: none !important; }
@media (max-width: 820px) {
  body.has-worker-bottom-nav .walker-menu-drawer { box-sizing: border-box; padding: 12px; max-height: calc(100dvh - 100px - env(safe-area-inset-bottom)); border-radius: 20px; }
  .walker-menu-drawer .tool-grid { gap: 8px; }
  .walker-menu-drawer .tool-card { min-height: 64px; padding: 10px 12px; grid-template-columns: 38px minmax(0,1fr); gap: 10px; border-radius: 13px; }
  .walker-menu-drawer .tool-icon { width: 38px !important; height: 38px !important; border-radius: 12px; }
  .walker-menu-drawer .tool-icon::before { width: 28px !important; height: 28px !important; }
  .walker-menu-drawer .tool-card strong { font-size: 14px; line-height: 1.25; margin-bottom: 3px; }
  .walker-menu-drawer .tool-card small { font-size: 12px; line-height: 1.35; font-weight: 400; }
  .walker-menu-drawer .walker-menu-head h2 { font-size: 22px; line-height: 1.2; }
}