/* WorkWave workflow and responsive refinements — build 2026.08.31.2 */
.installation-stock-picker { display: none !important; }
.installation-stock-picker.is-visible { display: block !important; }
.service-appliance-picker.is-hidden { display: none !important; }

.inventory-add-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: end;
  gap: 10px;
  margin-top: 14px;
  padding: 13px;
  border: 1px solid #dce6ed;
  border-radius: 10px;
  background: #f8fbfd;
}
.inventory-add-panel > div { display: grid; grid-template-columns: minmax(180px,1fr) 68px auto; gap: 7px; }
.inventory-add-panel > div > b { grid-column: 1/-1; font-size: 10px; color: #61778a; }
.inventory-add-panel select,.inventory-add-panel input { min-width: 0; height: 36px; border: 1px solid #cfdae3; border-radius: 7px; background: #fff; padding: 0 9px; color: #294258; }
.inventory-add-panel > span { align-self: center; color: #91a0ad; font-size: 10px; }
.appliance-row .part-state { background: #eae8fb; color: #6652a5; }
.inventory-list table { min-width: 900px; }
.inventory-list tbody tr { cursor: default; }
.inventory-list .low-stock-row { background: #fff9f0; }
.map-error { height: 100%; display: grid; place-items: center; padding: 30px; text-align: center; color: #8c4f34; background: #fff7f2; }

@media (min-width: 1301px) {
  .calendar-content { grid-template-columns: minmax(390px,.72fr) 285px minmax(500px,1.08fr) !important; }
  .calendar-panel { padding: 22px !important; }
  .calendar-panel .calendar-toolbar { margin-bottom: 17px; }
  .calendar-panel .day-cell { height: 88px; }
  .calendar-panel .weekdays span { padding-block: 7px; }
  .calendar-content > .detail-panel { min-width: 500px; }
}

@media (max-width: 1300px) and (min-width: 721px) {
  .detail-panel { width: min(520px,48vw) !important; }
}

@media (max-width: 720px) {
  :root { --ios-blue:#087cff; --ios-bg:#f2f2f7; --ios-card:rgba(255,255,255,.88); }
  body { background: var(--ios-bg); }
  .tech-sidebar ~ .main-area .global-search { display: none !important; }
  .tech-sidebar ~ .main-area .topbar { justify-content: space-between; background: rgba(249,249,251,.86); backdrop-filter: blur(20px) saturate(160%); -webkit-backdrop-filter: blur(20px) saturate(160%); }
  .admin-sidebar.sidebar-open { inset: 0 0 70px 0 !important; padding: max(28px,env(safe-area-inset-top)) 18px 22px !important; background: rgba(17,43,70,.97) !important; backdrop-filter: blur(24px); animation: iosMenuIn .28s cubic-bezier(.22,.75,.2,1); }
  .admin-sidebar.sidebar-open .brand { display: flex !important; padding: 0 4px 20px !important; }
  .admin-sidebar.sidebar-open .brand-copy { display: block !important; }
  .admin-sidebar.sidebar-open nav { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .admin-sidebar.sidebar-open .nav-item { border-radius: 16px !important; background: rgba(255,255,255,.08) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08); transition: transform .18s ease,background .18s ease; }
  .admin-sidebar.sidebar-open .nav-item:active { transform: scale(.96); background: rgba(255,255,255,.16) !important; }
  .mobile-bottom-nav { height: 70px !important; padding: 7px max(8px,env(safe-area-inset-right)) max(7px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left)) !important; background: rgba(249,249,251,.9) !important; border-top: .5px solid rgba(60,60,67,.22); backdrop-filter: blur(22px) saturate(180%); -webkit-backdrop-filter: blur(22px) saturate(180%); box-shadow: 0 -8px 28px rgba(35,45,60,.08); }
  .mobile-bottom-nav .nav-item,.mobile-bottom-nav .nav-item:not(.active) { color: #72727a !important; background: transparent !important; border-radius: 12px !important; transition: transform .16s ease,color .2s ease,background .2s ease; }
  .mobile-bottom-nav .nav-item.active { color: var(--ios-blue) !important; background: rgba(8,124,255,.09) !important; }
  .mobile-bottom-nav .nav-item:active { transform: scale(.9); }
  .nav-letter { background: linear-gradient(145deg,#0a84ff,#5ac8fa) !important; color: #fff !important; box-shadow: 0 3px 10px rgba(10,132,255,.28); }
  .main-area { height: calc(100dvh - 70px) !important; }
  .content { height: calc(100dvh - 129px) !important; max-height: calc(100dvh - 129px) !important; background: var(--ios-bg); }
  .admin-sidebar ~ .main-area .content { height: calc(100dvh - 70px) !important; max-height: calc(100dvh - 70px) !important; }
  .calendar-toolbar h1 { letter-spacing: -.55px; }
  .job-card,.today-part-card,.team-card,.metric,.dash-card,.table-wrap,.calendar-content > .day-panel,.empty-state { border: .5px solid rgba(60,60,67,.14) !important; border-radius: 16px !important; background: var(--ios-card) !important; box-shadow: 0 6px 22px rgba(30,45,60,.055); }
  .job-card,.btn,.round-btn,.pickup-checkbox { transition: transform .16s ease,box-shadow .18s ease,background .18s ease; }
  .job-card:active,.btn:active,.round-btn:active,.pickup-checkbox:active { transform: scale(.97); }
  .detail-panel:not(.empty-detail) { animation: iosSheetIn .3s cubic-bezier(.22,.75,.2,1); border-radius: 18px 18px 0 0; overflow: hidden; }
  .detail-top { background: rgba(255,255,255,.9); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
  .modal { border-radius: 20px 20px 0 0 !important; animation: iosSheetIn .3s cubic-bezier(.22,.75,.2,1); box-shadow: 0 -18px 60px rgba(20,35,55,.18); }
  .inventory-add-panel { grid-template-columns: 1fr; border-radius: 14px; }
  .inventory-add-panel > div { grid-template-columns: 1fr 65px; }
  .inventory-add-panel > div > b,.inventory-add-panel > div > select { grid-column: 1/-1; }
  .inventory-add-panel > span { text-align: center; }
  .inventory-add-panel > .btn { width: 100%; }
  .inventory-list { overflow-x: auto !important; border-radius: 14px !important; }
  .inventory-list table { display: table !important; min-width: 760px !important; }
  .inventory-list thead { display: table-header-group !important; }
  .inventory-list tbody { display: table-row-group !important; }
  .inventory-list tr { display: table-row !important; border: 0 !important; }
  .inventory-list th,.inventory-list td { display: table-cell !important; padding: 11px 12px !important; }
}

@keyframes iosSheetIn { from { opacity:0; transform:translateY(28px) scale(.985); } to { opacity:1; transform:none; } }
@keyframes iosMenuIn { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.01ms !important; transition-duration:.01ms !important; } }