/* /Components/Shared/WMColorPicker.razor.rz.scp.css */
.wm-colour-picker[b-hgiywubdnv] {
  position: relative !important;
}

.wm-cp-btn[b-hgiywubdnv] {
  width: 100% !important;
  height: 40px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0px 12px !important;
  background-color: #ffffff !important;
  border: 1px solid #1e293b1f !important;
  border-radius: 10px !important;
  flex-shrink: 0 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.2s ease-in-out !important;
  outline: none !important;
}

.wm-cp-btn:hover:not(:disabled)[b-hgiywubdnv] {
  border-color: #eaecff !important;
  background-color: #f8f9fa !important;
}

.wm-cp-btn:focus[b-hgiywubdnv],
.wm-cp-btn:focus-within[b-hgiywubdnv] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.wm-cp-btn:disabled[b-hgiywubdnv] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.wm-cp-swatch-preview[b-hgiywubdnv] {
  width: 24px !important;
  height: 24px !important;
  border-radius: 8px !important;
  border: none;
  flex-shrink: 0 !important;
}

.wm-cp-popover[b-hgiywubdnv] {
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

.wm-cp-grid[b-hgiywubdnv] {
  display: grid !important;
  grid-template-columns: repeat(6, 26px) !important;
  gap: 8px !important;
}

.wm-cp-swatch[b-hgiywubdnv] {
  width: 26px !important;
  height: 26px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
  transition: transform 0.1s !important;
}

.wm-cp-swatch:hover[b-hgiywubdnv] {
  transform: scale(1.25) !important;
}

.wm-cp-swatch.selected[b-hgiywubdnv] {
  transform: scale(1.25) !important;
}

.wm-cp-custom-row[b-hgiywubdnv] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid #f1f5f9 !important;
}

.wm-cp-custom-label[b-hgiywubdnv] {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--gray-txt-2, #64748b) !important;
}

.wm-cp-custom-input[b-hgiywubdnv] {
  width: 26px !important;
  height: 26px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background: none !important;
  padding: 0 !important;
  box-shadow: initial !important;
  outline: initial !important;
}

.wm-cp-custom-input:focus[b-hgiywubdnv],
.wm-cp-custom-input:focus-within[b-hgiywubdnv],
.wm-cp-custom-input:active[b-hgiywubdnv] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.wm-cp-custom-input[b-hgiywubdnv]::-webkit-color-swatch-wrapper {
  padding: 0 !important;
}

.wm-cp-custom-input[b-hgiywubdnv]::-webkit-color-swatch {
  border: none !important;
  border-radius: 4px !important;
}
/* /Components/Shared/WMCountryDropdown.razor.rz.scp.css */
.custom-select-button[b-763batjoob] {
  width: 100% !important;
  height: 40px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #212529 !important;
  background-color: #ffffff !important;
  border: 1px solid #1E293B1F !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.2s ease-in-out !important;
  outline: none !important;
}

.custom-select-button:hover:not(:disabled)[b-763batjoob] {
  border-color: #eaecff !important;
  background-color: #f8f9fa !important;
}

.custom-select-button:focus[b-763batjoob] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.custom-select-button:disabled[b-763batjoob] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.custom-select-button.invalid[b-763batjoob] {
  box-shadow: 0 0 0 0.2rem #F0D1D1 !important;
}

.custom-select-button-label[b-763batjoob] {
  max-width: 90% !important;
}

.custom-select-button-text[b-763batjoob] {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: start !important;
}

.search-input-box[b-763batjoob] {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.search-input-box:focus-within[b-763batjoob] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.search-input-box input[b-763batjoob]::placeholder {
  color: #cccccc !important;
}

.custom-dropdown-list[b-763batjoob] {
  max-height: min(250px, 25vh) !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  padding: 4px !important;
}

.dropdown-list-item[b-763batjoob] {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 10px 10px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 10px !important;
  transition: background-color 0.2s ease !important;
  text-align: left !important;
  margin-bottom: 3px !important;
}

.dropdown-list-item:hover[b-763batjoob] {
  background-color: #eaecff !important;
  cursor: pointer !important;
}

.dropdown-list-item:active[b-763batjoob] {
  background-color: #dce0ff !important;
}

.dropdown-list-item.active-item[b-763batjoob] {
  background-color: #eaecff !important;
  /* border-left: 4px solid #6366f1 !important; */
  /* padding-left: 6px !important; */
}

.item-name[b-763batjoob] {
  font-weight: 600 !important;
  color: #2d3748 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.item-metadata[b-763batjoob] {
  text-align: right !important;
  color: #718096 !important;
  font-size: 12px !important;
  max-width: 200px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-left: 1rem !important;
}
/* /Components/Shared/WMDropdown.razor.rz.scp.css */
.custom-select-button[b-fgrifhexgu] {
  width: 100% !important;
  height: 40px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #212529 !important;
  background-color: #ffffff !important;
  border: 1px solid #1E293B1F !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.2s ease-in-out !important;
  outline: none !important;
}

.custom-select-button:hover:not(:disabled)[b-fgrifhexgu] {
  border-color: #eaecff !important;
  background-color: #f8f9fa !important;
}

.custom-select-button:focus[b-fgrifhexgu] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.custom-select-button:disabled[b-fgrifhexgu] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.custom-select-button.invalid[b-fgrifhexgu] {
  box-shadow: 0 0 0 0.2rem #f0d1d1 !important;
}

.custom-select-button-label[b-fgrifhexgu] {
  max-width: 90% !important;
}

.custom-select-button-text[b-fgrifhexgu] {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: start !important;
}

.search-input-box[b-fgrifhexgu] {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.search-input-box:focus-within[b-fgrifhexgu] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.search-input-box input[b-fgrifhexgu]::placeholder {
  color: #cccccc !important;
}

.custom-dropdown-list[b-fgrifhexgu] {
  max-height: min(250px, 25vh) !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  padding: 4px !important;
}

.dropdown-list-item[b-fgrifhexgu] {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 10px 10px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 10px !important;
  transition: background-color 0.2s ease !important;
  text-align: left !important;
  margin-bottom: 3px !important;
}

.dropdown-list-item:hover[b-fgrifhexgu] {
  background-color: #eaecff !important;
  cursor: pointer !important;
}

.dropdown-list-item:active[b-fgrifhexgu] {
  background-color: #dce0ff !important;
}

.dropdown-list-item.active-item[b-fgrifhexgu] {
  background-color: #eaecff !important;
  /* border-left: 4px solid #6366f1 !important; */
  /* padding-left: 6px !important; */
}

.item-name[b-fgrifhexgu] {
  font-weight: 600 !important;
  color: #2d3748 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.item-metadata[b-fgrifhexgu] {
  text-align: right !important;
  color: #718096 !important;
  font-size: 12px !important;
  max-width: 200px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-left: 1rem !important;
}
/* /Components/Shared/WMGoogleGeoLocationSearchBox.razor.rz.scp.css */
.custom-select-button[b-47t9gdihi1] {
  width: 100% !important;
  height: 40px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #212529 !important;
  background-color: #ffffff !important;
  border: 1px solid #1E293B1F !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.2s ease-in-out !important;
  outline: none !important;
}

.custom-select-button:hover:not(:disabled)[b-47t9gdihi1] {
  border-color: #eaecff !important;
  background-color: #f8f9fa !important;
}

.custom-select-button:focus[b-47t9gdihi1] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.custom-select-button:disabled[b-47t9gdihi1] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.custom-select-button.invalid[b-47t9gdihi1] {
  box-shadow: 0 0 0 0.2rem #F0D1D1 !important;
}

.custom-select-button-label[b-47t9gdihi1] {
  max-width: 90% !important;
}

.custom-select-button-text[b-47t9gdihi1] {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: start !important;
}

.search-input-box[b-47t9gdihi1] {
  border: 1px solid #1E293B1F !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.search-input-box:focus[b-47t9gdihi1],
.search-input-box:focus-within[b-47t9gdihi1] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.search-input-box input[b-47t9gdihi1]::placeholder {
  color: #cccccc !important;
}

.search-input-box.disabled[b-47t9gdihi1] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.search-input:disabled[b-47t9gdihi1] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.custom-dropdown-list[b-47t9gdihi1] {
  max-height: min(250px, 25vh) !important;
  /* max-width: 500px !important; */
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  padding: 4px !important;
}

.dropdown-list-item[b-47t9gdihi1] {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 10px 10px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 10px !important;
  transition: background-color 0.2s ease !important;
  text-align: left !important;
  margin-bottom: 3px !important;
}

.dropdown-list-item:hover[b-47t9gdihi1] {
  background-color: #eaecff !important;
  cursor: pointer !important;
}

.dropdown-list-item:active[b-47t9gdihi1] {
  background-color: #dce0ff !important;
}

.dropdown-list-item.active-item[b-47t9gdihi1] {
  background-color: #eaecff !important;
  /* border-left: 4px solid #6366f1 !important; */
  /* padding-left: 6px !important; */
}

.item-name[b-47t9gdihi1] {
  font-weight: 600 !important;
  color: #2d3748 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.item-metadata[b-47t9gdihi1] {
  text-align: right !important;
  color: #718096 !important;
  font-size: 12px !important;
  max-width: 200px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-left: 1rem !important;
}
/* /Components/Shared/WMGridSearch.razor.rz.scp.css */
.wm-search-input[b-nakqdb58n8] {
  padding: 8px 13px;
  background-color: var(--white);
  border: 1px #1e293b1f solid;
  border-radius: 50px;
  box-shadow: 0 1.5px 2px 0.5px rgba(0, 0, 0, 0.06);
  width: 100%;
  max-width: 300px;
}

.wm-search-input.disabled[b-nakqdb58n8] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.wm-search-input input[b-nakqdb58n8] {
  border: none;
  outline: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: -0.2px;
  color: var(--gray-txt);
}

.wm-search-input input[b-nakqdb58n8]::placeholder {
  color: #cccccc;
}

.wm-search-input input:disabled[b-nakqdb58n8] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.wm-search-input img[b-nakqdb58n8] {
  height: 16px;
}
/* /Components/Shared/WMImageViewerPopup.razor.rz.scp.css */
/* /Components/Shared/WMMultiSelectDropdown.razor.rz.scp.css */
.custom-select-button[b-icmegq63bt] {
  width: 100% !important;
  height: 40px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #212529 !important;
  background-color: #ffffff !important;
  border: 1px solid #1E293B1F !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.2s ease-in-out !important;
  outline: none !important;
}

.custom-select-button:hover:not(:disabled)[b-icmegq63bt] {
  border-color: #eaecff !important;
  background-color: #f8f9fa !important;
}

.custom-select-button:focus[b-icmegq63bt] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.custom-select-button:disabled[b-icmegq63bt] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.custom-select-button.invalid[b-icmegq63bt] {
  box-shadow: 0 0 0 0.2rem #f0d1d1 !important;
}

.custom-select-button-label[b-icmegq63bt] {
  max-width: 90% !important;
}

.custom-select-button-text[b-icmegq63bt] {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: start !important;
}

.search-input-box[b-icmegq63bt] {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.search-input-box:focus-within[b-icmegq63bt] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.search-input-box input[b-icmegq63bt]::placeholder {
  color: #cccccc !important;
}

.custom-dropdown-list[b-icmegq63bt] {
  max-height: min(250px, 25vh) !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  padding: 4px !important;
}

.dropdown-list-item[b-icmegq63bt] {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 10px 10px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 10px !important;
  transition: background-color 0.2s ease !important;
  text-align: left !important;
  margin-bottom: 3px !important;
}

.dropdown-list-item:hover[b-icmegq63bt] {
  background-color: #eaecff !important;
  cursor: pointer !important;
}

.dropdown-list-item:active[b-icmegq63bt] {
  background-color: #dce0ff !important;
}

.dropdown-list-item.active-item[b-icmegq63bt] {
  background-color: #eaecff !important;
  /* border-left: 4px solid #6366f1 !important; */
  /* padding-left: 6px !important; */
}

.item-name[b-icmegq63bt] {
  font-weight: 600 !important;
  color: #2d3748 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.item-name.active-item[b-icmegq63bt] {
  color: #363af5 !important;
}

.item-metadata[b-icmegq63bt] {
  text-align: right !important;
  color: #718096 !important;
  font-size: 12px !important;
  max-width: 200px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-left: 1rem !important;
}

.custom-checkbox[b-icmegq63bt] {
  width: 18px !important;
  height: 18px !important;
  border-radius: 6px !important;
  padding: 2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s !important;
  background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%) !important;
  border: 2.5px solid #d9dee3 !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  flex-shrink: 0 !important;
}

.custom-checkbox.checked[b-icmegq63bt] {
  background: linear-gradient(180deg, #5263ff 0%, #5263ff 100%) !important;
  color: white !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  border: none !important;
}

.custom-checkbox-icon[b-icmegq63bt] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
/* /Components/Shared/WMPagination.razor.rz.scp.css */
.wm-pagination[b-db3s3l2x1c] {
  padding: 8px 16px;
  border-top: 1px #1e293b17 solid;
  /* min-width: 1000px; */
  height: 64.5px;
}

.wm-pagination .cstm-pagination button[b-db3s3l2x1c] {
  height: 32px;
  width: 32px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--gray-txt);
  background-color: transparent;
  border: 1px transparent solid;
  border-radius: 8px;
}

.wm-pagination .cstm-pagination button.arrow[b-db3s3l2x1c] {
  background-color: var(--white);
  border: 1px #1e293b17 solid;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 2px 1.5px -0.5px #1e293b08,
    0px 2px 3px 0px #ffffff08 inset;
}

.wm-pagination .cstm-pagination button.arrow img[b-db3s3l2x1c] {
  height: 16px;
}

.wm-pagination .cstm-pagination button.active[b-db3s3l2x1c] {
  width: 29px;
  border: 1px #1e293b17 solid;
  background-color: #f1f5f9d2;
}

.wm-pagination .cstm-pagination button:not(:disabled):hover[b-db3s3l2x1c] {
  background-color: #f3f6f8;
}

.wm-pagination .go-page label[b-db3s3l2x1c] {
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--gray-txt-2);
}

.wm-pagination .go-page div[b-db3s3l2x1c] {
  height: 32px;
  background-color: #f1f5f9;
  border: 1px #1e293b1f solid;
  border-radius: 8px;
  padding: 2px;
  box-shadow:
    0px 3px 3px -1.5px #1e293b08,
    0px 1px 1px -0.5px #1e293b08;
}

.wm-pagination .go-page div input[b-db3s3l2x1c] {
  height: 100%;
  width: 100%;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--gray-txt-2);
  border: none;
  outline: none;
  padding-left: 8px;
  border-radius: 8px;
  background-color: transparent;
}

.wm-pagination .go-page div input[b-db3s3l2x1c]::placeholder {
  color: #64748b;
}

.wm-pagination .go-page div input[b-db3s3l2x1c]::-webkit-outer-spin-button,
.wm-pagination .go-page div input[b-db3s3l2x1c]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.wm-pagination .go-page div button[b-db3s3l2x1c] {
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px 10px;
  color: var(--gray-txt);
  font-size: 10px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.2px;
  border: 1px #1e293b17 solid;
  border-radius: 6px;
  background-color: var(--white);
  backdrop-filter: blur(24px);
  box-shadow:
    0px 2px 1.5px -0.5px #1e293b08,
    0px 2px 3px 0px #ffffff08 inset;
}

.wm-pagination .go-page div button:not(:disabled):hover[b-db3s3l2x1c] {
  background-color: #f3f6f8;
}

.wm-pagination .result label[b-db3s3l2x1c] {
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--gray-txt-2);
}

.wm-pagination .result select[b-db3s3l2x1c] {
  padding: 8px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--gray-txt);
  border: 1px rgba(30, 41, 59, 0.06) solid;
  outline: none;
  border-radius: 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("../img/icons/gray-arrow.png");
  background-repeat: no-repeat;
  background-position: right 0px center;
  background-size: 18px;
  cursor: pointer;
  width: 60px;
}

.wm-pagination hr[b-db3s3l2x1c] {
  height: 15px;
  border: 1px #1e293b67 solid;
}
/* /Components/Shared/WMPhoneCodeDropdown.razor.rz.scp.css */
.custom-select-button[b-393u4yc3xi] {
  width: 100% !important;
  height: 40px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #212529 !important;
  background-color: #ffffff !important;
  border: 1px solid #1E293B1F !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.2s ease-in-out !important;
  outline: none !important;
}

.custom-select-button:hover:not(:disabled)[b-393u4yc3xi] {
  border-color: #eaecff !important;
  background-color: #f8f9fa !important;
}

.custom-select-button:focus[b-393u4yc3xi] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.custom-select-button:disabled[b-393u4yc3xi] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.custom-select-button.invalid[b-393u4yc3xi] {
  box-shadow: 0 0 0 0.2rem #F0D1D1 !important;
}

.custom-select-button-label[b-393u4yc3xi] {
  max-width: 90% !important;
}

.custom-select-button-text[b-393u4yc3xi] {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: start !important;
}

.search-input-box[b-393u4yc3xi] {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.search-input-box:focus-within[b-393u4yc3xi] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.search-input-box input[b-393u4yc3xi]::placeholder {
  color: #cccccc !important;
}

.custom-dropdown-list[b-393u4yc3xi] {
  max-height: min(250px, 25vh) !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  padding: 4px !important;
}

.dropdown-list-item[b-393u4yc3xi] {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 10px 10px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 10px !important;
  transition: background-color 0.2s ease !important;
  text-align: left !important;
  margin-bottom: 3px !important;
}

.dropdown-list-item:hover[b-393u4yc3xi] {
  background-color: #eaecff !important;
  cursor: pointer !important;
}

.dropdown-list-item:active[b-393u4yc3xi] {
  background-color: #dce0ff !important;
}

.dropdown-list-item.active-item[b-393u4yc3xi] {
  background-color: #eaecff !important;
  /* border-left: 4px solid #6366f1 !important; */
  /* padding-left: 6px !important; */
}

.item-name[b-393u4yc3xi] {
  font-weight: 600 !important;
  color: #2d3748 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.item-metadata[b-393u4yc3xi] {
  text-align: right !important;
  color: #718096 !important;
  font-size: 12px !important;
  max-width: 200px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-left: 1rem !important;
}
/* /Components/Shared/WMPopover.razor.rz.scp.css */
.wm-popover-content[b-1tih4tghdz] {
  max-width: 90vw !important;
  background-color: #fff !important;
  border: 1px solid #1e293b17 !important;
  border-radius: 24px !important;
  box-shadow:
    0px 56px 56px -28px #1e293b08,
    0px 32px 32px -16px #1e293b08,
    0px 20px 20px -12px #1e293b08,
    0px 3px 3px -1.5px #1e293b08,
    0px 1px 1px -0.5px #1e293b08,
    0px 72px 72px -36px #1e293b08 !important;
  overflow: hidden !important;
}
/* /Components/Shared/WMPopup.razor.rz.scp.css */
.wm-popup-modal-content[b-m9sqtjmtiw] {
  border: 1px solid #1e293b08 !important;
  box-shadow:
    0px 32px 32px -16px #1e293b08,
    0px 20px 20px -12px #1e293b08,
    0px 3px 3px -1.5px #1e293b08,
    0px 1px 1px -0.5px #1e293b08 !important;
  overflow: hidden;
}

.wm-popup-modal-footer[b-m9sqtjmtiw] {
  border-top: 1px solid #EBECED !important;
}
/* /Components/Shared/WMTagBox.razor.rz.scp.css */
.custom-tagbox-container[b-yr08r41bmb] {
  width: 100% !important;
  height: 40px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 12px !important;
  cursor: text !important;
  color: #212529 !important;
  background-color: #ffffff !important;
  border: 1px solid #1E293B1F !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.2s ease-in-out !important;
  outline: none !important;
}

.custom-tagbox-container:hover:not(.disabled)[b-yr08r41bmb] {
  border-color: #eaecff !important;
  background-color: #f8f9fa !important;
}

.custom-tagbox-container:focus[b-yr08r41bmb],
.custom-tagbox-container:focus-within[b-yr08r41bmb] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.custom-tagbox-container.disabled[b-yr08r41bmb] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.custom-tagbox-container.invalid[b-yr08r41bmb] {
  box-shadow: 0 0 0 0.2rem #f0d1d1 !important;
}

.tag-wrapper[b-yr08r41bmb] {
  display: flex !important;
  overflow-x: scroll !important;
  scrollbar-width: none !important;
  gap: 6px !important;
  /* flex: 1 !important; */
}

.tag-chip[b-yr08r41bmb] {
  min-width: max-content !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
  background: #5263ff1f !important;
  color: #363af5 !important;
  padding: 2px 6px !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.tag-chip-icon[b-yr08r41bmb] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  cursor: pointer !important;
}

.tagbox-input[b-yr08r41bmb] {
  border: none !important;
  outline: none !important;
  width: auto !important;
  min-width: 50px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #212529 !important;
  /* flex: 1 !important; */
  padding: initial !important;
  background: initial !important;
  box-shadow: initial !important;
  border-radius: initial !important;
}

.tagbox-input:focus[b-yr08r41bmb] {
  box-shadow: initial !important;
}

.tagbox-input[b-yr08r41bmb]::placeholder {
  color: #cccccc !important;
}

.tagbox-input:disabled[b-yr08r41bmb] {
  background: transparent !important;
  box-shadow: initial !important;
  cursor: not-allowed !important;
}

.custom-checkbox[b-yr08r41bmb] {
  width: 18px !important;
  height: 18px !important;
  border-radius: 6px !important;
  padding: 2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s !important;
  background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%) !important;
  border: 2.5px solid #d9dee3 !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  flex-shrink: 0 !important;
}

.custom-checkbox.checked[b-yr08r41bmb] {
  background: linear-gradient(180deg, #5263ff 0%, #5263ff 100%) !important;
  color: white !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  border: none !important;
}

.custom-checkbox-icon[b-yr08r41bmb] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.custom-dropdown-list[b-yr08r41bmb] {
  max-height: min(250px, 25vh) !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  padding: 4px !important;
}

.dropdown-list-item[b-yr08r41bmb] {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 10px 10px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 10px !important;
  transition: background-color 0.2s ease !important;
  text-align: left !important;
  margin-bottom: 3px !important;
}

.dropdown-list-item:hover[b-yr08r41bmb] {
  background-color: #eaecff !important;
  cursor: pointer !important;
}

.dropdown-list-item:active[b-yr08r41bmb] {
  background-color: #dce0ff !important;
}

.dropdown-list-item.active-item[b-yr08r41bmb] {
  background-color: #eaecff !important;
  /* border-left: 4px solid #6366f1 !important; */
  /* padding-left: 6px !important; */
}

.item-name[b-yr08r41bmb] {
  font-weight: 600 !important;
  color: #2d3748 !important;
  font-size: 13px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.item-name.active-item[b-yr08r41bmb] {
  color: #363af5 !important;
}

.item-metadata[b-yr08r41bmb] {
  text-align: right !important;
  color: #718096 !important;
  font-size: 12px !important;
  max-width: 200px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-left: 1rem !important;
}
/* /Components/Shared/WMTooltip.razor.rz.scp.css */
.tooltip-container[b-uz1quvdbnr] {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
}
/* /Components/Spinner.razor.rz.scp.css */
.spinner-container[b-22id7vstqo] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.spinner-main[b-22id7vstqo] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  animation: spin-b-22id7vstqo 1s linear infinite;
  border: 3.5px solid currentColor;
  border-top-color: transparent;
}

@keyframes spin-b-22id7vstqo {
  to {
    transform: rotate(360deg);
  }
}
/* /Components/WMToastContainer.razor.rz.scp.css */
:root[b-q093slg542] {
  --white: #fff;
  --dark-txt: #1e293b;
  --gray-txt: #475569;
  --gray-txt-2: #64748b;
  --purple: #5263ff;
  --purple-2: #363af5;
}

.toast-wrapper[b-q093slg542] {
  position: fixed;
  bottom: 24px;
  right: 24px;
  display: flex;
  flex-direction: column-reverse;
  gap: 12px;
  z-index: 999999;
  max-height: 90vh;
  overflow: visible;
}

@media (max-width: 768px) {
  .toast-wrapper[b-q093slg542] {
    right: 4px;
  }
}

@media (max-width: 320px) {
  .toast-wrapper[b-q093slg542] {
    right: 2px;
  }
}

.custom-toast[b-q093slg542] {
  position: relative;
  bottom: auto;
  right: auto;
  width: 420px;
  max-width: 95%;
  border-radius: 24px;
  padding: 10px;
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  transform: translateX(40px) scale(0.95);
  /* transform: translateY(20px); */
  transition: all 0.3s ease;
  /* transition:
    opacity 0.3s ease,
    transform 0.3s ease,
    visibility 0.3s; */
  background: rgba(30, 41, 59, 0.08);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

@media (max-width: 768px) {
  .custom-toast[b-q093slg542] {
    width: 350px;
  }
}

@media (max-width: 320px) {
  .custom-toast[b-q093slg542] {
    width: 300px;
  }
}

.custom-toast.show[b-q093slg542] {
  opacity: 1;
  visibility: visible;
  transform: translateX(0) scale(1);
  /* transform: translateY(0); */
}

.custom-toast:hover[b-q093slg542] {
  filter: brightness(1.02);
  cursor: default;
}

.toast-content[b-q093slg542] {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 12px;
  border-radius: 20px;
  background: var(--white);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.4);
}

.toast-icon[b-q093slg542] {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #5263ff1f;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wrap-long-text[b-q093slg542] {
  overflow-wrap: anywhere;
  word-break: normal;
}

.toast-center h6[b-q093slg542] {
  font-weight: 600;
  color: var(--dark-txt);
}

.toast-center p[b-q093slg542] {
  font-size: 14px;
  color: var(--gray-txt);
}

.toast-timer[b-q093slg542] {
  font-size: 12px;
  color: #333e4e;
  margin-top: 12px;
  font-weight: 500;
}

.toast-timer span[b-q093slg542] {
  /* color: var(--purple); */
  font-weight: 500;
}

.toast-timer p[b-q093slg542] {
  /* color: var(--purple); */
  font-weight: 500;
}

.toast-close[b-q093slg542] {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff80;
  border-radius: 50%;
  border: 1px #1e293b17 solid !important;
  box-shadow: 0 2px 1.5px -0.5px #1e293b08 !important;
  cursor: pointer;
}

.toast-close img[b-q093slg542] {
  height: 11px;
  width: 11px;
  position: relative;
  left: 0.7px;
  top: 0.5px;
}

/* Base Backgrounds */
.custom-toast.green[b-q093slg542] {
  background: rgba(64, 155, 63, 0.12);
  /* border: 1px solid rgba(16, 185, 129, 0.2); */
}
.custom-toast.blue[b-q093slg542] {
  background: rgba(64, 211, 255, 0.12);
  /* border: 1px solid rgba(59, 130, 246, 0.2); */
}
.custom-toast.yellow[b-q093slg542] {
  background: rgba(255, 229, 64, 0.12);
  /* border: 1px solid rgba(245, 158, 11, 0.2); */
}
.custom-toast.red[b-q093slg542] {
  background: rgba(255, 185, 64, 0.12);
  /* border: 1px solid rgba(239, 68, 68, 0.2); */
}

/* Content Backgrounds */
/* .custom-toast.green .toast-content {
  background: rgba(16, 185, 129, 0.05);
}
.custom-toast.blue .toast-content {
  background: rgba(59, 130, 246, 0.05);
}
.custom-toast.yellow .toast-content {
  background: rgba(245, 158, 11, 0.05);
}
.custom-toast.red .toast-content {
  background: rgba(239, 68, 68, 0.05);
} */

/* Icon Backgrounds */
.custom-toast.green .toast-icon[b-q093slg542] {
  /* background: #10b981; */
  background: rgba(16, 185, 129, 0.1);
}
.custom-toast.blue .toast-icon[b-q093slg542] {
  /* background: #3b82f6; */
  background: rgba(59, 130, 246, 0.1);
}
.custom-toast.yellow .toast-icon[b-q093slg542] {
  /* background: #f59e0b; */
  background: rgba(245, 158, 11, 0.1);
}
.custom-toast.red .toast-icon[b-q093slg542] {
  /* background: #ef4444; */
  background: rgba(239, 68, 68, 0.1);
}

/* Icon SVG */
.toast-icon img[b-q093slg542] {
  /* filter: brightness(0) invert(1); */
  width: 18px;
  height: 18px;
  position: relative;
  left: 0.35px;
  top: 0.4px;
}

/* Timer Text Colors */
.green-txt[b-q093slg542] {
  color: #00583c;
}
.blue-txt[b-q093slg542] {
  color: #19439c;
}
.yellow-txt[b-q093slg542] {
  color: #6e3d05;
}
.red-txt[b-q093slg542] {
  color: #791515;
}
/* /Pages/Authentication/ChangePassword.razor.rz.scp.css */
*[b-d45qd0wgpo] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
}

body[b-d45qd0wgpo] {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f3f4f6;
}

.changepassword-card[b-d45qd0wgpo] {
    width: 460px;
    background: #ffffff;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

    .changepassword-card h2[b-d45qd0wgpo] {
        text-align: center;
        margin-bottom: 25px;
        font-weight: 600;
        color: #111827;
    }

.input-group[b-d45qd0wgpo] {
    margin-bottom: 15px;
}

    .input-group input[b-d45qd0wgpo] {
        width: 100%;
        padding: 12px;
        border-radius: 8px !important;
        border: none;
        background: #f3f4f6;
        font-size: 14px;
        outline: none;
    }

        .input-group input:focus[b-d45qd0wgpo] {
            background: #e5e7eb;
        }

.changepassword-btn[b-d45qd0wgpo] {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    color: white;
    cursor: pointer;
    background: linear-gradient(90deg, #5b6cff, #4f5bd5);
    transition: opacity 0.2s ease;
}

    .changepassword-btn:hover[b-d45qd0wgpo] {
        opacity: 0.9;
    }

    .changepassword-btn:disabled[b-d45qd0wgpo] {
        opacity: 0.5;
        cursor: not-allowed;
    }
/* /Pages/Authentication/Components/LoginPopup.razor.rz.scp.css */
.owner-initial[b-av6syomrvw] {
  background-image: initial;
  height: initial;
  width: initial;
  background-repeat: initial;
  background-position: initial;
  background-size: initial;
  position: initial;
}

.layer-initial[b-av6syomrvw] {
  height: initial;
  width: initial;
  background-color: initial;
  position: initial;
  z-index: initial;
}

.modal-main-initial[b-av6syomrvw] {
  height: initial;
  width: initial;
}

.options[b-av6syomrvw] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  margin-bottom: 20px;
}

.options a[b-av6syomrvw] {
  text-decoration: none;
  cursor: pointer;
  color: #0D6EFD;
}

.options a:hover[b-av6syomrvw] {
  color: darkblue;
}

.options label[b-av6syomrvw] {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
/* /Pages/Authentication/Components/SignupPopup.razor.rz.scp.css */
.owner-initial[b-b094knuwps] {
  background-image: initial;
  height: initial;
  width: initial;
  background-repeat: initial;
  background-position: initial;
  background-size: initial;
  position: initial;
}

.layer-initial[b-b094knuwps] {
  height: initial;
  width: initial;
  background-color: initial;
  position: initial;
  z-index: initial;
}

.modal-main-initial[b-b094knuwps] {
  height: initial;
  width: initial;
}

.options[b-b094knuwps] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  margin-bottom: 20px;
}

.options a[b-b094knuwps] {
  text-decoration: none;
  /*color: #111827;*/
}

.options label[b-b094knuwps] {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
/* /Pages/Authentication/ConfirmEmail.razor.rz.scp.css */
.onboarding-layout[b-s4pl7j9qjg] {
  color: #1e293b;
}

.avatar-circle[b-s4pl7j9qjg] {
  width: 38px;
  height: 38px;
  background-color: #f0f2ff;
  color: #5865f2;
  font-weight: 600;
}

.step-container[b-s4pl7j9qjg] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Specific Input Styling from Image 3 */
.custom-input[b-s4pl7j9qjg] {
  background-color: #fcfcfc;
  border: 1px solid #ececec;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 0.95rem;
}

.custom-input:focus[b-s4pl7j9qjg] {
  border-color: #5865f2;
  box-shadow: 0 0 0 4px rgba(88, 101, 242, 0.1);
  background-color: #fff;
}

.btn-find[b-s4pl7j9qjg] {
  background-color: #5865f2;
  border: none;
  border-radius: 0 10px 10px 0 !important;
  padding: 0 20px;
}

/* Work Type List Items from Image 4 */
.work-type-item[b-s4pl7j9qjg] {
  background-color: #f1f5f9;
  padding: 14px 20px;
  border-radius: 12px;
  font-weight: 500;
}

.btn-new[b-s4pl7j9qjg] {
  border: 1px solid #e2e8f0;
  background: white;
  color: #64748b;
  border-radius: 20px;
  padding: 5px 15px;
  font-size: 0.85rem;
  font-weight: 600;
}

.btn-primary.rounded-pill[b-s4pl7j9qjg] {
  background-color: #5865f2;
  border: none;
}

.onboarding-card[b-s4pl7j9qjg] {
  border: 1px #1e293b17 solid;
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important;
  transition: box-shadow 0.2s ease-in-out;
}

.onboarding-card.active-step[b-s4pl7j9qjg] {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;
}

.logout-btn[b-s4pl7j9qjg] {
  padding: 1px 6px;
  border-radius: 6px;
  cursor: pointer;
}

.logout-btn:hover[b-s4pl7j9qjg] {
  background-color: #dadada;
}
/* /Pages/Authentication/ForgotPassword.razor.rz.scp.css */
*[b-nkcspmn8n1] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
}

body[b-nkcspmn8n1] {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f3f4f6;
}

.forgot-password-card[b-nkcspmn8n1] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: #ffffff;
    border-radius: 12px;
    padding: 40px 30px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    width: 460px;
}

.forgot-password-card h2[b-nkcspmn8n1] {
    text-align: center;
    color: #111827;
    font-size: 25px;
    font-weight: 600;
    margin: 0;
}

.forgot-password-card p[b-nkcspmn8n1] {
    margin: 0;
}

.options[b-nkcspmn8n1] {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.options a[b-nkcspmn8n1] {
    text-decoration: none;
    /*color: #111827;*/
}

.input-group[b-nkcspmn8n1] {
    margin-bottom: 15px;
}

.input-group input[b-nkcspmn8n1] {
    width: 100%;
    padding: 12px;
    border-radius: 8px !important;
    border: none;
    background: #f3f4f6;
    font-size: 14px;
    outline: none;
}

.input-group input:focus[b-nkcspmn8n1] {
    background: #e5e7eb;
}

.forgot-password-btn[b-nkcspmn8n1] {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    color: white;
    cursor: pointer;
    background: linear-gradient(90deg, #5b6cff, #4f5bd5);
    transition: opacity 0.2s ease;
}

.forgot-password-btn:hover:not(:disabled)[b-nkcspmn8n1] {
    opacity: 0.9;
}

.forgot-password-btn:disabled[b-nkcspmn8n1] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Pages/Authentication/Login.razor.rz.scp.css */
*[b-w3poes3kiv] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
}

body[b-w3poes3kiv] {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f3f4f6;
}

.login-card[b-w3poes3kiv] {
    width: 360px;
    background: #ffffff;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

.login-card h2[b-w3poes3kiv] {
    text-align: center;
    margin-bottom: 25px;
    font-weight: 600;
    color: #111827;
}

.input-group[b-w3poes3kiv] {
    margin-bottom: 15px;
}

.input-group input[b-w3poes3kiv] {
    width: 100%;
    padding: 12px;
    border-radius: 8px !important;
    border: none;
    background: #f3f4f6;
    font-size: 14px;
    outline: none;
}

.input-group input:focus[b-w3poes3kiv] {
    background: #e5e7eb;
}

.options[b-w3poes3kiv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
    margin-bottom: 20px;
}

.options a[b-w3poes3kiv] {
    text-decoration: none;
    /*color: #111827;*/
}

.options label[b-w3poes3kiv] {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.login-btn[b-w3poes3kiv] {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    color: white;
    cursor: pointer;
    background: linear-gradient(90deg, #5b6cff, #4f5bd5);
    transition: opacity 0.2s ease;
}

.login-btn:hover[b-w3poes3kiv] {
    opacity: 0.9;
}

.login-btn:disabled[b-w3poes3kiv] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Pages/Authentication/NewBusiness.razor.rz.scp.css */
.signup-container[b-utdakvdk11] {
    /* Balanced Business Palette */
    --primary: #0052cc;
    --primary-dark: #0747a6;
    --border-field: #e7e7e7; /* Softened from previous dark grey */
    --text-main: #091e42;
    --text-muted: #44546f;
    --bg-input: #f9fafb;    /* Light, clean tint */
    --bg-input-focus: #ffffff;

    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: #f4f5f7; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    padding: 20px;
}

.signup-card[b-utdakvdk11] {
    background: white;
    width: 100%;
    max-width: 440px;
    padding: 40px;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(9, 30, 66, 0.08);
    border: 1px solid rgba(0,0,0,0.03);
}

/* Progress Bar */
.progress-bar[b-utdakvdk11] {
    display: flex;
    flex-direction: row;
    height: 8px;           /* Increased height slightly for better visibility */
    gap: 10px;
    margin-bottom: 32px;
    width: 100%;           /* Ensure it spans the card width */
}

.progress-segment[b-utdakvdk11] {
    flex: 1;               /* This should distribute width evenly */
    background-color: #e5e7eb; /* Light grey for inactive */
    border-radius: 4px;
    height: 100%;          /* Force height to match parent */
    transition: background-color 0.3s ease;
}

.progress-segment.active[b-utdakvdk11] {
    background-color: var(--primary) !important; /* Force the blue color */
}

h2[b-utdakvdk11] {
    color: var(--text-main);
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 8px 0;
}

.subtitle[b-utdakvdk11] {
    color: var(--text-muted);
    font-size: 14px;
    margin-bottom: 24px;
}

/* Field Styling */
.field-label[b-utdakvdk11] {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: var(--text-main);
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.input-wrapper[b-utdakvdk11] {
    margin-bottom: 20px;
}

input[b-utdakvdk11], select[b-utdakvdk11], textarea[b-utdakvdk11] {
    width: 100%;
    padding: 10px 14px;
    border: 1.5px solid var(--border-field); /* Thinner and lighter border */
    border-radius: 8px;
    background: var(--bg-input);
    font-size: 14px;
    color: var(--text-main);
    box-sizing: border-box;
    transition: all 0.15s ease-in-out;
}

input:focus[b-utdakvdk11], select:focus[b-utdakvdk11], textarea:focus[b-utdakvdk11] {
    outline: none;
    border-color: var(--primary);
    background: var(--bg-input-focus);
    box-shadow: 0 0 0 3px rgba(0, 82, 204, 0.1);
}

.input-with-icon[b-utdakvdk11] {
    position: relative;
    display: flex;
    align-items: center;
}

.input-with-icon input[b-utdakvdk11] {
    padding-right: 50px !important; 
    width: 100%;
}

.icon-container[b-utdakvdk11] {
    position: absolute;
    right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* pointer-events: none; */
}

/* Phone Group (Refined Border) */
.phone-group[b-utdakvdk11] {
    display: flex;
    border: 1.5px solid var(--border-field);
    border-radius: 8px;
    overflow: hidden;
    background: var(--bg-input);
}

.phone-prefix[b-utdakvdk11] {
    background: #f1f2f4;
    padding: 0 12px;
    display: flex;
    align-items: center;
    border-right: 1.5px solid var(--border-field);
    color: var(--text-main);
    font-weight: 600;
    font-size: 14px;
}

.phone-group select[b-utdakvdk11] {
    width: 80px;
    border: none;
    border-right: 1.5px solid var(--border-field);
    border-radius: 0;
    background: transparent;
}

.phone-group input[b-utdakvdk11] {
    border: none;
    flex: 1;
    background: transparent;
}

.phone-group:focus-within[b-utdakvdk11] {
    border-color: var(--primary);
    background: var(--bg-input-focus);
    box-shadow: 0 0 0 3px rgba(0, 82, 204, 0.1);
}

/* Buttons */
.btn-row[b-utdakvdk11] {
    display: flex;
    gap: 12px;
    margin-top: 30px;
}

.btn-main[b-utdakvdk11] {
    background: var(--primary);
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    flex: 1;
    transition: background 0.2s;
}

.btn-main:hover[b-utdakvdk11] {
    background: var(--primary-dark);
}

.btn-main:disabled[b-utdakvdk11] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-back[b-utdakvdk11] {
    background: white;
    color: var(--text-muted);
    border: 1.5px solid var(--border-field);
    padding: 12px 20px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-back:hover[b-utdakvdk11] {
    background: #f4f5f7;
    color: var(--text-main);
    border-color: #97a0af; /* Subtle darken on hover */
}

.btn-back:disabled[b-utdakvdk11] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Pages/Authentication/register.razor.rz.scp.css */
.owner-initial[b-vkcdlhu4qk] {
  background-image: initial;
  height: initial;
  width: initial;
  background-repeat: initial;
  background-position: initial;
  background-size: initial;
  position: initial;
}

.layer-initial[b-vkcdlhu4qk] {
  height: initial;
  width: initial;
  background-color: initial;
  position: initial;
  z-index: initial;
}

.modal-main-initial[b-vkcdlhu4qk] {
  height: initial;
  width: initial;
}

.options[b-vkcdlhu4qk] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  margin-bottom: 20px;
}

.options a[b-vkcdlhu4qk] {
  text-decoration: none;
  /*color: #111827;*/
}

.options label[b-vkcdlhu4qk] {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}
/* /Pages/Authentication/RegisterBusiness.razor.rz.scp.css */
.logout-btn[b-f6ra8l0zw6] {
  padding: 6px;
  border-radius: 6px;
  cursor: pointer;
}

.logout-btn:hover[b-f6ra8l0zw6] {
  background-color: #dadada;
}
/* /Pages/Authentication/RegisterSubcontractor.razor.rz.scp.css */
.owner-initial[b-1y1ubygluf] {
  background-image: initial;
  height: initial;
  width: initial;
  background-repeat: initial;
  background-position: initial;
  background-size: initial;
  position: initial;
}

.layer-initial[b-1y1ubygluf] {
  height: initial;
  width: initial;
  background-color: initial;
  position: initial;
  z-index: initial;
}

.modal-main-initial[b-1y1ubygluf] {
  height: initial;
  width: initial;
}

.options[b-1y1ubygluf] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  margin-bottom: 20px;
}

.options a[b-1y1ubygluf] {
  text-decoration: none;
  /*color: #111827;*/
}

.options label[b-1y1ubygluf] {
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.logout-btn[b-1y1ubygluf] {
  padding: 6px;
  border-radius: 6px;
  cursor: pointer;
}

.logout-btn:hover[b-1y1ubygluf] {
  background-color: #dadada;
}
/* /Pages/Authentication/ResetPassword.razor.rz.scp.css */
*[b-9jza4bhkca] {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
}

body[b-9jza4bhkca] {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f3f4f6;
}

.reset-password-card[b-9jza4bhkca] {
    width: 460px;
    background: #ffffff;
    padding: 40px 30px;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
}

    .reset-password-card h2[b-9jza4bhkca] {
        text-align: center;
        margin-bottom: 25px;
        font-weight: 600;
        color: #111827;
    }

.input-group[b-9jza4bhkca] {
    margin-bottom: 15px;
}

    .input-group input[b-9jza4bhkca] {
        width: 100%;
        padding: 12px;
        border-radius: 8px !important;
        border: none;
        background: #f3f4f6;
        font-size: 14px;
        outline: none;
    }

        .input-group input:focus[b-9jza4bhkca] {
            background: #e5e7eb;
        }

.reset-password-btn[b-9jza4bhkca] {
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    color: white;
    cursor: pointer;
    background: linear-gradient(90deg, #5b6cff, #4f5bd5);
    transition: opacity 0.2s ease;
}

    .reset-password-btn:hover[b-9jza4bhkca] {
        opacity: 0.9;
    }

    .reset-password-btn:disabled[b-9jza4bhkca] {
        opacity: 0.5;
        cursor: not-allowed;
    }
/* /Pages/Authentication/SubcontractorInvite.razor.rz.scp.css */
.onboarding-layout[b-ru84zoa91k] {
  color: #1e293b;
}

.avatar-circle[b-ru84zoa91k] {
  width: 38px;
  height: 38px;
  background-color: #f0f2ff;
  color: #5865f2;
  font-weight: 600;
}

.step-container[b-ru84zoa91k] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* Specific Input Styling from Image 3 */
.custom-input[b-ru84zoa91k] {
  background-color: #fcfcfc;
  border: 1px solid #ececec;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 0.95rem;
}

.custom-input:focus[b-ru84zoa91k] {
  border-color: #5865f2;
  box-shadow: 0 0 0 4px rgba(88, 101, 242, 0.1);
  background-color: #fff;
}

.btn-find[b-ru84zoa91k] {
  background-color: #5865f2;
  border: none;
  border-radius: 0 10px 10px 0 !important;
  padding: 0 20px;
}

/* Work Type List Items from Image 4 */
.work-type-item[b-ru84zoa91k] {
  background-color: #f1f5f9;
  padding: 14px 20px;
  border-radius: 12px;
  font-weight: 500;
}

.btn-new[b-ru84zoa91k] {
  border: 1px solid #e2e8f0;
  background: white;
  color: #64748b;
  border-radius: 20px;
  padding: 5px 15px;
  font-size: 0.85rem;
  font-weight: 600;
}

.btn-primary.rounded-pill[b-ru84zoa91k] {
  background-color: #5865f2;
  border: none;
}

.onboarding-card[b-ru84zoa91k] {
  border: 1px #1e293b17 solid;
  border-radius: 20px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05) !important;
  transition: box-shadow 0.2s ease-in-out;
}

.onboarding-card.active-step[b-ru84zoa91k] {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;
}

.logout-btn[b-ru84zoa91k] {
  padding: 1px 6px;
  border-radius: 6px;
  cursor: pointer;
}

.logout-btn:hover[b-ru84zoa91k] {
  background-color: #dadada;
}
/* /Pages/Business/Components/AddSubBusinessPopup.razor.rz.scp.css */
/* ── Dialog sizing ───────────────────────────────────────────────────────── */
.asbp-dialog[b-70ul891kfy] {
    max-width: 400px;
    width: 100%;
}

/* ── Modal shell ─────────────────────────────────────────────────────────── */
.asbp-modal[b-70ul891kfy] {
    border: none;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 24px 48px -12px rgba(30,41,59,0.18);
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.asbp-header[b-70ul891kfy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 24px 16px;
    background: #fff;
    border-bottom: 1px solid #F1F5F9;
}

.asbp-title[b-70ul891kfy] {
    font-size: 17px;
    font-weight: 700;
    color: #1E293B;
    margin: 0;
    letter-spacing: -0.2px;
}

.asbp-close[b-70ul891kfy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    background: #fff;
    cursor: pointer;
    transition: background 0.15s;
}

.asbp-close:hover[b-70ul891kfy] {
    background: #F1F5F9;
}

/* ── Body ────────────────────────────────────────────────────────────────── */
.asbp-body[b-70ul891kfy] {
    padding: 16px 20px;
    background: #F1F5F9;
}

/* ── Spinner ─────────────────────────────────────────────────────────────── */
.asbp-spinner[b-70ul891kfy] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 220px;
    color: #5263FF;
}

/* ── Fields ──────────────────────────────────────────────────────────────── */
.asbp-field[b-70ul891kfy] {
    margin-bottom: 14px;
}

.asbp-field-row[b-70ul891kfy] {
    display: flex;
    gap: 12px;
    margin-bottom: 0;
}

.asbp-field-row .asbp-field[b-70ul891kfy] {
    flex: 1;
}

.asbp-label[b-70ul891kfy] {
    /* display: block;
    font-size: 14px;
    font-weight: 400;
    color: #1E293B; */
    margin-bottom: 4px;
}

.asbp-required[b-70ul891kfy] {
    color: #EF4444;
}

.asbp-input[b-70ul891kfy] {
    width: 100%;
    background: #fff;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 14px;
    color: #1E293B;
    outline: none;
    transition: border-color 0.15s, box-shadow 0.15s;
    display: block;
    font-family: inherit;
    resize: none;
}

.asbp-input:focus[b-70ul891kfy] {
    border-color: #5263FF;
    box-shadow: 0 0 0 3px #5263FF1A;
}

.asbp-input.asbp-input-error[b-70ul891kfy] {
    border-color: #EF4444;
    box-shadow: 0 0 0 3px #EF44441A;
}

.input-error[b-70ul891kfy] {
    box-shadow: 0 0 0 0.2rem #f0d1d1 !important;
}

.asbp-input.asbp-input-disabled[b-70ul891kfy] {
    background: #fff;
    color: #64748B;
    cursor: not-allowed;
    opacity: 1;
}

.asbp-select[b-70ul891kfy] {
    cursor: pointer;
    appearance: auto;
}

.asbp-field-error[b-70ul891kfy] {
    margin-top: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #ED4030;
    line-height: 20px;
    letter-spacing: -0.2px;
}

/* ── Phone row ───────────────────────────────────────────────────────────── */
.asbp-phone-row[b-70ul891kfy] {
    display: flex;
    align-items: center;
    gap: 0;
}

.asbp-phone-prefix[b-70ul891kfy] {
    background: #F1F5F9;
    border: 1px solid #E2E8F0;
    border-right: none;
    border-radius: 10px 0 0 10px;
    padding: 10px 12px;
    font-size: 14px;
    color: #64748B;
    font-weight: 600;
}

.asbp-phone-code[b-70ul891kfy] {
    border-radius: 0;
    border-left: none;
    max-width: 44%;
}

.asbp-phone-number[b-70ul891kfy] {
    border-radius: 0 10px 10px 0;
    border-left: none;
    flex: 1;
}

/* ── Full-width primary button ───────────────────────────────────────────── */
.asbp-btn-full[b-70ul891kfy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 11px 20px;
    border: none;
    border-radius: 10px;
    background: #5263FF;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, opacity 0.15s;
}

.asbp-btn-full:hover:not(:disabled)[b-70ul891kfy] {
    background: #4250E0;
}

.asbp-btn-full-disabled[b-70ul891kfy],
.asbp-btn-full:disabled[b-70ul891kfy] {
    background: #CBD5E1;
    color: #94A3B8;
    cursor: not-allowed;
}

/* ── OR divider ──────────────────────────────────────────────────────────── */
.asbp-or[b-70ul891kfy] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 24px 0;
}

.asbp-or-line[b-70ul891kfy] {
    flex: 1;
    height: 1px;
    background: #1E293B17;
}

.asbp-or-text[b-70ul891kfy] {
    font-size: 12px;
    font-weight: 600;
    color: #475569;
    letter-spacing: -0.2px;
}

/* ── Info banner ─────────────────────────────────────────────────────────── */
.asbp-info-banner[b-70ul891kfy] {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 8px;
    padding: 8px;
    border-radius: 10px;
    background: #5263FF1F;
    font-size: 13px;
    font-weight: 500;
    color: #363AF5;
    line-height: 16px;
    letter-spacing: -0.2px;
    margin-bottom: 20px;
    box-shadow: 0px 1px 1px -0.5px #1E293B08;
}

.asbp-warn-banner[b-70ul891kfy] {
    background: #FFFBEB;
    color: #92400E;
}

/* ── Business card ───────────────────────────────────────────────────────── */
.asbp-business-card[b-70ul891kfy] {
    /* background: #fff; */
    /* border: 1px solid #E2E8F0; */
    /* border-radius: 14px; */
    /* padding: 4px 0; */
    /* margin-bottom: 20px; */
    /* overflow: hidden; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 8px;
}

.asbp-card-row[b-70ul891kfy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.asbp-card-content[b-70ul891kfy] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.asbp-card-label[b-70ul891kfy] {
    font-size: 13px;
    font-weight: 600;
    color: #475569;
    line-height: 20px;
    letter-spacing: -0.2px;
}

.asbp-card-value[b-70ul891kfy] {
    font-size: 13px;
    font-weight: 600;
    color: #1E293B;
    line-height: 24px;
    letter-spacing: -0.2px;
    max-width: 300px;
    overflow-wrap: anywhere;
    word-break: normal;
}

.asbp-country[b-70ul891kfy] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.asbp-flag[b-70ul891kfy] {
    height: 18px;
    width: 18px;
    border-radius: 100%;
}

.asbp-divider[b-70ul891kfy] {
    height: 1px;
    background: #F1F5F9;
    margin: 0 18px;
}

/* ── Business logo (top-right of card) ──────────────────────────────────── */
.asbp-logo-fallback[b-70ul891kfy] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #5263FF1F;
    overflow: hidden;
    flex-shrink: 0;
}

.asbp-logo-fallback-img[b-70ul891kfy] {
    width: 22px;
    height: 22px;
    object-fit: contain;
}

.asbp-logo-img[b-70ul891kfy] {
    width: 40px;
    height: 40px;
    object-fit: contain;
    border-radius: 100%;
}

/* ── Step subtitle ───────────────────────────────────────────────────────── */
.asbp-step-subtitle[b-70ul891kfy] {
    font-size: 13px;
    color: #64748B;
    margin-bottom: 16px;
    line-height: 1.5;
}

/* ── Footer buttons ──────────────────────────────────────────────────────── */
.asbp-footer[b-70ul891kfy] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.asbp-btn[b-70ul891kfy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1;
    padding: 13px 18px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    border: none;
}

.asbp-btn:disabled[b-70ul891kfy] {
    opacity: 0.6;
    cursor: not-allowed;
}

.asbp-btn-cancel[b-70ul891kfy] {
    background: #fff;
    border: 1px solid #E2E8F0;
    color: #475569;
}

.asbp-btn-cancel:hover:not(:disabled)[b-70ul891kfy] {
    background: #F8FAFC;
    border-color: #CBD5E1;
}

.asbp-btn-invite[b-70ul891kfy] {
    background: #5263FF;
    color: #fff;
}

.asbp-btn-invite:hover:not(:disabled)[b-70ul891kfy] {
    background: #4250E0;
}
/* /Pages/Business/Components/SubcontractorAddLocationsPopup.razor.rz.scp.css */
/* ── Body ────────────────────────────────────────────────────────────────── */

.sdalp-body[b-t1s2dktetg] {
	display: flex;
	flex-direction: column;
}

.sdalp-section-header[b-t1s2dktetg] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	background: #F1F5F9;
	border-bottom: 1px solid #F1F5F9;
	position: sticky;
	top: 0;
	/* z-index: 1; */
	cursor: default;
	height: 45px;
}

.sdalp-label-group[b-t1s2dktetg] {
	display: flex;
	align-items: center;
	gap: 8px;
}

	.sdalp-label-group .sdalp-checkbox[b-t1s2dktetg] {
		cursor: pointer;
	}

.sdalp-list-label[b-t1s2dktetg] {
	font-size: 13px;
	font-weight: 700;
	color: #1E293B;
}

.sdalp-selected-count[b-t1s2dktetg] {
	font-size: 13px;
	font-weight: 500;
	color: #64748B;
}

.sdalp-empty[b-t1s2dktetg] {
	padding: 40px 24px;
	font-size: 14px;
	font-weight: 500;
	color: #64748B;
	text-align: center;
}

/* ── Scrollable list ─────────────────────────────────────────────────────── */

.sdalp-list-scroll[b-t1s2dktetg] {
	display: flex;
	flex-direction: column;
	max-height: 464px;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: #C3C8CF transparent;
}

	.sdalp-list-scroll[b-t1s2dktetg]::-webkit-scrollbar {
		width: 4px;
	}

	.sdalp-list-scroll[b-t1s2dktetg]::-webkit-scrollbar-thumb {
		background: #C3C8CF;
		border-radius: 4px;
	}

/* ── Location row ────────────────────────────────────────────────────────── */

.sdalp-list-item[b-t1s2dktetg] {
	min-height: 65px;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	background: #fff;
	border-bottom: 1px solid #F1F5F9;
	cursor: pointer;
	transition: background 0.12s;
	margin: 0;
}

	.sdalp-list-item.alter-row[b-t1s2dktetg] {
		background: #F8FAFC;
	}

	.sdalp-list-item:last-child[b-t1s2dktetg] {
		border-bottom: none;
	}

	.sdalp-list-item:hover[b-t1s2dktetg] {
		background: #F5F6FF;
	}

.sdalp-list-item--checked[b-t1s2dktetg] {
	background: #F5F6FF !important;
}

/* ── Checkbox ────────────────────────────────────────────────────────────── */

.sdalp-checkbox[b-t1s2dktetg] {
	width: 18px !important;
	height: 18px !important;
	border-radius: 6px !important;
	padding: 2px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	transition: all 0.2s !important;
	background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%) !important;
	border: 2.5px solid #d9dee3 !important;
	backdrop-filter: blur(24px) !important;
	box-shadow:
		0px 1px 1px -0.5px #1e293b08,
		0px 3px 3px 0px #ffffff1f inset !important;
	flex-shrink: 0 !important;
}

	.sdalp-checkbox.checked[b-t1s2dktetg] {
		background: linear-gradient(180deg, #5263ff 0%, #5263ff 100%) !important;
		color: white !important;
		backdrop-filter: blur(24px) !important;
		box-shadow:
			0px 1px 1px -0.5px #1e293b08,
			0px 3px 3px 0px #ffffff1f inset !important;
		border: none !important;
	}

.sdalp-checkbox-icon[b-t1s2dktetg] {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

/* ── Location detail ─────────────────────────────────────────────────────── */

.sdalp-pin-icon[b-t1s2dktetg] {
	width: 16px;
	height: 16px;
	object-fit: contain;
	flex-shrink: 0;
}

.sdalp-loc-detail[b-t1s2dktetg] {
	width: calc(100% - 30px);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
}

.sdalp-loc-left[b-t1s2dktetg] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	gap: 2px;
	width: 60%;
}

.sdalp-loc-right[b-t1s2dktetg] {
	display: flex;
	justify-content: end;
	align-items: center;
	width: 36%;
}

.sdalp-loc-name[b-t1s2dktetg] {
	font-size: 13px;
	font-weight: 700;
	color: #1E293B;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

.sdalp-contractor-badge[b-t1s2dktetg] {
	display: inline-block;
	padding: 4px 6px;
	font-size: 12px;
	font-weight: 600;
	color: #363AF5;
	background: #5263FF1F;
	border-radius: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

.sdalp-loc-addr[b-t1s2dktetg] {
	font-size: 12px;
	font-weight: 600;
	color: #475569;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

/* ── Conflict warning ────────────────────────────────────────────────────── */

.sdalp-conflict-warning[b-t1s2dktetg] {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 12px 20px;
	background: #FFC30A1F;
}

.sdalp-conflict-icon[b-t1s2dktetg] {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	margin-top: 1px;
}

.sdalp-conflict-text[b-t1s2dktetg] {
	display: flex;
	flex-direction: column;
	gap: 1px;
}

	.sdalp-conflict-text p[b-t1s2dktetg] {
		margin: 0;
		font-size: 13px;
		font-weight: 700;
		color: #B47500;
		line-height: 1.5;
	}
/* /Pages/Business/Components/SubcontractorDetailsSlider.razor.rz.scp.css */
.z-index-lower[b-4b1ln5h250] {
  z-index: 1049 !important;
}

/* ── Subcontractor details slider ────────────────────────────────────────── */
.subcontractorDetailsSlider.right .modal-dialog[b-4b1ln5h250] {
	position: fixed;
	margin: 0;
	right: 0;
	top: 0;
	height: 100%;
	max-width: 740px;
	width: 100%;
}

.subcontractorDetailsSlider.right .modal-content[b-4b1ln5h250] {
	height: 100vh;
	border-radius: 0;
	display: flex;
	flex-direction: column;
	border: none;
}

.subcontractorDetailsSlider.right.fade .modal-dialog[b-4b1ln5h250] {
	transform: translateX(100%);
	transition: transform 0.3s ease-out;
}

.subcontractorDetailsSlider.right.show .modal-dialog[b-4b1ln5h250] {
	transform: translateX(0);
}
/* ── End subcontractor details slider ────────────────────────────────────── */


/* ── Shell ───────────────────────────────────────────────────────────────── */
.sds-shell[b-4b1ln5h250] {
	display: flex;
	flex-direction: column;
	height: 100vh;
	background: #FFFFFF;
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.sds-header[b-4b1ln5h250] {
	background: #fff;
	flex-shrink: 0;
}

.sds-tab-bar[b-4b1ln5h250] {
	padding: 0px 24px 16px 24px;
	border-bottom: 1px solid #EBECED;
	height: 70px;
}

.sds-header-top[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 16px 24px;
}

.sds-header-identity[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

/* Avatar */
.sds-avatar[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 10px;
	background-color: #5263FF1F;
	overflow: hidden;
}

	.sds-avatar img:not(.sds-avatar-fallback)[b-4b1ln5h250] {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

.sds-avatar-fallback[b-4b1ln5h250] {
	width: 25px;
	height: 25px;
	object-fit: contain;
}

.sds-name[b-4b1ln5h250] {
	font-size: 18px;
	font-weight: 800;
	color: #1E293B;
	margin: 0;
	line-height: 24px;
	letter-spacing: -0.2px;
}
/* Close button */
.sds-btn-close[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 34px;
	height: 34px;
	border-radius: 8px;
	border: 1px solid #E2E8F0;
	background: #fff;
	cursor: pointer;
	transition: background 0.15s;
}

	.sds-btn-close:hover[b-4b1ln5h250] {
		background: #F1F5F9;
	}


/* ── Body ────────────────────────────────────────────────────────────────── */
.sds-body[b-4b1ln5h250] {
	flex: 1;
	overflow-y: auto;
	/* padding: 16px; */
	display: flex;
	flex-direction: column;
	/* gap: 12px; */
	scrollbar-width: thin;
}

/* ── Section card ────────────────────────────────────────────────────────── */
.sds-section[b-4b1ln5h250] {
	/* background: #fff; */
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}


/* ── Details grid ────────────────────────────────────────────────────────── */
.sds-grid[b-4b1ln5h250] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.sds-detail-item[b-4b1ln5h250] {
	/* background: #FFFFFF; */
	/* padding: 5px 5px; */
	display: flex;
	flex-direction: column;
	/* gap: 4px; */
	/* min-width: 0; */
}


/* ── Statistics header ───────────────────────────────────────────────────── */
.sds-stats-header[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	flex-wrap: wrap;
}

.sds-stats-filters[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.sds-select[b-4b1ln5h250] {
	padding: 4px 8px;
	font-size: 12px;
	color: #475569;
	border: 1px solid #E2E8F0;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
	outline: none;
}

.sds-date-range[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 4px 8px;
	font-size: 12px;
	color: #475569;
	border: 1px solid #E2E8F0;
	border-radius: 6px;
	background: #fff;
	white-space: nowrap;
}

/* ── Stat cards ──────────────────────────────────────────────────────────── */
.sds-stat-cards[b-4b1ln5h250] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

.sds-stat-card[b-4b1ln5h250] {
	background: #F8FAFC;
	border: 1px solid #F1F5F9;
	border-radius: 10px;
	padding: 14px;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.sds-stat-card-top[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 4px;
}

.sds-stat-icon[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	flex-shrink: 0;
}

	.sds-stat-icon img[b-4b1ln5h250] {
		width: 16px;
		height: 16px;
		object-fit: contain;
	}

.sds-stat-icon--yellow[b-4b1ln5h250] {
	background: #FFFBEB;
}

.sds-stat-icon--green[b-4b1ln5h250] {
	background: #F0FDF4;
}

.sds-stat-icon--blue[b-4b1ln5h250] {
	background: #EFF6FF;
}

.sds-stat-label[b-4b1ln5h250] {
	font-size: 12px;
	font-weight: 500;
	color: #64748B;
}

.sds-stat-amount[b-4b1ln5h250] {
	font-size: 18px;
	font-weight: 700;
	color: #1E293B;
	margin: 0;
	letter-spacing: -0.5px;
}

.sds-stat-currency[b-4b1ln5h250] {
	font-size: 11px;
	font-weight: 500;
	color: #94A3B8;
}

/* ── Work type table ─────────────────────────────────────────────────────── */
.sds-work-type-table[b-4b1ln5h250] {
	border: 1px solid #F1F5F9;
	border-radius: 8px;
	overflow: hidden;
}

.sds-work-type-row[b-4b1ln5h250] {
	display: flex;
	justify-content: space-between;
	padding: 10px 14px;
	font-size: 13px;
	color: #1E293B;
	border-bottom: 1px solid #F8FAFC;
}

	.sds-work-type-row:last-child[b-4b1ln5h250] {
		border-bottom: none;
	}

.sds-work-type-row--header[b-4b1ln5h250] {
	background: #F8FAFC;
	font-size: 11px;
	font-weight: 600;
	color: #94A3B8;
	text-transform: uppercase;
	letter-spacing: 0.4px;
}

/* ── Chart ───────────────────────────────────────────────────────────────── */
.sds-chart-box[b-4b1ln5h250] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.sds-chart-header[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.sds-chart-area[b-4b1ln5h250] {
	width: 100%;
	overflow: hidden;
}

.sds-chart-svg[b-4b1ln5h250] {
	width: 100%;
	height: auto;
	display: block;
}

.sds-chart-label[b-4b1ln5h250] {
	font-size: 8px;
	fill: #94A3B8;
	font-family: inherit;
}

/* ── Dispatch history ────────────────────────────────────────────────────── */
.sds-dispatch-header[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.sds-btn-export[b-4b1ln5h250] {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 500;
	color: #475569;
	border: 1px solid #E2E8F0;
	border-radius: 6px;
	background: #fff;
	cursor: pointer;
	transition: background 0.15s;
	white-space: nowrap;
}

	.sds-btn-export:hover[b-4b1ln5h250] {
		background: #F8FAFC;
	}

.sds-dispatch-table[b-4b1ln5h250] {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
}

	.sds-dispatch-table thead th[b-4b1ln5h250] {
		font-size: 11px;
		font-weight: 600;
		color: #94A3B8;
		text-transform: uppercase;
		letter-spacing: 0.4px;
		padding: 8px 10px;
		text-align: left;
		border-bottom: 1px solid #F1F5F9;
		white-space: nowrap;
	}

	.sds-dispatch-table tbody tr[b-4b1ln5h250] {
		border-bottom: 1px solid #F8FAFC;
	}

		.sds-dispatch-table tbody tr:last-child[b-4b1ln5h250] {
			border-bottom: none;
		}

	.sds-dispatch-table tbody td[b-4b1ln5h250] {
		padding: 10px 10px;
		vertical-align: middle;
	}

.sds-dispatch-id[b-4b1ln5h250] {
	font-size: 13px;
	font-weight: 600;
	color: #1E293B;
	margin: 0 0 2px;
}

.sds-dispatch-sub[b-4b1ln5h250] {
	font-size: 11px;
	font-weight: 400;
	color: #64748B;
	margin: 0;
}

.sds-dispatch-date[b-4b1ln5h250] {
	font-size: 12px;
	color: #64748B;
	white-space: nowrap;
}

.sds-dispatch-locs[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
	font-weight: 500;
	color: #1E293B;
}

.sds-loc-icon[b-4b1ln5h250] {
	width: 14px;
	height: 14px;
	object-fit: contain;
}

.sds-btn-view-locs[b-4b1ln5h250] {
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 500;
	color: #5263FF;
	background: #EEF0FF;
	border: none;
	border-radius: 6px;
	cursor: pointer;
	white-space: nowrap;
	transition: background 0.15s;
}

.sds-btn-view-locs:hover[b-4b1ln5h250] {
	background: #DDE0FF;
}

/* ── Empty tab placeholder ───────────────────────────────────────────────── */
.sds-empty-tab[b-4b1ln5h250] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 12px;
	flex: 1;
	min-height: 260px;
	color: #94A3B8;
	font-size: 13px;
}

	.sds-empty-tab p[b-4b1ln5h250] {
		margin: 0;
	}

.sds-flag[b-4b1ln5h250] {
	height: 18px;
	width: 18px;
	border-radius: 100%;
	margin-right: 4px;
}


/* ═══════════════════════════════════════════════════════════════════════════
   Tab navigation — moved from style.css
   ═══════════════════════════════════════════════════════════════════════════ */
.sds-tabs[b-4b1ln5h250] {
	gap: 6px;
	background-color: #F1F5F9CC;
	border: 1px #1E293B08 solid;
	border-radius: 16px;
	padding: 6px 8px;
}

.sds-tab[b-4b1ln5h250] {
	padding: 6px;
	background-color: transparent;
	border: 1px transparent solid;
	border-radius: 10px;
	outline: none;
	font-size: 13px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: var(--gray-txt);
	width: 100%;
    transition:
        background-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        color 0.25s ease,
        transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform, box-shadow, background-color, border-color, color;
}

	.sds-tab:hover[b-4b1ln5h250] {
		color: var(--dark-txt);
		transform: translateY(-1px) scale(1.01);
	}

.sds-tab--active[b-4b1ln5h250] {
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,1),
        rgba(248,250,252,1)
    );
	border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow:
        0 1px 1px rgba(15, 23, 42, 0.03),
        0 4px 10px rgba(15, 23, 42, 0.06),
        inset 0 1px 0 rgba(255,255,255,0.8);
	color: var(--dark-txt);
	transform: scale(1.015);
}

.sds-tab:active[b-4b1ln5h250] {
	transform: scale(0.98);
}

/* ── Detail labels, values, section titles — moved from style.css ─────── */
.sds-detail-label[b-4b1ln5h250] {
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.sds-detail-value[b-4b1ln5h250] {
	padding: 0;
	color: var(--gray-txt);
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.2px;
	overflow-wrap: anywhere;
	word-break: normal;
}

.sds-section-title[b-4b1ln5h250] {
	font-size: 18px;
	font-weight: 800;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.sdsl-loc-tab[b-4b1ln5h250] {
	display: flex;
	flex-direction: column;
	padding: 16px;
	flex: 1;
	gap: 16px;
}

.sdsl-loc-tab-header[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sdsl-loc-list-wrap[b-4b1ln5h250] {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.sdsl-loc-title-row[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	gap: 6px;
}

.sdsl-info-btn[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	color: #94A3B8;
	flex-shrink: 0;
}

.sdsl-add-btn[b-4b1ln5h250] {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	padding: 4px 8px;
	font-size: 12px;
	font-weight: 600;
	color: #fff;
	background: #5263FF;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	transition: background 0.15s;
	white-space: nowrap;
}

.sdsl-add-btn:hover[b-4b1ln5h250] {
	background: #4150E8;
}

.sdsl-loc-list[b-4b1ln5h250] {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.sdsl-loc-row[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 0px;
	cursor: pointer;
	transition: background 0.15s;
	border-bottom: 1px solid #F8FAFC;
}

.sdsl-loc-row:hover[b-4b1ln5h250] {
	background: #F5F6FF;
}

.sdsl-loc-icon-cell[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 10px;
	flex-shrink: 0;
}

.sdsl-pin[b-4b1ln5h250] {
	width: 20px;
	height: 20px;
}

.sdsl-loc-text[b-4b1ln5h250] {
	flex: 1;
	min-width: 0;
}

.sdsl-loc-name[b-4b1ln5h250] {
	font-size: 13px;
	font-weight: 600;
	color: #1E293B;
	margin: 0 0 2px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sdsl-loc-addr[b-4b1ln5h250] {
	font-size: 12px;
	color: #64748B;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sdsl-route-badge[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 4px 8px;
	border-radius: 6px;
	background: #F1F5F9;
	font-size: 12px;
	font-weight: 500;
	color: #64748B;
	flex-shrink: 0;
	white-space: nowrap;
}

.sdsl-route-badge--none[b-4b1ln5h250] {
	color: #94A3B8;
	background: #F8FAFC;
	border: 1px solid #E2E8F0;
}

.sdsl-route-badge--has-route[b-4b1ln5h250] {
	color: #5263FF;
	background: #EEF0FF;
	border: 1px solid #C7D2FE;
}

/* ── Drivers tab ─────────────────────────────────────────────────────────── */

.sdsd-tab[b-4b1ln5h250] {
	display: flex;
	flex-direction: column;
	padding: 16px;
	flex: 1;
	gap: 16px;
}

.sdsd-tab-header[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.sdsd-title-row[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	gap: 6px;
}

.sdsd-driver-list[b-4b1ln5h250] {
	display: flex;
	flex-direction: column;
}

.sdsd-driver-row[b-4b1ln5h250] {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px solid #F8FAFC;
}

.sdsd-driver-row:last-child[b-4b1ln5h250] {
	border-bottom: none;
}

.sdsd-driver-info[b-4b1ln5h250] {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.sdsd-driver-name[b-4b1ln5h250] {
	margin: 0;
	font-size: 13px;
	font-weight: 600;
	color: #1E293B;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sdsd-driver-email[b-4b1ln5h250] {
	margin: 0;
	font-size: 12px;
	color: #64748B;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.satistics-box .stats-h6[b-4b1ln5h250] {
	font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
}

.satistics-box .select-and-date[b-4b1ln5h250] {
	background-color: var(--white);
	border: 1px #1E293B1F solid;
	border-radius: 10px;
	padding: 0;
	box-shadow: 0 3px 3px -1.5px #1E293B08;
}

.satistics-box .select-and-date select[b-4b1ln5h250] {
	background-color: transparent;
	border: none;
	outline: none;
	border-right: 1px #1E293B17 solid;
	height: 100%;
	font-size: 13px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
	padding: 10px 30px 10px 10px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("../img/icons/gray-arrow.png");
	background-repeat: no-repeat;
	background-position: right 8px center;
	background-size: 18px;
	cursor: pointer;
}

.satistics-box .select-and-date .full-date input[b-4b1ln5h250] {
	padding: 0;
	font-size: 13px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
	height: 100%;
	border: none;
	outline: none;
	width: 170px;
}

.satistics-box .cards .card[b-4b1ln5h250] {
	padding: 16px;
	background-color: #F8FAFC;
	border: 1px #1E293B08 solid;
	border-radius: 20px;
}

.satistics-box .cards .card .icon[b-4b1ln5h250] {
	height: 40px;
	width: 40px;
	border-radius: 8px;
	background-color: transparent;
}

.satistics-box .cards .card .icon.yellow[b-4b1ln5h250] {
	background-color: #FFC30A33;
}

.satistics-box .cards .card .icon.green[b-4b1ln5h250] {
	background-color: #409B3F33;
}

.satistics-box .cards .card .icon img[b-4b1ln5h250] {
	height: 22px;
}

.satistics-box .cards .card p[b-4b1ln5h250] {
	font-size: 15px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: var(--gray-txt);
}

.satistics-box .cards .card h5[b-4b1ln5h250] {
	font-size: 25px;
	font-weight: 700;
	line-height: 36px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.satistics-box .cards .card span[b-4b1ln5h250] {
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--gray-txt);
}

.satistics-box table[b-4b1ln5h250] {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px #1E293B0F solid;
	border-radius: 16px;
}

.satistics-box table th[b-4b1ln5h250] {
	padding: 12px 16px;
	background-color: #F1F5F9;
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.satistics-box table th:nth-child(1)[b-4b1ln5h250] {
	border-radius: 16px 0 0 0;
}

.satistics-box table th:nth-child(2)[b-4b1ln5h250] {
	border-radius: 0 16px 0 0;
}

.satistics-box table td[b-4b1ln5h250] {
	padding: 8px 16px;
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.satistics-box table tr:nth-child(odd)[b-4b1ln5h250] {
	background-color: #F8FAFC;
}

.satistics-box table tr:nth-child(even)[b-4b1ln5h250] {
	background-color: var(--white);
}

.satistics-box table tr:last-child td:nth-child(1)[b-4b1ln5h250] {
	border-radius: 0 0 0 16px;
}

.satistics-box table tr:last-child td:nth-child(2)[b-4b1ln5h250] {
	border-radius: 0 0 16px 0;
}

.satistics-box .graph-box[b-4b1ln5h250] {
	background-color: #F8FAFC;
	border: 1px #1E293B08 solid;
	border-radius: 20px;
	padding: 16px;
}

.satistics-box .graph-box .icon-txt .icon[b-4b1ln5h250] {
	height: 40px;
	width: 40px;
	border-radius: 8px;
	background-color: var(--l-sky);
}

.satistics-box .graph-box .icon-txt .icon img[b-4b1ln5h250] {
	height: 22px;
}

.satistics-box .graph-box .icon-txt p[b-4b1ln5h250] {
	font-size: 15px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: var(--gray-txt);
}

.satistics-box .graph-box .chart-card[b-4b1ln5h250] {
	position: relative;
	height: 300px;
}

.satistics-box .graph-box #revenueChart[b-4b1ln5h250] {
	width: 100% !important;
	height: 100% !important;
}

/* .dispatch-history-box {
	padding: 0px 24px 24px 24px;
} */

/* .dispatch-history-box .txt-btn button {
	padding: 8px;
	gap: 2px;
	background-color: #F1F5F9CC;
	border: 1px #1E293B0F solid;
	border-radius: 8px;
	outline: none;
}

.dispatch-history-box .txt-btn button img {
	height: 16px;
}

.dispatch-history-box .txt-btn button p {
	padding: 0 4px;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
} */

.dispatch-history-box table[b-4b1ln5h250] {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px #1E293B0F solid;
	border-radius: 16px;
}

.dispatch-history-box table th[b-4b1ln5h250] {
	padding: 12px 16px;
	background-color: #F1F5F9;
	border-right: 1px #1E293B0F solid;
	font-size: 13px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.dispatch-history-box table th:first-child[b-4b1ln5h250] {
	border-radius: 16px 0 0 0;
}

.dispatch-history-box table th:last-child[b-4b1ln5h250] {
	border-radius: 0 16px 0 0;
}

.dispatch-history-box table td[b-4b1ln5h250] {
	padding: 8px 16px;
	border-right: 1px #1E293B0F solid;
}

.dispatch-history-box table td p[b-4b1ln5h250] {
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.dispatch-history-box table td span[b-4b1ln5h250] {
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--gray-txt);
}

.dispatch-history-box table td .location-bagge[b-4b1ln5h250] {
	gap: 2px;
	padding: 4px 6px;
	background-color: var(--l-sky);
	border-radius: 8px;
	width: max-content;
}

.dispatch-history-box table td .location-bagge p[b-4b1ln5h250] {
	color: var(--sky);
	padding: 0 2px;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
}

/* .dispatch-history-box table td button {
	padding: 8px 12px;
	background-color: #5263FF1F;
	border-radius: 8px;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: var(--purple-2);
	border: none;
	outline: none;
} */

.dispatch-history-box table tr:nth-child(odd)[b-4b1ln5h250] {
	background-color: #F8FAFC;
}

.dispatch-history-box table tr:nth-child(even)[b-4b1ln5h250] {
	background-color: var(--white);
}

.dispatch-history-box table tr th:last-child[b-4b1ln5h250],
.dispatch-history-box table tr td:last-child[b-4b1ln5h250] {
	border: none;
}

.dispatch-history-box table tr:last-child td:first-child[b-4b1ln5h250] {
	border-radius: 0 0 0 16px;
}

.dispatch-history-box table tr:last-child td:last-child[b-4b1ln5h250] {
	border-radius: 0 0 16px 0;
}

.dispatch-history-box-h6[b-4b1ln5h250] {
	font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: -0.2px;
    color: var(--dark-txt);
}

.mt-12[b-4b1ln5h250] {
	margin-top: 12px;
}

/* 
.locations-tab {
	border-bottom: 1px #1E293B17 solid;
} */

.locations-tab .title[b-4b1ln5h250] {
	padding: 24px 24px 16px 24px;
}

.locations-tab .title h6[b-4b1ln5h250] {
	font-size: 18px;
	font-weight: 800;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.locations-tab .title img.info[b-4b1ln5h250] {
	height: 16px;
}

/* .locations-tab .title button {
	padding: 8px;
	gap: 2px;
	background-color: var(--purple);
	border: 1px #1E293B17 solid;
	border-radius: 8px;
	outline: none;
	box-shadow: 0 1px 1px -0.5px #1E293B08;
}

.locations-tab .title button img {
	height: 16px;
}

.locations-tab .title button p {
	padding: 0 4px;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: var(--white);
} */

.locations-tab .strap[b-4b1ln5h250] {
	padding: 12px 24px;
	background-color: var(--white);
	/* cursor: pointer; */
}

.locations-tab .strap:hover[b-4b1ln5h250] {
	background-color: #5263FF1F;
}

.locations-tab .strap img[b-4b1ln5h250] {
	height: 20px;
}

.locations-tab .strap p[b-4b1ln5h250] {
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.locations-tab .strap span[b-4b1ln5h250] {
	font-size: 13px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--gray-txt);
}

.locations-tab .strap .bagge[b-4b1ln5h250] {
	padding: 4px;
	border: 1px transparent solid;
	border-radius: 8px;
	background-color: transparent;
	gap: 2px;
}

.locations-tab .strap .bagge img[b-4b1ln5h250] {
	height: 14px;
}

.locations-tab .strap .bagge p[b-4b1ln5h250] {
	padding: 0 2px;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
}

.locations-tab .strap .bagge.white[b-4b1ln5h250] {
	background-color: var(--white);
	border-color: #1E293B17;
	box-shadow: 0 2px 1.5px -0.5px #1E293B08;
}

.locations-tab .strap .bagge.white p[b-4b1ln5h250] {
	color: var(--gray-txt);
}

.locations-tab .strap .bagge.sky[b-4b1ln5h250] {
	background-color: #06B1F11F;
	border-color: #06B1F133;
}

.locations-tab .strap .bagge.sky p[b-4b1ln5h250] {
	color: var(--sky);
}

/* .drivers-tab {
	border-bottom: 1px #1E293B17 solid;
} */

.drivers-tab .title[b-4b1ln5h250] {
	padding: 24px 24px 16px 24px;
}

.drivers-tab .title h6[b-4b1ln5h250] {
	font-size: 18px;
	font-weight: 800;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.drivers-tab .title img[b-4b1ln5h250] {
	height: 16px;
}

.drivers-tab .strap[b-4b1ln5h250] {
	padding: 12px 24px;
}

.drivers-tab .strap .profile[b-4b1ln5h250] {
	height: 36px;
	width: 36px;
	border-radius: 50px;
	background: transparent;
	color: var(--white);
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.2px;
}

.drivers-tab .strap .profile.blue[b-4b1ln5h250] {
	background: linear-gradient(180deg, #5263FF 0%, #5263FF33 100%);
}

.drivers-tab .strap .profile.pink[b-4b1ln5h250] {
	background: linear-gradient(180deg, #F83CE9 0%, #F83CE933 100%);
}

.drivers-tab .strap .profile.orange[b-4b1ln5h250] {
	background: linear-gradient(180deg, #F74E03 0%, #F74E0333 100%);
}

.drivers-tab .strap .txt p[b-4b1ln5h250] {
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -0.2px;
	color: var(--dark-txt);
}

.drivers-tab .strap .txt span[b-4b1ln5h250] {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: -0.2px;
	color: var(--gray-txt-2);
}
/* /Pages/Business/Subcontractors.razor.rz.scp.css */
/* ── Status filter dropdown (WMDropdown wrapper) ────────────────────────── */
.sc-status-dropdown[b-cm55d52828] {
	width: 160px;
	flex-shrink: 0;
}

/* ── Equal-width table columns ───────────────────────────────────────────── */
.sc-table[b-cm55d52828] {
	table-layout: fixed;
	width: 100%;
}

/* ── Name cell ───────────────────────────────────────────────────────────── */
.sc-name[b-cm55d52828] {
	font-size: 14px;
	font-weight: 500;
	color: #1E293B;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ── Muted table cells ───────────────────────────────────────────────────── */
.sc-cell-muted[b-cm55d52828] {
	font-size: 14px;
	font-weight: 400;
	color: #64748B;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ── Avatar icons ────────────────────────────────────────────────────────── */
.sc-avatar[b-cm55d52828] {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	overflow: hidden;
}

	/* Logo images fill the container */
	.sc-avatar img:not(.sc-avatar-fallback-img)[b-cm55d52828] {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

/* Default/fallback images are padded inside the container */
.sc-avatar-fallback-img[b-cm55d52828] {
	width: 18px;
	height: 18px;
	object-fit: contain;
}

.sc-avatar-square[b-cm55d52828] {
	background-color: #5263FF1F;
	border-radius: 6px;
}

.sc-avatar-circle[b-cm55d52828] {
	background-color: #F1F5F9;
	border-radius: 100%;
}

/* ── Clickable active rows ───────────────────────────────────────────────── */
.sc-row-clickable[b-cm55d52828] {
	cursor: pointer;
	transition: background 0.12s;
}

.sc-row-clickable:hover[b-cm55d52828] {
	background: #F8FAFC;
}

.sc-row-status[b-cm55d52828] {
	display: inline-block;
    height: 26px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: middle;
}

.sc-row-status-success[b-cm55d52828] {
	background: rgba(64, 155, 63, 0.12);
	color: rgba(51, 135, 50, 1);
	/* border-color: rgba(64, 155, 63, 0.2); */
}

.sc-row-status-warning[b-cm55d52828] {
	background: rgba(255, 195, 10, 0.12);
	color: rgba(180, 117, 0, 1);
	/* border-color: rgba(255, 195, 10, 0.2); */
}

/* ── Loading spinner ─────────────────────────────────────────────────────── */
.sc-loading[b-cm55d52828] {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 300px;
	color: #0D6EFD;
}
/* /Pages/Dispatch/Components/CreateDispatchModal.razor.rz.scp.css */
.dispm-backdrop[b-96gl67g7vj] {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1070;
}

.dispm[b-96gl67g7vj] {
    background: #fff;
    border-radius: 14px;
    width: 560px;
    max-width: 94vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.dispm-header[b-96gl67g7vj] {
    padding: 18px 22px;
    border-bottom: 1px solid #F3F4F6;
}

.dispm-header h3[b-96gl67g7vj] { margin: 0; font-size: 18px; }

.dispm-x[b-96gl67g7vj] {
    border: none;
    background: #F3F4F6;
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

.dispm-tabs[b-96gl67g7vj] {
    display: flex;
    gap: 4px;
    padding: 12px 22px 0;
    flex-wrap: wrap;
}

.dispm-tabs button[b-96gl67g7vj] {
    border: 1px solid #E5E7EB;
    background: #fff;
    border-radius: 16px;
    padding: 6px 14px;
    font-size: 13px;
    color: #6B7280;
}

.dispm-tabs button.active[b-96gl67g7vj] {
    background: #4A72FF;
    color: #fff;
    border-color: #4A72FF;
}

.dispm-body[b-96gl67g7vj] {
    padding: 16px 22px;
    overflow-y: auto;
}

.dispm-field[b-96gl67g7vj] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 14px;
}

.dispm-field label[b-96gl67g7vj] { font-size: 13px; font-weight: 600; color: #374151; }

.dispm-field select[b-96gl67g7vj],
.dispm-field input[b-96gl67g7vj] {
    border: 1px solid #E5E7EB;
    border-radius: 9px;
    padding: 9px 11px;
    font-size: 14px;
}

.dispm-hint[b-96gl67g7vj] { font-size: 12px; color: #9CA3AF; }

.dispm-loclist[b-96gl67g7vj] {
    border: 1px solid #E5E7EB;
    border-radius: 9px;
    max-height: 180px;
    overflow-y: auto;
    padding: 6px;
}

.dispm-loc[b-96gl67g7vj] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px;
    font-size: 14px;
    cursor: pointer;
}

.dispm-loc-sub[b-96gl67g7vj] { color: #9CA3AF; font-size: 12px; }

.dispm-error[b-96gl67g7vj] { color: #B91C1C; font-size: 13px; }

.dispm-footer[b-96gl67g7vj] {
    padding: 16px 22px;
    border-top: 1px solid #F3F4F6;
}

.dispm-btn[b-96gl67g7vj] {
    border: none;
    border-radius: 9px;
    padding: 9px 18px;
    font-size: 14px;
    font-weight: 600;
}

.dispm-btn.primary[b-96gl67g7vj] { background: #4A72FF; color: #fff; }
.dispm-btn.ghost[b-96gl67g7vj] { background: #F3F4F6; color: #374151; }
/* /Pages/Dispatch/Components/DispatchDatePicker.razor.rz.scp.css */
.ddp[b-xikw0cd8zz] { position: relative; display: inline-block; }

.ddp-btn[b-xikw0cd8zz] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #E5E7EB;
    background: #fff;
    border-radius: 16px;
    padding: 6px 12px;
    font-size: 13px;
    color: #374151;
}
.ddp-btn.active[b-xikw0cd8zz] { border-color: #4A72FF; color: #4A72FF; }
.ddp-clear[b-xikw0cd8zz] { color: #9CA3AF; }
.ddp-clear:hover[b-xikw0cd8zz] { color: #E5484D; }

.ddp-pop-backdrop[b-xikw0cd8zz] { position: fixed; inset: 0; z-index: 1040; }

.ddp-pop[b-xikw0cd8zz] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 1050;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.16);
    padding: 12px;
    width: 280px;
}

.ddp-head[b-xikw0cd8zz] { margin-bottom: 8px; }
.ddp-month[b-xikw0cd8zz] { font-size: 14px; font-weight: 700; color: #111827; }
.ddp-nav[b-xikw0cd8zz] {
    border: none; background: #F3F4F6; border-radius: 8px; width: 28px; height: 28px; color: #374151;
}

.ddp-grid[b-xikw0cd8zz] { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.ddp-dow[b-xikw0cd8zz] { margin-bottom: 2px; }
.ddp-dowcell[b-xikw0cd8zz] { text-align: center; font-size: 11px; color: #9CA3AF; font-weight: 600; padding: 2px 0; }

.ddp-cell[b-xikw0cd8zz] {
    aspect-ratio: 1;
    border: none;
    background: transparent;
    border-radius: 8px;
    font-size: 13px;
    color: #374151;
    cursor: pointer;
}
.ddp-cell.empty[b-xikw0cd8zz] { background: transparent; cursor: default; }
.ddp-cell:hover:not(.empty)[b-xikw0cd8zz] { background: #F3F4F6; }
/* days that have dispatches — coloured background */
.ddp-cell.has[b-xikw0cd8zz] { background: #E0E7FF; color: #3B53C4; font-weight: 700; }
.ddp-cell.has:hover[b-xikw0cd8zz] { background: #C7D2FE; }
.ddp-cell.selected[b-xikw0cd8zz] { background: #4A72FF; color: #fff; font-weight: 700; }

.ddp-foot[b-xikw0cd8zz] { margin-top: 8px; text-align: right; }
.ddp-clearbtn[b-xikw0cd8zz] { border: none; background: transparent; color: #4A72FF; font-size: 13px; font-weight: 600; }
/* /Pages/Dispatch/Components/DispatchDetailsModal.razor.rz.scp.css */
/* Right-side slide-in panel (self-contained — scoped CSS does not cross components). */
.dispm-backdrop[b-30w3r7sg2z] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: flex-end;
    z-index: 1070;
    animation: dispd-fade-b-30w3r7sg2z 0.2s ease-out;
}

@keyframes dispd-fade-b-30w3r7sg2z {
    from { background: rgba(0, 0, 0, 0); }
    to { background: rgba(0, 0, 0, 0.4); }
}

.dispm.dispd[b-30w3r7sg2z] {
    background: #fff;
    width: 560px;
    max-width: 94vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: -8px 0 30px rgba(0, 0, 0, 0.18);
    animation: dispd-slidein-b-30w3r7sg2z 0.28s ease-out;
}

@keyframes dispd-slidein-b-30w3r7sg2z {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

.dispm-header[b-30w3r7sg2z] {
    padding: 18px 22px;
    border-bottom: 1px solid #F3F4F6;
    flex-shrink: 0;
}

.dispm-header h3[b-30w3r7sg2z] { margin: 0; font-size: 18px; }

.dispm-x[b-30w3r7sg2z] {
    border: none;
    background: #F3F4F6;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
}

.dispm-body[b-30w3r7sg2z] {
    padding: 16px 22px;
    overflow-y: auto;
    flex: 1;
}

.dispm-footer[b-30w3r7sg2z] {
    padding: 16px 22px;
    border-top: 1px solid #F3F4F6;
    flex-shrink: 0;
}

.dispm-btn[b-30w3r7sg2z] {
    border: none;
    border-radius: 9px;
    padding: 9px 18px;
    font-size: 14px;
    font-weight: 600;
}

.dispm-btn.primary[b-30w3r7sg2z] { background: #4A72FF; color: #fff; }
.dispm-btn.primary:disabled[b-30w3r7sg2z] { background: #A9BCFF; }
.dispm-btn.ghost[b-30w3r7sg2z] { background: #F3F4F6; color: #374151; }
.dispm-btn.sm[b-30w3r7sg2z] { padding: 6px 12px; font-size: 13px; }
.dispm-btn.danger-ghost[b-30w3r7sg2z] { background: #FEF2F2; color: #B91C1C; }

.dispd-sub[b-30w3r7sg2z] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 6px;
    font-size: 13px;
    color: #6B7280;
}

/* badge styles duplicated here because razor-scoped css doesn't cross components */
.disp-typebadge[b-30w3r7sg2z] { font-size: 12px; font-weight: 600; padding: 3px 10px; border-radius: 14px; background: #EEF2FF; color: #4A72FF; }
.disp-type-route[b-30w3r7sg2z] { background: #ECFDF5; color: #059669; }
.disp-type-singlelocation[b-30w3r7sg2z] { background: #FEF3C7; color: #B45309; }
.disp-type-manual[b-30w3r7sg2z] { background: #F3E8FF; color: #7C3AED; }
.disp-status[b-30w3r7sg2z] { font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 14px; }
.disp-status-active[b-30w3r7sg2z] { background: #EEF2FF; color: #4A72FF; }
.disp-status-completed[b-30w3r7sg2z] { background: #ECFDF5; color: #059669; }
.disp-status-denied[b-30w3r7sg2z] { background: #FEF2F2; color: #B91C1C; }
.disp-status-invited[b-30w3r7sg2z] { background: #FEF3C7; color: #B45309; }

.dispd-tabs[b-30w3r7sg2z] {
    display: flex;
    gap: 18px;
    padding: 0 22px;
    border-bottom: 1px solid #F3F4F6;
    flex-shrink: 0;
}

.dispd-tabs button[b-30w3r7sg2z] {
    border: none;
    background: transparent;
    padding: 12px 2px;
    font-size: 14px;
    font-weight: 600;
    color: #9CA3AF;
    border-bottom: 2px solid transparent;
}

.dispd-tabs button.active[b-30w3r7sg2z] { color: #111827; border-bottom-color: #4A72FF; }

.dispd-tabcount[b-30w3r7sg2z] {
    background: #F3F4F6; color: #6B7280; border-radius: 10px; font-size: 12px; padding: 1px 7px; margin-left: 4px;
}
.dispd-tabcount.err[b-30w3r7sg2z] { background: #FEF2F2; color: #B91C1C; }

.dispd-stop[b-30w3r7sg2z] {
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    padding: 12px 14px;
    margin-bottom: 10px;
}

.dispd-stop.err[b-30w3r7sg2z] { border-color: #FCA5A5; background: #FFFBFB; }

.dispd-stop-name[b-30w3r7sg2z] { font-weight: 600; font-size: 14px; }
.dispd-stop-addr[b-30w3r7sg2z] { font-size: 12px; color: #9CA3AF; }

.dispd-stopstatus[b-30w3r7sg2z] { font-size: 12px; font-weight: 600; padding: 3px 9px; border-radius: 12px; white-space: nowrap; }
.dispd-stopstatus.s-pending[b-30w3r7sg2z] { background: #F3F4F6; color: #6B7280; }
.dispd-stopstatus.s-completed[b-30w3r7sg2z] { background: #ECFDF5; color: #059669; }
.dispd-stopstatus.s-unabletocomplete[b-30w3r7sg2z] { background: #FEF2F2; color: #B91C1C; }

.dispd-stop-meta[b-30w3r7sg2z] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.dispd-chip[b-30w3r7sg2z] {
    font-size: 12px;
    background: #F3F4F6;
    color: #374151;
    border-radius: 7px;
    padding: 3px 8px;
}
.dispd-chip.err[b-30w3r7sg2z] { background: #FEF2F2; color: #B91C1C; }

.dispd-stop-note[b-30w3r7sg2z] {
    margin-top: 8px;
    font-size: 13px;
    color: #B91C1C;
    background: #FEF2F2;
    border-radius: 7px;
    padding: 6px 9px;
}

.dispd-stop-actions[b-30w3r7sg2z] { margin-top: 10px; }

.dispd-mapbtn[b-30w3r7sg2z] {
    margin-top: 10px;
    border: 1px solid #E5E7EB;
    background: #fff;
    border-radius: 8px;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 600;
    color: #374151;
}

.dispd-stopmap[b-30w3r7sg2z] {
    margin-top: 10px;
    width: 100%;
    height: 220px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #E5E7EB;
}

.dispd-maplegend[b-30w3r7sg2z] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 6px;
    font-size: 12px;
    color: #6B7280;
}

.dispd-maplegend i[b-30w3r7sg2z] {
    display: inline-block;
    width: 14px;
    height: 0;
    vertical-align: middle;
    margin-right: 4px;
}

.dispd-maplegend i.lg-area[b-30w3r7sg2z] {
    height: 10px;
    background: rgba(74, 114, 255, 0.18);
    border: 1px solid #4A72FF;
    border-radius: 2px;
}

.dispd-maplegend i.lg-track[b-30w3r7sg2z] {
    border-top: 3px solid #E5484D;
}

.dispd-mapnote[b-30w3r7sg2z] { color: #9CA3AF; }

.dispd-empty[b-30w3r7sg2z] { padding: 32px; text-align: center; color: #9CA3AF; }

.dispd-headmeta[b-30w3r7sg2z] { font-size: 12px; color: #9CA3AF; margin-bottom: 2px; }

/* ── Filter row ── */
.dispd-filters[b-30w3r7sg2z] {
    display: flex;
    gap: 6px;
    padding: 10px 22px;
    border-bottom: 1px solid #F3F4F6;
    flex-wrap: wrap;
    flex-shrink: 0;
}
.dispd-filters button[b-30w3r7sg2z] {
    border: none;
    background: transparent;
    font-size: 13px;
    font-weight: 600;
    color: #6B7280;
    padding: 5px 4px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.dispd-filters button.active[b-30w3r7sg2z] { color: #4A72FF; }
.dispd-fcount[b-30w3r7sg2z] {
    background: #F3F4F6; color: #6B7280; border-radius: 10px; font-size: 11px; padding: 1px 6px;
}
.dispd-fcount.alerts[b-30w3r7sg2z] { background: #FEF2F2; color: #B91C1C; }
.dispd-fcount.completed[b-30w3r7sg2z] { background: #ECFDF5; color: #059669; }
.dispd-fcount.removed[b-30w3r7sg2z] { background: #F3F4F6; color: #6B7280; }

.dispd-viewtoggle[b-30w3r7sg2z] {
    margin-left: auto;
    display: inline-flex;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    overflow: hidden;
}
.dispd-viewtoggle button[b-30w3r7sg2z] {
    border: none; background: #fff; color: #6B7280; padding: 4px 12px; font-size: 13px; font-weight: 600;
}
.dispd-viewtoggle button.active[b-30w3r7sg2z] { background: #111827; color: #fff; }

.dispd-detailmap[b-30w3r7sg2z] { width: 100%; height: 100%; min-height: 420px; }

.dispd-zonehead[b-30w3r7sg2z] {
    font-size: 12px; font-weight: 700; letter-spacing: 0.04em; color: #6B7280;
    padding: 4px 2px 10px;
}
.dispd-expand[b-30w3r7sg2z] { color: #4A72FF; font-size: 13px; cursor: pointer; font-weight: 600; }

/* ── Zone accordion ── */
.dispd-zone[b-30w3r7sg2z] { border-top: 1px solid #F3F4F6; }
.dispd-zone-head[b-30w3r7sg2z] {
    display: flex; align-items: center; gap: 10px; padding: 12px 2px; cursor: pointer;
}
.dispd-zone-icon[b-30w3r7sg2z] { font-size: 16px; }
.dispd-zone-name[b-30w3r7sg2z] { font-weight: 700; font-size: 15px; flex-shrink: 0; }

.dispd-progress[b-30w3r7sg2z] { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.dispd-progress.sm[b-30w3r7sg2z] { margin-left: auto; }
.dispd-progress-label[b-30w3r7sg2z] { font-size: 11px; color: #9CA3AF; white-space: nowrap; }
.dispd-progress-bar[b-30w3r7sg2z] { width: 70px; height: 6px; background: #F3F4F6; border-radius: 4px; overflow: hidden; }
.dispd-progress-fill[b-30w3r7sg2z] { height: 100%; background: #4A72FF; }
.dispd-progress-pct[b-30w3r7sg2z] { font-size: 11px; color: #6B7280; font-weight: 600; }

.dispd-countpills[b-30w3r7sg2z] { display: flex; gap: 4px; }
.cp[b-30w3r7sg2z] { font-size: 11px; font-weight: 600; border-radius: 10px; padding: 1px 7px; }
.cp.unable[b-30w3r7sg2z] { background: #FEF2F2; color: #B91C1C; }
.cp.done[b-30w3r7sg2z] { background: #ECFDF5; color: #059669; }
.cp.removed[b-30w3r7sg2z] { background: #F3F4F6; color: #6B7280; }
.dispd-chev[b-30w3r7sg2z] { color: #9CA3AF; font-size: 12px; width: 14px; text-align: center; }

/* ── Unassigned alert group ── */
.dispd-alertgroup[b-30w3r7sg2z] { background: #FFFBFB; border-left: 3px solid #FCA5A5; border-radius: 6px; padding: 8px 10px; margin: 4px 0 10px; }
.dispd-alertgroup-head[b-30w3r7sg2z] { color: #B91C1C; font-size: 13px; font-weight: 600; margin-bottom: 4px; }

/* ── Contractor accordion ── */
.dispd-contractor[b-30w3r7sg2z] { border-left: 3px solid #4A72FF; background: #FAFBFF; border-radius: 6px; margin: 6px 0; }
.dispd-contractor-head[b-30w3r7sg2z] { display: flex; align-items: center; gap: 10px; padding: 10px 12px; cursor: pointer; }
.dispd-contractor-icon[b-30w3r7sg2z] { font-size: 15px; }
.dispd-contractor-name[b-30w3r7sg2z] { font-weight: 600; font-size: 14px; }
.dispd-subtag[b-30w3r7sg2z] { font-size: 11px; background: #EEF2FF; color: #4A72FF; border-radius: 8px; padding: 1px 7px; margin-left: 4px; font-weight: 600; }
.dispd-contractor-body[b-30w3r7sg2z] { padding: 0 8px 8px; }

/* ── Address row ── */
.dispd-addr[b-30w3r7sg2z] { border-left: 3px solid transparent; padding: 10px 10px; border-bottom: 1px solid #F3F4F6; }
.dispd-addr.err[b-30w3r7sg2z] { border-left-color: #E5484D; }
.dispd-addr.removed[b-30w3r7sg2z] { opacity: 0.6; }
.dispd-addr-main[b-30w3r7sg2z] { display: flex; align-items: flex-start; gap: 8px; }
.dispd-addr-pin[b-30w3r7sg2z] { font-size: 14px; }
.dispd-addr-text[b-30w3r7sg2z] { flex: 1; min-width: 0; }
.dispd-addr-name[b-30w3r7sg2z] { font-size: 14px; font-weight: 600; }
.dispd-addr-alert[b-30w3r7sg2z] { color: #E5484D; }
.dispd-addr-line[b-30w3r7sg2z] { font-size: 12px; color: #9CA3AF; }
.dispd-addr-right[b-30w3r7sg2z] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }

.dispd-wt[b-30w3r7sg2z] { font-size: 11px; font-weight: 700; background: #EEF2FF; color: #4A72FF; border-radius: 6px; padding: 2px 6px; }
.dispd-statepill[b-30w3r7sg2z] { font-size: 12px; font-weight: 600; border-radius: 12px; padding: 3px 9px; white-space: nowrap; }
.dispd-statepill.done[b-30w3r7sg2z] { background: #ECFDF5; color: #059669; }
.dispd-statepill.unable[b-30w3r7sg2z] { background: #FEF2F2; color: #B91C1C; }
.dispd-statepill.removed[b-30w3r7sg2z] { background: #F3F4F6; color: #6B7280; }
.dispd-statepill.pending[b-30w3r7sg2z] { background: #EEF2FF; color: #4A72FF; }

.dispd-assign-select[b-30w3r7sg2z] { border: 1px solid #E5E7EB; border-radius: 8px; padding: 6px 8px; font-size: 13px; }
.dispd-assign-btn[b-30w3r7sg2z] { border: none; background: #4A72FF; color: #fff; border-radius: 8px; padding: 6px 12px; font-size: 13px; font-weight: 600; }

.dispd-addr-note[b-30w3r7sg2z] { margin: 6px 0 0 22px; font-size: 12px; color: #B91C1C; background: #FEF2F2; border-radius: 6px; padding: 5px 8px; }
.dispd-addr-actions[b-30w3r7sg2z] { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0 0 22px; }
.dispd-mini[b-30w3r7sg2z] { border: none; border-radius: 7px; padding: 4px 10px; font-size: 12px; font-weight: 600; }
.dispd-mini.primary[b-30w3r7sg2z] { background: #059669; color: #fff; }
.dispd-mini.ghost[b-30w3r7sg2z] { background: #F3F4F6; color: #374151; }
/* /Pages/Dispatch/Components/DispatchLiveMap.razor.rz.scp.css */
.livemap-layout[b-2li8smqz32] {
    height: calc(100vh - 200px);
    min-height: 460px;
    margin-top: 14px;
}

.livemap-panel[b-2li8smqz32] {
    width: 320px;
    min-width: 280px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 16px;
}

.livemap-paneltitle[b-2li8smqz32] {
    font-size: 13px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.livemap-group[b-2li8smqz32] { margin-bottom: 14px; }

.livemap-group-head[b-2li8smqz32] { margin-bottom: 4px; display: flex; align-items: center; gap: 8px; }

/* iOS-style toggle switch */
.switch[b-2li8smqz32] { position: relative; display: inline-block; width: 38px; height: 22px; flex-shrink: 0; }
.switch input[b-2li8smqz32] { opacity: 0; width: 0; height: 0; }
.switch .slider[b-2li8smqz32] {
    position: absolute; inset: 0; background: #D1D5DB; border-radius: 22px; transition: 0.2s; cursor: pointer;
}
.switch .slider[b-2li8smqz32]::before {
    content: ''; position: absolute; height: 18px; width: 18px; left: 2px; top: 2px;
    background: #fff; border-radius: 50%; transition: 0.2s; box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}
.switch input:checked + .slider[b-2li8smqz32] { background: #34C759; }
.switch input:checked + .slider[b-2li8smqz32]::before { transform: translateX(16px); }

.livemap-group-name[b-2li8smqz32] {
    font-size: 13px;
    font-weight: 700;
    color: #374151;
    display: flex;
    align-items: center;
    gap: 6px;
}

.livemap-subtag[b-2li8smqz32] {
    font-size: 10px;
    background: #EEF2FF;
    color: #4A72FF;
    border-radius: 8px;
    padding: 1px 6px;
    font-weight: 600;
}

.livemap-driver[b-2li8smqz32] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 6px 6px 6px 18px;
    border-radius: 8px;
}
.livemap-driver.off[b-2li8smqz32] { opacity: 0.45; }
.livemap-driver.focused[b-2li8smqz32] { background: #EEF2FF; }
.livemap-driver-info[b-2li8smqz32] { cursor: pointer; }

.livemap-showall[b-2li8smqz32] {
    border: none; background: #F3F4F6; color: #4A72FF; border-radius: 8px;
    font-size: 12px; font-weight: 600; padding: 3px 8px; display: inline-flex; align-items: center;
}

.livemap-swatch[b-2li8smqz32] {
    width: 12px;
    height: 12px;
    border-radius: 3px;
    flex-shrink: 0;
}

.livemap-driver-info[b-2li8smqz32] { display: flex; flex-direction: column; }
.livemap-driver-name[b-2li8smqz32] { font-size: 14px; font-weight: 600; }
.livemap-driver-prog[b-2li8smqz32] { font-size: 12px; color: #9CA3AF; }

.livemap-legend[b-2li8smqz32] {
    border-top: 1px solid #F3F4F6;
    margin-top: 8px;
    padding-top: 12px;
}
.livemap-legend-title[b-2li8smqz32] { font-size: 11px; text-transform: uppercase; letter-spacing: 0.04em; color: #9CA3AF; font-weight: 700; margin-bottom: 6px; }
.livemap-legend-row[b-2li8smqz32] { display: flex; align-items: center; gap: 8px; font-size: 12px; color: #6B7280; padding: 2px 0; }
.lg-dot[b-2li8smqz32] { width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; }
.lg-dot.done[b-2li8smqz32] { background: #30A46C; border: 2px solid #fff; box-shadow: 0 0 0 1px #30A46C; }
.lg-dot.unable[b-2li8smqz32] { background: #E5484D; border: 2px solid #fff; box-shadow: 0 0 0 1px #E5484D; }
.lg-dot.curr[b-2li8smqz32] { background: #fff; border: 3px solid #4A72FF; }
.lg-dot.fut[b-2li8smqz32] { background: #fff; border: 2px dashed #4A72FF; }
.lg-line[b-2li8smqz32] { width: 16px; height: 0; border-top: 4px solid #4A72FF; border-radius: 2px; }

.livemap-map-wrap[b-2li8smqz32] {
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    overflow: hidden;
}

.livemap-right[b-2li8smqz32] { min-width: 0; }

.livemap-map[b-2li8smqz32] {
    width: 100%;
    height: 100%;
    min-height: 420px;
}

.livemap-timeline[b-2li8smqz32] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 10px 16px;
}
.livemap-live[b-2li8smqz32] {
    border: 1px solid #E5E7EB; background: #fff; color: #6B7280;
    border-radius: 16px; font-size: 12px; font-weight: 600; padding: 4px 12px;
    display: inline-flex; align-items: center; gap: 5px; flex-shrink: 0;
}
.livemap-live.on[b-2li8smqz32] { background: #ECFDF5; color: #059669; border-color: #A7F3D0; }
.livemap-time[b-2li8smqz32] {
    font-size: 15px; font-weight: 700; color: #111827; min-width: 52px; flex-shrink: 0;
}
.livemap-tmin[b-2li8smqz32], .livemap-tmax[b-2li8smqz32] { font-size: 11px; color: #9CA3AF; flex-shrink: 0; }
.livemap-slider[b-2li8smqz32] { flex: 1; accent-color: #4A72FF; }
/* /Pages/Dispatch/Dispatch.razor.rz.scp.css */
.disp-viewtoggle[b-t2zf31q7pj] {
    display: inline-flex;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    overflow: hidden;
}

.disp-viewtoggle button[b-t2zf31q7pj] {
    border: none;
    background: #fff;
    padding: 8px 16px;
    font-size: 14px;
    color: #6B7280;
}

.disp-viewtoggle button.active[b-t2zf31q7pj] {
    background: #111827;
    color: #fff;
}

.disp-new-btn[b-t2zf31q7pj] {
    border: none;
    background: #4A72FF;
    color: #fff;
    border-radius: 10px;
    padding: 9px 16px;
    font-size: 14px;
    font-weight: 600;
}

.disp-errors-banner[b-t2zf31q7pj] {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #FEF2F2;
    border: 1px solid #FCA5A5;
    color: #B91C1C;
    border-radius: 10px;
    padding: 10px 14px;
    margin: 14px 0;
    cursor: pointer;
    font-size: 14px;
}

.disp-errors-icon[b-t2zf31q7pj] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #B91C1C;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex-shrink: 0;
}

.disp-errors-sub[b-t2zf31q7pj] { color: #DC8585; }

.disp-toolbar[b-t2zf31q7pj] { margin: 16px 0 12px; }

.disp-tabs[b-t2zf31q7pj] {
    display: inline-flex;
    gap: 4px;
    background: #F3F4F6;
    border-radius: 10px;
    padding: 4px;
}

.disp-tabs button[b-t2zf31q7pj] {
    border: none;
    background: transparent;
    border-radius: 8px;
    padding: 7px 16px;
    font-size: 14px;
    font-weight: 600;
    color: #6B7280;
}

.disp-tabs button.active[b-t2zf31q7pj] {
    background: #fff;
    color: #111827;
    box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}

.disp-tab-count[b-t2zf31q7pj] {
    display: inline-block;
    background: #4A72FF;
    color: #fff;
    border-radius: 10px;
    font-size: 12px;
    padding: 1px 7px;
    margin-left: 4px;
}

.disp-statusfilter button[b-t2zf31q7pj] {
    border: 1px solid #E5E7EB;
    background: #fff;
    border-radius: 16px;
    padding: 5px 14px;
    font-size: 13px;
    color: #6B7280;
}

.disp-statusfilter button.active[b-t2zf31q7pj] {
    background: #111827;
    color: #fff;
    border-color: #111827;
}

.disp-table-wrap[b-t2zf31q7pj] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    overflow: hidden;
}

.disp-table[b-t2zf31q7pj] {
    width: 100%;
    border-collapse: collapse;
}

.disp-table thead th[b-t2zf31q7pj] {
    text-align: left;
    font-size: 11px;
    letter-spacing: 0.04em;
    color: #9CA3AF;
    padding: 12px 16px;
    border-bottom: 1px solid #F3F4F6;
    background: #FAFAFA;
}

.disp-table tbody tr[b-t2zf31q7pj] {
    border-bottom: 1px solid #F3F4F6;
    cursor: pointer;
}

.disp-table tbody tr:hover[b-t2zf31q7pj] { background: #F9FAFB; }
.disp-table tbody tr.has-error[b-t2zf31q7pj] { background: #FFFBFB; }

.disp-table td[b-t2zf31q7pj] {
    padding: 14px 16px;
    vertical-align: middle;
    font-size: 14px;
}

.disp-jobtitle[b-t2zf31q7pj] { font-weight: 600; color: #111827; }
.disp-jobmeta[b-t2zf31q7pj] { font-size: 12px; color: #9CA3AF; display: flex; gap: 6px; }

.disp-typebadge[b-t2zf31q7pj] {
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 14px;
    background: #EEF2FF;
    color: #4A72FF;
}
.disp-type-route[b-t2zf31q7pj] { background: #ECFDF5; color: #059669; }
.disp-type-singlelocation[b-t2zf31q7pj] { background: #FEF3C7; color: #B45309; }
.disp-type-manual[b-t2zf31q7pj] { background: #F3E8FF; color: #7C3AED; }

.disp-progress-wrap[b-t2zf31q7pj] { display: flex; align-items: center; gap: 8px; }
.disp-progress-bar[b-t2zf31q7pj] { width: 90px; height: 6px; background: #F3F4F6; border-radius: 4px; overflow: hidden; }
.disp-progress-fill[b-t2zf31q7pj] { height: 100%; background: #4A72FF; }
.disp-progress-text[b-t2zf31q7pj] { font-size: 12px; color: #6B7280; }

.disp-wt-badge[b-t2zf31q7pj] {
    font-size: 11px; font-weight: 700; background: #EEF2FF; color: #4A72FF;
    border-radius: 6px; padding: 2px 6px;
}
.disp-err-badge[b-t2zf31q7pj] {
    font-size: 11px; font-weight: 700; background: #FEF2F2; color: #B91C1C;
    border-radius: 6px; padding: 2px 6px;
}
.disp-sub-badge[b-t2zf31q7pj] {
    font-size: 11px; background: #F3F4F6; color: #6B7280;
    border-radius: 6px; padding: 2px 6px; max-width: 130px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.disp-status[b-t2zf31q7pj] {
    font-size: 12px; font-weight: 600; padding: 4px 10px; border-radius: 14px;
}
.disp-status-active[b-t2zf31q7pj] { background: #EEF2FF; color: #4A72FF; }
.disp-status-completed[b-t2zf31q7pj] { background: #ECFDF5; color: #059669; }
.disp-status-denied[b-t2zf31q7pj] { background: #FEF2F2; color: #B91C1C; }
.disp-status-invited[b-t2zf31q7pj] { background: #FEF3C7; color: #B45309; }

.disp-action-btn[b-t2zf31q7pj] {
    border: none; border-radius: 8px; padding: 6px 12px; font-size: 13px; margin-left: 6px;
}
.disp-action-btn.success[b-t2zf31q7pj] { background: #059669; color: #fff; }
.disp-action-btn.ghost[b-t2zf31q7pj] { background: #F3F4F6; color: #374151; }

.disp-empty[b-t2zf31q7pj] { padding: 48px; text-align: center; color: #9CA3AF; font-size: 14px; }
/* /Pages/Driver/DriverMobileAppInfo.razor.rz.scp.css */
.logout-btn[b-tyvrpy65lp] {
  padding: 6px;
  border-radius: 6px;
  cursor: pointer;
}

.logout-btn:hover[b-tyvrpy65lp] {
  background-color: #dadada;
}
/* /Pages/Forecast/Forecast.razor.rz.scp.css */
/* Full-height: title bar sits on top, the layout fills the rest of the viewport. */
.main-content[b-g8kqbqnw8v] {
    height: 100vh;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Title bar spans full width (override the global 1680px centred cap) so it
   lines up with the full-width map/panel below. */
.main-title[b-g8kqbqnw8v] {
    max-width: none;
    margin: 0;
}

.fc-layout[b-g8kqbqnw8v] {
    flex: 1 1 auto;
    min-height: 0;
    padding: 16px 24px 24px;
}

/* ---- Map -------------------------------------------------------------- */
.fc-map-wrap[b-g8kqbqnw8v] {
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    overflow: hidden;
    background: #0a0f18;
}

.fc-map[b-g8kqbqnw8v] {
    width: 100%;
    height: 100%;
    min-height: 0;
    border: 0;
    display: block;
}

/* ---- Panel ------------------------------------------------------------ */
.fc-panel[b-g8kqbqnw8v] {
    width: 360px;
    min-width: 320px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-right: 2px;
}

.fc-source-tag[b-g8kqbqnw8v] {
    font-size: 12px;
    font-weight: 600;
    color: #64748B;
    background: #F1F5F9;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    padding: 4px 10px;
}

.fc-card[b-g8kqbqnw8v] {
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 16px;
}

.fc-card-head[b-g8kqbqnw8v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.fc-label[b-g8kqbqnw8v] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #94A3B8;
}

.fc-alert[b-g8kqbqnw8v] {
    background: #FEF2F2;
    border: 1px solid #FECACA;
    color: #DF2917;
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 500;
}

/* ---- Status / traffic light ------------------------------------------ */
.fc-status[b-g8kqbqnw8v] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.fc-traffic[b-g8kqbqnw8v] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 10px;
    background: #0A1C3D;
    border-radius: 999px;
    flex-shrink: 0;
}

.fc-light[b-g8kqbqnw8v] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .12);
    transition: all .4s ease;
}

.fc-light.on.green[b-g8kqbqnw8v] { background: #30A46C; box-shadow: 0 0 10px rgba(48,164,108,.7), 0 0 20px rgba(48,164,108,.35); }
.fc-light.on.yellow[b-g8kqbqnw8v] { background: #FFC30A; box-shadow: 0 0 10px rgba(255,195,10,.7), 0 0 20px rgba(255,195,10,.35); }
.fc-light.on.red[b-g8kqbqnw8v] { background: #ED4030; box-shadow: 0 0 10px rgba(237,64,48,.7), 0 0 20px rgba(237,64,48,.35); }

.fc-status-text[b-g8kqbqnw8v] { min-width: 0; }

.fc-status-label[b-g8kqbqnw8v] {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: .12em;
}
.fc-status-label.level-green[b-g8kqbqnw8v] { color: #338732; }
.fc-status-label.level-yellow[b-g8kqbqnw8v] { color: #B47500; }
.fc-status-label.level-red[b-g8kqbqnw8v] { color: #DF2917; }

.fc-status-desc[b-g8kqbqnw8v] {
    margin: 4px 0 0;
    font-size: 13px;
    color: #475569;
    line-height: 1.45;
}

/* ---- Timeline -------------------------------------------------------- */
.fc-now-btn[b-g8kqbqnw8v] {
    border: none;
    background: transparent;
    color: #5263FF;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0;
}
.fc-now-btn:hover[b-g8kqbqnw8v] { color: #363AF5; }

.fc-active-time[b-g8kqbqnw8v] {
    font-size: 13px;
    color: #1E293B;
    font-weight: 500;
    margin-bottom: 10px;
}
.fc-active-temp[b-g8kqbqnw8v] {
    margin-left: 8px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 6px;
}
.fc-active-temp.seg-cold[b-g8kqbqnw8v] { color: #DF2917; }
.fc-active-temp.seg-warn[b-g8kqbqnw8v] { color: #B47500; }
.fc-active-temp.seg-ok[b-g8kqbqnw8v] { color: #338732; }

.fc-track[b-g8kqbqnw8v] {
    position: relative;
    height: 26px;
    border-radius: 8px;
    overflow: visible;
}

.fc-segments[b-g8kqbqnw8v] {
    position: absolute;
    inset: 0;
    display: flex;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #E5E7EB;
}
.fc-seg[b-g8kqbqnw8v] { height: 100%; flex: 1 1 0; }
.fc-seg.seg-cold[b-g8kqbqnw8v] { background: rgba(223, 41, 23, .55); }
.fc-seg.seg-warn[b-g8kqbqnw8v] { background: rgba(255, 195, 10, .5); }
.fc-seg.seg-ok[b-g8kqbqnw8v] { background: rgba(51, 135, 50, .28); }
.fc-seg.seg-none[b-g8kqbqnw8v] { background: #EEF2F6; }

.fc-now-marker[b-g8kqbqnw8v] {
    position: absolute;
    top: -2px;
    bottom: -2px;
    width: 2px;
    background: #0A1C3D;
    z-index: 2;
    pointer-events: none;
}
.fc-now-marker[b-g8kqbqnw8v]::before {
    content: "";
    position: absolute;
    top: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0A1C3D;
}

/* Range overlay drives the scrubber handle */
.fc-range[b-g8kqbqnw8v] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background: transparent;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    z-index: 3;
}
.fc-range[b-g8kqbqnw8v]::-webkit-slider-runnable-track { background: transparent; height: 100%; }
.fc-range[b-g8kqbqnw8v]::-moz-range-track { background: transparent; height: 100%; }
.fc-range[b-g8kqbqnw8v]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 12px;
    height: 30px;
    margin-top: -2px;
    border-radius: 4px;
    background: #5263FF;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px rgba(82,99,255,.5), 0 2px 6px rgba(82,99,255,.45);
}
.fc-range[b-g8kqbqnw8v]::-moz-range-thumb {
    width: 12px;
    height: 30px;
    border-radius: 4px;
    background: #5263FF;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px rgba(82,99,255,.5), 0 2px 6px rgba(82,99,255,.45);
}

.fc-day-labels[b-g8kqbqnw8v] {
    position: relative;
    height: 18px;
    margin-top: 6px;
}
.fc-day-label[b-g8kqbqnw8v] {
    position: absolute;
    transform: translateX(-50%);
    font-size: 11px;
    color: #94A3B8;
    font-weight: 600;
    white-space: nowrap;
}

.fc-legend[b-g8kqbqnw8v] {
    display: flex;
    gap: 14px;
    margin-top: 6px;
}
.fc-legend-item[b-g8kqbqnw8v] {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    color: #64748B;
}
.fc-dot[b-g8kqbqnw8v] { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.fc-dot.seg-cold[b-g8kqbqnw8v] { background: rgba(223, 41, 23, .55); }
.fc-dot.seg-warn[b-g8kqbqnw8v] { background: rgba(255, 195, 10, .5); }
.fc-dot.seg-ok[b-g8kqbqnw8v] { background: rgba(51, 135, 50, .28); }

/* ---- Location -------------------------------------------------------- */
.fc-location-name[b-g8kqbqnw8v] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #1E293B;
}
.fc-hint[b-g8kqbqnw8v] {
    margin: 4px 0 0;
    font-size: 12px;
    color: #94A3B8;
}

/* ---- Conditions ------------------------------------------------------ */
.fc-conditions[b-g8kqbqnw8v] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.fc-cell[b-g8kqbqnw8v] {
    background: #F8FAFC;
    border: 1px solid #EEF2F6;
    border-radius: 10px;
    padding: 10px 12px;
}
.fc-cell-label[b-g8kqbqnw8v] {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #94A3B8;
    margin-bottom: 4px;
}
.fc-cell-value[b-g8kqbqnw8v] {
    font-size: 18px;
    font-weight: 700;
    color: #1E293B;
}
.fc-cell-value.danger[b-g8kqbqnw8v] { color: #DF2917; }

.fc-badge[b-g8kqbqnw8v] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #B47500;
    background: #FFF7E6;
    border: 1px solid #FFE3A3;
    border-radius: 6px;
    padding: 2px 8px;
}

/* ---- Crossing -------------------------------------------------------- */
.fc-crossing[b-g8kqbqnw8v] {
    background: #FEF2F2;
    border: 1px solid #FECACA;
    border-radius: 10px;
    padding: 12px;
}
.fc-crossing-main[b-g8kqbqnw8v] {
    font-size: 13px;
    font-weight: 700;
    color: #DF2917;
}
.fc-crossing-sub[b-g8kqbqnw8v] {
    font-size: 12px;
    color: #64748B;
    margin-top: 3px;
}

/* ---- Routes ---------------------------------------------------------- */
.fc-routes[b-g8kqbqnw8v] { display: flex; flex-direction: column; gap: 8px; }
.fc-route[b-g8kqbqnw8v] { display: flex; align-items: center; gap: 8px; }
.fc-route-dot[b-g8kqbqnw8v] { width: 12px; height: 12px; border-radius: 3px; flex-shrink: 0; }
.fc-route-name[b-g8kqbqnw8v] { font-size: 13px; color: #475569; }

/* ---- Trackers -------------------------------------------------------- */
.fc-tracker-form[b-g8kqbqnw8v] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
}
.fc-tracker-row[b-g8kqbqnw8v] {
    display: flex;
    gap: 6px;
}
.fc-input[b-g8kqbqnw8v] {
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    padding: 7px 8px;
    font-size: 13px;
    color: #1E293B;
    background: #fff;
    flex: 1 1 auto;
    min-width: 0;
}
.fc-input-op[b-g8kqbqnw8v] { flex: 0 0 78px; }
.fc-input-val[b-g8kqbqnw8v] { flex: 0 0 76px; }

.fc-trackers[b-g8kqbqnw8v] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.fc-tracker[b-g8kqbqnw8v] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    background: #F8FAFC;
    border: 1px solid #EEF2F6;
    border-radius: 10px;
    padding: 10px 12px;
}
.fc-tracker-main[b-g8kqbqnw8v] { min-width: 0; }
.fc-tracker-cond[b-g8kqbqnw8v] {
    font-size: 13px;
    font-weight: 700;
    color: #1E293B;
}
.fc-tracker-loc[b-g8kqbqnw8v] {
    font-size: 12px;
    color: #94A3B8;
    margin-top: 1px;
}
.fc-tracker-status[b-g8kqbqnw8v] {
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
    padding: 2px 8px;
    border-radius: 6px;
    display: inline-block;
}
.fc-tracker-status.alert[b-g8kqbqnw8v] {
    color: #DF2917;
    background: #FEF2F2;
    border: 1px solid #FECACA;
}
.fc-tracker-status.ok[b-g8kqbqnw8v] {
    color: #338732;
    background: #F0FAF0;
    border: 1px solid #CDECCD;
}
.fc-tracker-del[b-g8kqbqnw8v] {
    border: none;
    background: transparent;
    color: #94A3B8;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    padding: 0 2px;
    flex-shrink: 0;
}
.fc-tracker-del:hover[b-g8kqbqnw8v] { color: #DF2917; }

/* ---- Footer ---------------------------------------------------------- */
.fc-footer[b-g8kqbqnw8v] {
    text-align: center;
    font-size: 12px;
    color: #94A3B8;
    padding: 4px 0 8px;
}

/* ---- Responsive ------------------------------------------------------ */
@media (max-width: 1100px) {
    .main-content[b-g8kqbqnw8v] {
        height: auto;
        min-height: 100vh;
        overflow: visible;
    }
    .fc-layout[b-g8kqbqnw8v] {
        flex-direction: column;
        flex: 0 0 auto;
    }
    .fc-panel[b-g8kqbqnw8v] {
        width: 100%;
        max-width: none;
    }
    .fc-map-wrap[b-g8kqbqnw8v] {
        min-height: 420px;
    }
    .fc-map[b-g8kqbqnw8v] {
        min-height: 420px;
    }
}
/* /Pages/Index.razor.rz.scp.css */
:root[b-lnm2c3xtlv] {
  --primary: #5865f2; /* The Blur-ish Blue from your button */
  --bg-light: #f8fafc;
  --text-dark: #1e293b;
  --glass: rgba(255, 255, 255, 0.8);
}

body[b-lnm2c3xtlv] {
  background-color: var(--bg-light);
  color: var(--text-dark);
  font-family:
    "Inter",
    system-ui,
    -apple-system,
    sans-serif;
}

.hero-gradient[b-lnm2c3xtlv] {
  background:
    radial-gradient(circle at top right, rgba(88, 101, 242, 0.05), transparent),
    radial-gradient(
      circle at bottom left,
      rgba(88, 101, 242, 0.02),
      transparent
    );
}

.btn-primary-custom[b-lnm2c3xtlv] {
  background: var(--primary);
  border: none;
  border-radius: 50px; /* Pill shape */
  padding: 12px 28px;
  font-weight: 600;
  transition: transform 0.2s;
}

.btn-primary-custom:hover[b-lnm2c3xtlv] {
  transform: translateY(-2px);
  box-shadow: 0 10px 20px rgba(88, 101, 242, 0.2);
}

.feature-card[b-lnm2c3xtlv] {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 24px;
  transition: all 0.3s ease;
}

.feature-card:hover[b-lnm2c3xtlv] {
  border-color: var(--primary);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04);
}
/* /Pages/Locations/Components/AddLocationsToLocationGroupPopup.razor.rz.scp.css */
/* ── Modal shell ─────────────────────────────────────────────────────────── */
.lgp-modal-content[b-a3vqgjr78g] {
  border-radius: 16px;
  overflow: hidden;
  border: none;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.lgp-modal-header[b-a3vqgjr78g] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 16px;
  background: #fff;
  border-bottom: 1px solid #f1f5f9;
}

.lgp-modal-title[b-a3vqgjr78g] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
}

.lgp-close-btn[b-a3vqgjr78g] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #fff;
  cursor: pointer;
  transition: background 0.15s;
  flex-shrink: 0;
}

.lgp-close-btn:hover[b-a3vqgjr78g] {
  background: #f1f5f9;
}

/* ── Body ────────────────────────────────────────────────────────────────── */
.lgp-body[b-a3vqgjr78g] {
  background: #f1f5f9;
  padding: 0 !important;
  margin: 0 -1.5rem 0;
}

.lgp-loading-state[b-a3vqgjr78g] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 220px;
}

/* ── Group name section (white band, full width) ─────────────────────────── */
.lgp-name-section[b-a3vqgjr78g] {
  background: #fff;
  padding: 16px 20px 20px;
  border-bottom: 1px solid #f1f5f9;
  margin: 0 -1.5rem;
}

.lgp-field-label[b-a3vqgjr78g] {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  margin-bottom: 6px;
}

.lgp-name-input[b-a3vqgjr78g] {
  width: 100%;
  padding: 8px 10px;
  background-color: var(--white);
  border: 1px #1e293b1f solid;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  outline: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
}

.lgp-name-input:focus[b-a3vqgjr78g] {
  box-shadow: 0 0 0 0.2rem #dce0ff;
}

.lgp-name-input[b-a3vqgjr78g]::placeholder {
  color: #cccccc;
}

/* ── Section header (label + count) ─────────────────────────────────────── */
.lgp-section-header[b-a3vqgjr78g] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 10px;
}

.lgp-list-label[b-a3vqgjr78g] {
  font-size: 13px;
  font-weight: 500;
  color: #475559;
}

.lgp-selected-count[b-a3vqgjr78g] {
  font-size: 13px;
  font-weight: 500;
  color: #475559;
}

/* ── Scrollable card list ────────────────────────────────────────────────── */
.lgp-list-scroll[b-a3vqgjr78g] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 260px;
  overflow-y: auto;
  padding: 0 16px 16px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.lgp-list-scroll[b-a3vqgjr78g]::-webkit-scrollbar {
  display: none;
}

.lgp-list-empty[b-a3vqgjr78g] {
  padding: 10px 24px;
  font-size: 15px;
  font-weight: 500;
  color: #64748b;
  text-align: center;
  height: 100px;
  align-content: center;
  vertical-align: middle;
}

/* ── Location card ───────────────────────────────────────────────────────── */
.lgp-list-item[b-a3vqgjr78g] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 3px solid #1e293b17;
  border-radius: 16px;
  cursor: pointer;
  background: #fff;
  transition:
    border-color 0.12s,
    background 0.12s;
  margin: 0;
}

.lgp-list-item:hover[b-a3vqgjr78g] {
  border-color: #c7d2fe;
}

.lgp-list-item--checked[b-a3vqgjr78g] {
  border-width: 3px;
  border-color: #5263ff66 !important;
}

/* ── Checkbox ────────────────────────────────────────────────────────────── */
.lgp-checkbox[b-a3vqgjr78g] {
  width: 18px !important;
  height: 18px !important;
  border-radius: 6px !important;
  padding: 2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s !important;
  background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%) !important;
  border: 2.5px solid #d9dee3 !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  flex-shrink: 0 !important;
}

.lgp-checkbox.checked[b-a3vqgjr78g] {
  background: linear-gradient(180deg, #5263ff 0%, #5263ff 100%) !important;
  color: white !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  border: none !important;
}

.lgp-checkbox-icon[b-a3vqgjr78g] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ── Location details ────────────────────────────────────────────────────── */
.lgp-loc-detail[b-a3vqgjr78g] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.lgp-loc-top[b-a3vqgjr78g] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  overflow: hidden;
}

.lgp-loc-name[b-a3vqgjr78g] {
  font-size: 14px;
  font-weight: 700;
  color: #1e293b;
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lgp-customer-badge[b-a3vqgjr78g] {
  display: inline-block;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  color: #5263ff;
  background: #eaecff;
  border-radius: 8px;
  white-space: nowrap;
  flex-shrink: 0;
}

.lgp-loc-addr[b-a3vqgjr78g] {
  font-size: 12px;
  color: #64748b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ── Footer ──────────────────────────────────────────────────────────────── */
.lgp-modal-footer[b-a3vqgjr78g] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  background: #fff;
  border-top: 1px solid #f1f5f9;
}

.lgp-btn-cancel[b-a3vqgjr78g] {
  background-color: #f1f5f9cc !important;
  border-color: #1e293b17 !important;
  color: var(--dark-txt) !important;
}

.lgp-btn-action[b-a3vqgjr78g] {
  background-color: var(--purple);
  border-color: #1e293b17;
  color: var(--white);
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
}

.lgp-btn-action:disabled[b-a3vqgjr78g] {
  opacity: 0.6;
  cursor: not-allowed;
}
/* /Pages/Locations/Components/LocationDetailsModal.razor.rz.scp.css */
.z-index-lower[b-2ur6pjxfog] {
  z-index: 1049 !important;
}

.address-nickname-popup .modal-header button.discard-btn[b-2ur6pjxfog] {
  gap: 2px;
  padding: 8px 10px;
  border: 1px solid #1E293B0F;
  /* border: none; */
  border-radius: 10px;
  outline: none;
  height: 40px;
  background: #f1f5f9cc;
  backdrop-filter: blur(24px);
  box-shadow:
  0px 1px 1px -0.5px #1e293b08,
  0px 3px 3px 0px #ffffff1f inset;
}

.address-nickname-popup .modal-header button.discard-btn:hover[b-2ur6pjxfog] {
  opacity: 0.8;
}
.address-nickname-popup .modal-header button.discard-btn img[b-2ur6pjxfog] {
  height: 18px;
}

.address-nickname-popup .modal-header button.discard-btn p[b-2ur6pjxfog] {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
  padding: 0 4px;
}

/* ── 2-column grid (mirrors existing 50% flex layout but as a proper grid) ── */
.address-nickname-popup .modal-body .details-tab .det-edit-2col[b-2ur6pjxfog] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 24px;
}

/* ── Shared field wrapper ── */
.address-nickname-popup .modal-body .details-tab .det-edit-field[b-2ur6pjxfog] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* ── Label ── */
.address-nickname-popup .modal-body .details-tab .det-edit-label[b-2ur6pjxfog] {
  font-size: 13px;
  font-weight: 700;
  color: var(--gray-txt);
  letter-spacing: -0.1px;
  margin: 0;
}

.address-nickname-popup .modal-body .details-tab .det-edit-required[b-2ur6pjxfog] {
  color: var(--orange);
}

/* ── Validation message ── */
.address-nickname-popup .modal-body .details-tab .det-edit-validation[b-2ur6pjxfog] {
  font-size: 12px;
  font-weight: 600;
  color: var(--orange);
  margin-top: -2px;
}

/* ── Text / number input ── */
.address-nickname-popup .modal-body .details-tab .det-edit-input[b-2ur6pjxfog] {
  width: 100%;
  padding: 8px 12px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}

.address-nickname-popup .modal-body .details-tab .det-edit-input:focus[b-2ur6pjxfog] {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px #5263ff22;
}

.address-nickname-popup .modal-body .details-tab .det-edit-input[b-2ur6pjxfog]::placeholder {
  color: #cbd5e1;
  font-weight: 500;
}

/* hide number spinners */
.address-nickname-popup
  .modal-body
  .details-tab
  .det-edit-input[type="number"][b-2ur6pjxfog]::-webkit-outer-spin-button,
.address-nickname-popup
  .modal-body
  .details-tab
  .det-edit-input[type="number"][b-2ur6pjxfog]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* ── Select ── */
.address-nickname-popup .modal-body .details-tab .det-edit-select[b-2ur6pjxfog] {
  width: 100%;
  padding: 8px 28px 8px 12px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("../img/icons/gray-arrow.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  cursor: pointer;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}

.address-nickname-popup .modal-body .details-tab .det-edit-select:focus[b-2ur6pjxfog] {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px #5263ff22;
}

/* ── Textarea ── */
.address-nickname-popup .modal-body .details-tab .det-edit-textarea[b-2ur6pjxfog] {
  width: 100%;
  padding: 8px 12px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  resize: vertical;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}

.address-nickname-popup .modal-body .details-tab .det-edit-textarea:focus[b-2ur6pjxfog] {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px #5263ff22;
}

/* ── Section divider ── */
.address-nickname-popup .modal-body .details-tab .det-edit-divider[b-2ur6pjxfog] {
  border: 1px solid #1e293b17;
  margin: 20px 0;
}

/* ── Contractor row ── */
.address-nickname-popup .modal-body .details-tab .det-edit-contractor-row[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.address-nickname-popup .modal-body .details-tab .det-edit-contractor-name[b-2ur6pjxfog] {
  font-size: 13px;
  font-weight: 700;
  color: var(--dark-txt);
}

.address-nickname-popup .modal-body .details-tab .det-edit-badge[b-2ur6pjxfog] {
  padding: 2px 8px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
}

.address-nickname-popup .modal-body .details-tab .det-edit-badge-blue[b-2ur6pjxfog] {
  background-color: #eaecff;
  color: var(--purple-2);
}

.address-nickname-popup
  .modal-body
  .details-tab
  .det-edit-contractor-change-btn[b-2ur6pjxfog] {
  margin-left: auto;
  background: transparent;
  border: 1px solid #1e293b1f;
  border-radius: 8px;
  padding: 4px 12px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: var(--gray-txt);
  cursor: pointer;
  transition: background-color 0.15s;
}

.address-nickname-popup
  .modal-body
  .details-tab
  .det-edit-contractor-change-btn:hover[b-2ur6pjxfog] {
  background-color: #f1f5f9;
}

/* Assign contractor button (when no contractor set) */
.address-nickname-popup .modal-body .details-tab .det-edit-assign-btn[b-2ur6pjxfog] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: 1px dashed #5263ff66;
  border-radius: 10px;
  padding: 8px 14px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--purple);
  cursor: pointer;
  transition: background-color 0.15s;
}

.address-nickname-popup .modal-body .details-tab .det-edit-assign-btn:hover[b-2ur6pjxfog] {
  background-color: var(--l-purple);
}

/* ── Link-style button (e.g. Create new customer) ── */
.address-nickname-popup .modal-body .details-tab .det-edit-link-btn[b-2ur6pjxfog] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: none;
  padding: 0;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: var(--purple);
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.15s;
  width: fit-content;
}

.address-nickname-popup .modal-body .details-tab .det-edit-link-btn:hover[b-2ur6pjxfog] {
  opacity: 0.75;
}

/* ── Activation toggle row ── */
.address-nickname-popup .modal-body .details-tab .det-edit-activation-row[b-2ur6pjxfog] {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  flex-wrap: wrap;
}

.address-nickname-popup .modal-body .details-tab .det-edit-toggle-row[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 2px;
}

.address-nickname-popup .modal-body .details-tab .det-edit-toggle-switch[b-2ur6pjxfog] {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
  flex-shrink: 0;
  margin: 0;
  cursor: pointer;
}

.address-nickname-popup .modal-body .details-tab .det-edit-toggle-switch input[b-2ur6pjxfog] {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.address-nickname-popup .modal-body .details-tab .det-edit-toggle-slider[b-2ur6pjxfog] {
  position: absolute;
  inset: 0;
  background-color: #cbd5e1;
  border-radius: 22px;
  transition: background-color 0.2s;
}

.address-nickname-popup
  .modal-body
  .details-tab
  .det-edit-toggle-slider[b-2ur6pjxfog]::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  left: 3px;
  top: 3px;
  background-color: var(--white);
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
  transition: transform 0.2s;
}

.address-nickname-popup
  .modal-body
  .details-tab
  .det-edit-toggle-switch
  input:checked
  + .det-edit-toggle-slider[b-2ur6pjxfog] {
  background-color: var(--green-2);
}

.address-nickname-popup
  .modal-body
  .details-tab
  .det-edit-toggle-switch
  input:checked
  + .det-edit-toggle-slider[b-2ur6pjxfog]::before {
  transform: translateX(18px);
}

.address-nickname-popup .modal-body .details-tab .det-edit-toggle-label[b-2ur6pjxfog] {
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
}

/* Make inactive button */
.address-nickname-popup .modal-body .details-tab .det-edit-make-inactive-btn[b-2ur6pjxfog] {
  padding: 8px 16px;
  background-color: var(--l-orange);
  border: 1px solid #ed403033;
  border-radius: 10px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--orange);
  cursor: pointer;
  transition: background-color 0.15s;
  white-space: nowrap;
  flex-shrink: 0;
}

.address-nickname-popup
  .modal-body
  .details-tab
  .det-edit-make-inactive-btn:hover[b-2ur6pjxfog] {
  background-color: #ed403044;
}

/* ── Date picker wrap ── */
.address-nickname-popup .modal-body .details-tab .det-datepicker-wrap[b-2ur6pjxfog],
.det-datepicker-wrap[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  padding: 0 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}

.address-nickname-popup
  .modal-body
  .details-tab
  .det-datepicker-wrap:focus-within[b-2ur6pjxfog],
.det-datepicker-wrap:focus-within[b-2ur6pjxfog] {
  box-shadow: 0 0 0 3px #5263ff22;
}

.address-nickname-popup .modal-body .details-tab .det-datepicker-icon[b-2ur6pjxfog] {
  flex-shrink: 0;
}

.address-nickname-popup .modal-body .details-tab .det-datepicker-input[b-2ur6pjxfog],
.det-datepicker-input[b-2ur6pjxfog] {
  border: none !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  background: transparent;
}

/* ════════════════════════════════════════════
   SUB-MODALS (Make inactive + Agreement)
   These float over the main modal
════════════════════════════════════════════ */

.det-submodal-backdrop[b-2ur6pjxfog] {
  position: absolute;
  inset: 0;
  background-color: rgba(15, 23, 42, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1100;
  border-radius: inherit;
}

.det-submodal[b-2ur6pjxfog] {
  background-color: var(--white);
  border-radius: 20px;
  width: 100%;
  max-width: 520px;
  overflow: hidden;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.16);
  animation: submodalIn-b-2ur6pjxfog 0.22s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes submodalIn-b-2ur6pjxfog {
  from {
    transform: scale(0.94) translateY(12px);
    opacity: 0;
  }
  to {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}

/* ── Sub-modal header ── */
.det-submodal-header[b-2ur6pjxfog] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px 24px 16px;
  gap: 12px;
}

.det-submodal-title[b-2ur6pjxfog] {
  font-size: 18px;
  font-weight: 800;
  color: var(--dark-txt);
  letter-spacing: -0.3px;
  margin: 0 0 6px;
  line-height: 1.3;
}

.det-submodal-subtitle[b-2ur6pjxfog] {
  font-size: 13px;
  font-weight: 500;
  color: var(--gray-txt-2);
  line-height: 1.5;
  margin: 0 0 6px;
}

.det-submodal-warning[b-2ur6pjxfog] {
  font-size: 13px;
  font-weight: 700;
  color: var(--yellow);
  line-height: 1.5;
  margin: 0;
}

.det-submodal-close[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  background-color: #f1f5f9;
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.15s;
}

.det-submodal-close:hover[b-2ur6pjxfog] {
  background-color: #e2e8f0;
}

.det-submodal-close img[b-2ur6pjxfog] {
  height: 14px;
}

/* ── Sub-modal body ── */
.det-submodal-body[b-2ur6pjxfog] {
  /* padding: 0 24px 8px; */
  background-color: #f1f5f9cc;
}

/* reuse det-edit-field / det-edit-label / det-edit-input / det-edit-textarea inside sub-modal body */
.det-submodal-body .det-edit-field[b-2ur6pjxfog] {
  padding-top: 16px;
  padding-bottom: 4px;
}

/* ── Sub-modal divider (agreement modal) ── */
.det-submodal-divider[b-2ur6pjxfog] {
  border: 1px solid #1e293b17;
  margin: 0;
}

/* ── Sub-modal footer ── */
.det-submodal-footer[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
}

.det-submodal-footer-agreement[b-2ur6pjxfog] {
  background-color: var(--white);
}

/* Cancel / secondary button */
.det-submodal-cancel-btn[b-2ur6pjxfog] {
  flex: 1;
  padding: 12px;
  background-color: #f1f5f9cc;
  border: 1px solid #1e293b17;
  border-radius: 14px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--dark-txt);
  cursor: pointer;
  transition: background-color 0.15s;
}

.det-submodal-cancel-btn:hover[b-2ur6pjxfog] {
  background-color: #e2e8f0;
}

/* Assign now button (agreement modal — ghost purple) */
.det-submodal-assign-btn[b-2ur6pjxfog] {
  flex: 1;
  padding: 12px;
  background-color: var(--l-purple);
  border: 1px solid #5263ff22;
  border-radius: 14px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--purple-2);
  cursor: pointer;
  transition: background-color 0.15s;
}

.det-submodal-assign-btn:hover[b-2ur6pjxfog] {
  background-color: #dce0ff;
}

/* Confirm / Invite button (solid purple) */
.det-submodal-confirm-btn[b-2ur6pjxfog] {
  flex: 1;
  padding: 12px;
  background:
    linear-gradient(var(--purple), var(--purple)) padding-box,
    linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
  border: 1px solid transparent;
  border-radius: 14px;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--white);
  cursor: pointer;
  transition: opacity 0.15s;
}

.det-submodal-confirm-btn:hover[b-2ur6pjxfog] {
  opacity: 0.88;
}

/* ── Shared section wrapper ── */
.address-nickname-popup .modal-body .prices-tab .prices-section[b-2ur6pjxfog] {
  margin-top: 24px;
}

.address-nickname-popup .modal-body .prices-tab .prices-section:first-child[b-2ur6pjxfog] {
  margin-top: 0;
}

/* ── Section header row ── */
.address-nickname-popup .modal-body .prices-tab .prices-section-header[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.address-nickname-popup .modal-body .prices-tab .prices-section-title[b-2ur6pjxfog] {
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: var(--dark-txt);
  margin: 0;
}

.address-nickname-popup .modal-body .prices-tab .prices-section-subtitle[b-2ur6pjxfog] {
  font-size: 13px;
  font-weight: 700;
  color: #475569;
}

/* ── Info icon circle ── */
.address-nickname-popup .modal-body .prices-tab .prices-info-icon[b-2ur6pjxfog] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1.5px solid #94a3b8;
  color: #94a3b8;
  font-size: 9px;
  font-weight: 700;
  font-style: normal;
  cursor: pointer;
  flex-shrink: 0;
  transition:
    border-color 0.15s,
    color 0.15s;
}

.address-nickname-popup .modal-body .prices-tab .prices-info-icon:hover[b-2ur6pjxfog] {
  border-color: var(--gray-txt);
  color: var(--gray-txt);
}

.address-nickname-popup .modal-body .prices-tab .prices-info-icon-sm[b-2ur6pjxfog] {
  width: 14px;
  height: 14px;
  font-size: 8px;
}

/* ── View-mode table wrapper ── */
.address-nickname-popup .modal-body .prices-tab .prices-table-wrap[b-2ur6pjxfog] {
  border: 1px solid #1E293B0F;
  border-radius: 16px;
  overflow: hidden;
}

/* ── View-mode table ── */
.address-nickname-popup .modal-body .prices-tab .prices-table[b-2ur6pjxfog] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.address-nickname-popup .modal-body .prices-tab .prices-table thead tr[b-2ur6pjxfog] {
  background-color: #F1F5F9;
  /* border-bottom: 1px solid #1e293b1a; */
  border-bottom: none;
}

.address-nickname-popup .modal-body .prices-tab .prices-table th[b-2ur6pjxfog] {
  padding: 11px 14px;
  text-align: left;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: -0.1px;
  color: var(--gray-txt);
  white-space: nowrap;
  /* border-right: 1px solid #1e293b0f; */
  border-right: none;
}

.address-nickname-popup .modal-body .prices-tab .prices-table tbody tr.alt-row[b-2ur6pjxfog] {
  background-color: #F8FAFC;
}

.address-nickname-popup .modal-body .prices-tab .prices-table th:last-child[b-2ur6pjxfog] {
  border-right: none;
}

.address-nickname-popup .modal-body .prices-tab .prices-table .th-with-info[b-2ur6pjxfog] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.address-nickname-popup .modal-body .prices-tab .prices-table td[b-2ur6pjxfog] {
  padding: 11px 14px;
  color: var(--dark-txt);
  font-size: 13px;
  font-weight: 500;
  /* border-bottom: 1px solid #1e293b0f;
  border-right: 1px solid #1e293b0f; */
  border-bottom: none;
  border-right: none;
  vertical-align: middle;
}

.address-nickname-popup .modal-body .prices-tab .prices-table td:last-child[b-2ur6pjxfog] {
  border-right: none;
}

.address-nickname-popup
  .modal-body
  .prices-tab
  .prices-table
  tbody
  tr:last-child
  td[b-2ur6pjxfog] {
  border-bottom: none;
}

.address-nickname-popup .modal-body .prices-tab .prices-table tbody tr[b-2ur6pjxfog] {
  transition: background-color 0.12s;
}

.address-nickname-popup .modal-body .prices-tab .prices-table tbody tr:hover[b-2ur6pjxfog] {
  background-color: #f8faff;
}

/* Price value in green */
.address-nickname-popup .modal-body .prices-tab .price-value[b-2ur6pjxfog] {
  color: var(--green-2);
  font-weight: 700;
}

/* Rule name link */
.address-nickname-popup .modal-body .prices-tab .prices-rule-link[b-2ur6pjxfog] {
  color: var(--purple-2);
  font-weight: 600;
  cursor: pointer;
}

.address-nickname-popup .modal-body .prices-tab .prices-rule-link:hover[b-2ur6pjxfog] {
  text-decoration: underline;
}

/* Days cell multi-line */
.address-nickname-popup .modal-body .prices-tab .prices-day-line[b-2ur6pjxfog] {
  display: block;
  line-height: 1.5;
  font-weight: 500;
  color: var(--dark-txt);
}

.address-nickname-popup .modal-body .prices-tab .prices-day-sub[b-2ur6pjxfog] {
  display: block;
  font-size: 12px;
  font-weight: 500;
  color: var(--gray-txt-2);
  margin-top: 1px;
}

/* Empty state row */
.address-nickname-popup .modal-body .prices-tab .prices-empty-row[b-2ur6pjxfog] {
  text-align: center;
  color: var(--gray-txt-2);
  font-size: 13px;
  font-weight: 500;
  padding: 20px 14px !important;
}

/* ── Edit mode: outer card ── */
.address-nickname-popup .modal-body .prices-tab .prices-edit-card[b-2ur6pjxfog] {
  background-color: #ffffff;
  border: 1px solid #1e293b17;
  border-radius: 24px;
  overflow: hidden;
  box-shadow:
    0px 20px 20px -12px #1e293b08,
    0px 3px 3px -1.5px #1e293b08,
    0px 1px 1px -0.5px #1e293b08;
}

.address-nickname-popup .modal-body .prices-tab .prices-edit-card-inner[b-2ur6pjxfog] {
  padding: 16px;
}

.address-nickname-popup .modal-body .prices-tab .prices-edit-label[b-2ur6pjxfog] {
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: var(--gray-txt);
  margin-bottom: 6px;
  letter-spacing: -0.1px;
}

/* ── Select wrapper (custom arrow) ── */
.address-nickname-popup .modal-body .prices-tab .prices-select-wrap[b-2ur6pjxfog] {
  position: relative;
}

.address-nickname-popup .modal-body .prices-tab .prices-select[b-2ur6pjxfog] {
  width: 100%;
  padding: 7px 28px 7px 10px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("../img/icons/gray-arrow.png");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 16px;
  cursor: pointer;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}

.address-nickname-popup .modal-body .prices-tab .prices-select:focus[b-2ur6pjxfog] {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px #5263ff22;
}

/* ── Edit grid: column layout ── */
.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-header[b-2ur6pjxfog],
.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-row[b-2ur6pjxfog] {
  display: grid;
  grid-template-columns: 1fr 88px 88px 88px 88px 36px;
  gap: 8px;
  padding: 10px 16px;
  align-items: center;
}

.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-header[b-2ur6pjxfog] {
  background-color: #f1f5f9;
  /* border-top: 1px solid #1e293b1a; */
  border-top: none;
  border-bottom: 1px solid #1e293b1a;
  border-bottom: none;
}

.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-header span[b-2ur6pjxfog] {
  font-size: 12px;
  font-weight: 700;
  color: var(--gray-txt);
  display: flex;
  align-items: center;
  gap: 4px;
  letter-spacing: -0.1px;
}

.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-row[b-2ur6pjxfog] {
  background-color: var(--white);
  /* border-bottom: 1px solid #1e293b0a; */
  border-bottom: none;
}
.address-nickname-popup .modal-body .prices-tab .prices-edit-grid-row.alt-row[b-2ur6pjxfog] {
  background-color: #f8fafc;
}
/* Seasonal pricing columns */
.address-nickname-popup .modal-body .prices-tab .prices-seasonal-cols[b-2ur6pjxfog] {
  grid-template-columns: 202px 202px 202px;
}
/* Extra fees columns */
.address-nickname-popup .modal-body .prices-tab .prices-fees-cols[b-2ur6pjxfog] {
  grid-template-columns: 209px 176px 176px 36px;
}

/* ── Divider before fees sub-section ── */
.address-nickname-popup .modal-body .prices-tab .prices-edit-fees-divider[b-2ur6pjxfog] {
  /* border-top: 2px solid #1e293b1a; */
  border-top: none;
}

/* ── Text / number input inside edit grid ── */
.address-nickname-popup .modal-body .prices-tab .prices-input[b-2ur6pjxfog] {
  width: 100%;
  height: 40px;
  margin-bottom: auto;
  padding: 6px 8px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}

.address-nickname-popup .modal-body .prices-tab .prices-input:focus[b-2ur6pjxfog] {
  box-shadow: 0 0 0 0.2rem #dce0ff;
}

.address-nickname-popup .modal-body .prices-tab .prices-input[b-2ur6pjxfog]::placeholder {
  color: #cccccc;
}

/* Hide number spinners */
.address-nickname-popup
  .modal-body
  .prices-tab
  .prices-input[type="number"][b-2ur6pjxfog]::-webkit-outer-spin-button,
.address-nickname-popup
  .modal-body
  .prices-tab
  .prices-input[type="number"][b-2ur6pjxfog]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* ── Delete row button ── */
.address-nickname-popup .modal-body .prices-tab .prices-row-delete[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: transparent;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.12s;
  padding: 0;
}

.address-nickname-popup .modal-body .prices-tab .prices-row-delete img[b-2ur6pjxfog] {
  height: 18px;
  margin-left: 1px;
}

.address-nickname-popup .modal-body .prices-tab .prices-row-delete:hover[b-2ur6pjxfog] {
  background-color: #fef2f2;
}

/* ── Add row button ── */
.address-nickname-popup .modal-body .prices-tab .prices-add-row-btn[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6.5px 16px;
  font-size: 13px;
  font-weight: 700;
  color: var(--purple);
  background-color: #eaecff;
  cursor: pointer;
  user-select: none;
  transition: background-color 0.15s;
  /* border-top: 1px solid #5263ff22; */
  border-top: none;
}

.address-nickname-popup .modal-body .prices-tab .prices-add-row-btn:hover[b-2ur6pjxfog] {
  background-color: #dce0ff;
}

/* ── New rule button ── */
.address-nickname-popup .modal-body .prices-tab .prices-new-rule-btn[b-2ur6pjxfog] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background:
    linear-gradient(var(--purple), var(--purple)) padding-box,
    linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--white);
  cursor: pointer;
  transition: opacity 0.15s;
}

.address-nickname-popup .modal-body .prices-tab .prices-new-rule-btn:hover[b-2ur6pjxfog] {
  opacity: 0.88;
}

/* ── Actions column (edit rules) ── */
.address-nickname-popup .modal-body .prices-tab .prices-action-icons[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.address-nickname-popup .modal-body .prices-tab .prices-action-btn[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.12s;
  padding: 0;
}

.address-nickname-popup .modal-body .prices-tab .prices-action-btn img[b-2ur6pjxfog] {
  height: 15px;
}

.address-nickname-popup .modal-body .prices-tab .prices-action-edit:hover[b-2ur6pjxfog] {
  background-color: #eaecff;
}

.address-nickname-popup .modal-body .prices-tab .prices-action-delete:hover[b-2ur6pjxfog] {
  background-color: #fef2f2;
}

/* ── Section wrapper ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-section[b-2ur6pjxfog] {
  margin-top: 28px;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-section:first-child[b-2ur6pjxfog] {
  margin-top: 0;
}

/* ── Section header ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-section-header[b-2ur6pjxfog] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 16px;
  gap: 12px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-section-title[b-2ur6pjxfog] {
  font-size: 18px;
  font-weight: 800;
  line-height: 26px;
  letter-spacing: -0.3px;
  color: var(--dark-txt);
  margin: 0 0 4px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-section-desc[b-2ur6pjxfog] {
  font-size: 13px;
  font-weight: 500;
  color: var(--gray-txt-2);
  line-height: 1.5;
  margin: 0;
}

/* ── Empty state ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-empty[b-2ur6pjxfog] {
  font-size: 13px;
  font-weight: 500;
  color: var(--gray-txt-2);
  padding: 8px 0;
}

/* ── VIEW: contact cards grid ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-cards-grid[b-2ur6pjxfog] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

/* ── VIEW: single contact card ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-card[b-2ur6pjxfog] {
  background-color: #F1F5F9;
  border: none;
  border-radius: 16px;
  padding: 8px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-card-name[b-2ur6pjxfog] {
  font-size: 14px;
  font-weight: 700;
  color: var(--dark-txt);
  letter-spacing: -0.2px;
  margin-bottom: 6px;
  margin-left: 5px;
}

/* inner mini table */
.address-nickname-popup .modal-body .contacts-tab .contacts-card-table[b-2ur6pjxfog] {
  background-color: #FFFFFF;
  border: 1px solid #1E293B0F;
  border-radius: 12px;
  overflow: hidden;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-card-row[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  padding: 9px 14px;
  border-bottom: 1px solid #1e293b0f;
  gap: 12px;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-card-row:last-child[b-2ur6pjxfog] {
  border-bottom: none;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-card-label[b-2ur6pjxfog] {
  font-size: 13px;
  font-weight: 600;
  color: var(--gray-txt-2);
  min-width: 52px;
  flex-shrink: 0;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-card-value[b-2ur6pjxfog] {
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  word-break: break-all;
}

/* ── VIEW: notification email chips ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-email-chips[b-2ur6pjxfog] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-email-chip[b-2ur6pjxfog] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 5px 7px;
  background-color: #5263FF1F;
  /* border: 1px solid #5263FF33; */
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #363AF5;
  line-height: 1;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-email-chip svg[b-2ur6pjxfog] {
  flex-shrink: 0;
  color: #363AF5;
}

/* ── EDIT: new contact button ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-new-btn[b-2ur6pjxfog] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background:
    linear-gradient(var(--purple), var(--purple)) padding-box,
    linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--white);
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.15s;
  flex-shrink: 0;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-new-btn:hover[b-2ur6pjxfog] {
  opacity: 0.88;
}

/* ── EDIT: contact card (edit state) ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-edit-card[b-2ur6pjxfog] {
  background-color: var(--white);
  border: 1px solid #1e293b1a;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  box-shadow:
    0px 20px 20px -12px #1e293b08,
    0px 3px 3px -1.5px #1e293b08,
    0px 1px 1px -0.5px #1e293b08;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-edit-card-error[b-2ur6pjxfog] {
  border-color: #ed403066;
  background-color: #fff5f5;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-edit-card-top[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0;
}

/* ── EDIT: shared label ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-edit-label[b-2ur6pjxfog] {
  font-size: 13px;
  font-weight: 700;
  color: var(--gray-txt);
  letter-spacing: -0.1px;
  margin-bottom: 0;
}

/* ── EDIT: shared input ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-edit-input[b-2ur6pjxfog] {
  width: 100%;
  height: 40px;
  margin-bottom: auto;
  padding: 6px 8px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-edit-input:focus[b-2ur6pjxfog] {
  box-shadow: 0 0 0 0.2rem #dce0ff;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-edit-input[b-2ur6pjxfog]::placeholder {
  color: #cccccc;
}

/* invalid state (red border) */
.address-nickname-popup .modal-body .contacts-tab .contacts-input-invalid[b-2ur6pjxfog] {
  border-color: #ed4030 !important;
  box-shadow: 0 0 0 3px #ed403022 !important;
}

/* ── EDIT: delete button (card top-right) ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-card-delete[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: transparent;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  padding: 0;
  transition: background-color 0.12s;
  flex-shrink: 0;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-card-delete img[b-2ur6pjxfog] {
  height: 16px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-card-delete:hover[b-2ur6pjxfog] {
  background-color: #fef2f2;
}

/* ── EDIT: toggle switch ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-toggle-row[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-toggle-switch[b-2ur6pjxfog] {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 28px;
  background: linear-gradient(
    180deg,
    rgba(226, 232, 240, 1) 0%,
    rgba(248, 250, 252, 1) 100%
  );
  border-radius: 50px;
  padding: 3px;
  flex-shrink: 0;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-toggle-switch
  input[b-2ur6pjxfog] {
  opacity: 0;
  width: 0;
  height: 0;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-toggle-slider[b-2ur6pjxfog] {
  position: absolute;
  cursor: pointer;
  border-radius: 30px;
  background-color: #d3dde8;
  transition: 0.3s;
  height: 22px;
  width: 40px;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-toggle-slider[b-2ur6pjxfog]::before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 2px;
  top: 2px;
  border-radius: 1000px;
  background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
  border: 3.5px solid #f9fbfc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  transition: 0.3s;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-toggle-switch
  input:checked
  + .contacts-toggle-slider[b-2ur6pjxfog] {
  background: linear-gradient(135deg, #5b67f6, #4c57e0);
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-toggle-switch
  input:checked
  + .contacts-toggle-slider[b-2ur6pjxfog]::before {
  transform: translateX(18px);
  background: #fff;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-toggle-switch
  input:checked
  + .contacts-toggle-slider[b-2ur6pjxfog]::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 7.5px;
  width: 11px;
  height: 11px;
  background-image: url("../img/icons/toggle-check-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-toggle-label[b-2ur6pjxfog] {
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
}

/* ── EDIT: notification email input row ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-email-input-row[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  gap: 0;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  margin-top: 6px;
  padding: 2px 4px;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-email-add-input[b-2ur6pjxfog] {
  flex: 1;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-email-input-row:focus-within[b-2ur6pjxfog] {
  box-shadow: 0 0 0 0.2rem #dce0ff;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-add-email-btn[b-2ur6pjxfog] {
  padding: 8px 16px;
  border-radius: 10px;
  background-color: #5263FF1F;
  border: none;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #363AF5;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.15s;
  flex-shrink: 0;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-add-email-btn:hover[b-2ur6pjxfog] {
  opacity: 0.88;
}

/* ── EDIT: added emails card ── */
.address-nickname-popup .modal-body .contacts-tab .contacts-added-emails-card[b-2ur6pjxfog] {
  background-color: var(--white);
  border: 1px solid #1e293b1a;
  border-radius: 16px;
  overflow: hidden;
  margin-top: 12px;
  box-shadow:
    0px 20px 20px -12px #1e293b08,
    0px 3px 3px -1.5px #1e293b08,
    0px 1px 1px -0.5px #1e293b08;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-added-emails-header[b-2ur6pjxfog] {
  padding: 10px 16px;
  font-size: 12px;
  font-weight: 700;
  color: var(--gray-txt);
  letter-spacing: -0.1px;
  background-color: #f8fafc;
  border-bottom: 1px solid #1e293b1a;
}

.address-nickname-popup .modal-body .contacts-tab .contacts-added-email-row[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  border-bottom: 1px solid #1e293b0f;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  transition: background-color 0.12s;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-added-email-row:last-child[b-2ur6pjxfog] {
  border-bottom: none;
}

.address-nickname-popup
  .modal-body
  .contacts-tab
  .contacts-added-email-row:hover[b-2ur6pjxfog] {
  background-color: #f8fafc;
}

/* ── Section wrapper ── */
.address-nickname-popup .modal-body .details-tab .det-section[b-2ur6pjxfog] {
  margin-top: 24px;
}
.address-nickname-popup .modal-body .details-tab .det-section:first-child[b-2ur6pjxfog] {
  margin-top: 0;
}
.address-nickname-popup .modal-body .details-tab .det-section-title[b-2ur6pjxfog] {
  font-size: 18px;
  font-weight: 800;
  color: var(--dark-txt);
  letter-spacing: -0.3px;
  margin: 0 0 10px;
}

/* ── White card ── */
.address-nickname-popup .modal-body .details-tab .det-card[b-2ur6pjxfog] {
  background-color: var(--white);
  border: 1px solid #1e293b17;
  border-radius: 24px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow:
    0px 20px 20px -12px #1e293b08,
    0px 3px 3px -1.5px #1e293b08,
    0px 1px 1px -0.5px #1e293b08;
}

/* ── Field ── */
.address-nickname-popup .modal-body .details-tab .det-field[b-2ur6pjxfog],
.det-field[b-2ur6pjxfog] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.address-nickname-popup .modal-body .details-tab .det-label[b-2ur6pjxfog],
.det-label[b-2ur6pjxfog] {
  font-size: 13px;
  font-weight: 600;
  color: var(--gray-txt);
  letter-spacing: -0.1px;
  margin: 0;
}
.address-nickname-popup .modal-body .details-tab .det-label-with-info[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  gap: 5px;
}
.address-nickname-popup .modal-body .details-tab .det-required[b-2ur6pjxfog] {
  color: var(--orange);
}
.address-nickname-popup .modal-body .details-tab .det-validation[b-2ur6pjxfog] {
  font-size: 12px;
  font-weight: 600;
  color: var(--orange);
}

/* ── 2-col grid ── */
.address-nickname-popup .modal-body .details-tab .det-2col[b-2ur6pjxfog] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 16px;
}

/* ── Shared input ── */
.hr-lable hr[b-2ur6pjxfog] {
  border: 1px #1e293b17 solid;
  margin: 0;
}

.hr-lable label[b-2ur6pjxfog] {
  white-space: nowrap;
}
.address-nickname-popup .modal-body .details-tab .det-input[b-2ur6pjxfog],
.det-input[b-2ur6pjxfog] {
  width: 100%;
  padding: 8px 12px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}
.address-nickname-popup .modal-body .details-tab .det-input:focus[b-2ur6pjxfog],
.det-input:focus[b-2ur6pjxfog] {
  box-shadow: 0 0 0 0.2rem #dce0ff;
}
.address-nickname-popup .modal-body .details-tab .det-input[b-2ur6pjxfog]::placeholder,
.det-input[b-2ur6pjxfog]::placeholder {
  color: #cccccc;
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-input[type="number"][b-2ur6pjxfog]::-webkit-outer-spin-button,
.address-nickname-popup
  .modal-body
  .details-tab
  .det-input[type="number"][b-2ur6pjxfog]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* ── Textarea ── */
.address-nickname-popup .modal-body .details-tab .det-textarea[b-2ur6pjxfog],
.det-textarea[b-2ur6pjxfog] {
  width: 100%;
  padding: 8px 12px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  resize: vertical;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}
.address-nickname-popup .modal-body .details-tab .det-textarea:focus[b-2ur6pjxfog],
.det-textarea:focus[b-2ur6pjxfog] {
  box-shadow: 0 0 0 0.2rem #dce0ff;
}

/* ── Select ── */
.address-nickname-popup .modal-body .details-tab .det-select[b-2ur6pjxfog] {
  width: 100%;
  padding: 8px 28px 8px 12px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("../img/icons/gray-arrow.png");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 16px;
  cursor: pointer;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}
.address-nickname-popup .modal-body .details-tab .det-select:focus[b-2ur6pjxfog] {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px #5263ff22;
}

/* ── Info icon ── */
.address-nickname-popup .modal-body .details-tab .det-info-icon[b-2ur6pjxfog] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1.5px solid #94a3b8;
  color: #94a3b8;
  font-size: 9px;
  font-weight: 700;
  font-style: normal;
  cursor: pointer;
  transition:
    border-color 0.15s,
    color 0.15s;
}
.address-nickname-popup .modal-body .details-tab .det-info-icon:hover[b-2ur6pjxfog] {
  border-color: var(--gray-txt);
  color: var(--gray-txt);
}

/* ── Customer row ── */
.address-nickname-popup .modal-body .details-tab .det-customer-row[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.address-nickname-popup .modal-body .details-tab .det-icon-dropdown-wrap[b-2ur6pjxfog] {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  padding: 0 12px;
  overflow: hidden;
}
.address-nickname-popup .modal-body .details-tab .det-icon-dropdown-icon[b-2ur6pjxfog] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  margin-right: 8px;
}
.address-nickname-popup .modal-body .details-tab .det-dropdown-full[b-2ur6pjxfog] {
  flex: 1;
  border: none !important;
  box-shadow: none !important;
  background: transparent;
  padding-left: 0;
}
.address-nickname-popup .modal-body .details-tab .det-create-new-btn[b-2ur6pjxfog],
.address-nickname-popup .modal-body .details-tab .det-create-new-btn-hollow[b-2ur6pjxfog] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 8px 14px;
  background:
    linear-gradient(var(--purple), var(--purple)) padding-box,
    linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--white);
  cursor: pointer;
  white-space: nowrap;
  transition: opacity 0.15s;
  flex-shrink: 0;
}
.address-nickname-popup .modal-body .details-tab .det-create-new-btn-hollow[b-2ur6pjxfog] {
  background: #d1d8fa;
  color: #363af5;
}
.address-nickname-popup .modal-body .details-tab .det-create-new-btn:hover[b-2ur6pjxfog],
.address-nickname-popup
  .modal-body
  .details-tab
  .det-create-new-btn-hollow:hover[b-2ur6pjxfog] {
  opacity: 0.88;
}

/* ── Search input ── */
.address-nickname-popup .modal-body .details-tab .det-search-wrap[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  padding: 0 12px;
}
.address-nickname-popup .modal-body .details-tab .det-search-wrap:focus-within[b-2ur6pjxfog] {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px #5263ff22;
}
.address-nickname-popup .modal-body .details-tab .det-search-input[b-2ur6pjxfog] {
  border: none !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  background: transparent;
}
.address-nickname-popup .modal-body .details-tab .det-or-manual[b-2ur6pjxfog] {
  font-size: 12px;
  font-weight: 600;
  color: var(--gray-txt-2);
  text-align: center;
  margin-top: -2px;
}

/* ── Country select with flag ── */
.address-nickname-popup .modal-body .details-tab .det-country-wrap[b-2ur6pjxfog] {
  position: relative;
  display: flex;
  align-items: center;
}
.address-nickname-popup .modal-body .details-tab .det-country-flag[b-2ur6pjxfog] {
  position: absolute;
  left: 10px;
  width: 18px;
  height: 13px;
  object-fit: cover;
  border-radius: 2px;
  pointer-events: none;
  z-index: 1;
}
.address-nickname-popup .modal-body .details-tab .det-select.has-flag[b-2ur6pjxfog] {
  padding-left: 36px;
}

/* ── Tag input (required equipment) ── */
.address-nickname-popup .modal-body .details-tab .det-tag-input-wrap[b-2ur6pjxfog] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  padding: 6px 10px;
  min-height: 42px;
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-tag-input-wrap:focus-within[b-2ur6pjxfog] {
  border-color: var(--purple);
  box-shadow: 0 0 0 3px #5263ff22;
}
.address-nickname-popup .modal-body .details-tab .det-tag[b-2ur6pjxfog] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background-color: #eaecff;
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 700;
  color: var(--purple-2);
}
.address-nickname-popup .modal-body .details-tab .det-tag-remove[b-2ur6pjxfog] {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--purple-2);
  font-size: 14px;
  line-height: 1;
  padding: 0;
  display: flex;
  align-items: center;
  transition: opacity 0.15s;
}
.address-nickname-popup .modal-body .details-tab .det-tag-remove:hover[b-2ur6pjxfog] {
  opacity: 0.7;
}
.address-nickname-popup .modal-body .details-tab .det-tag-dropdown-inner[b-2ur6pjxfog] {
  border: none !important;
  box-shadow: none !important;
  background: transparent;
  min-width: 100px;
  flex: 1;
}

/* ── Toggles row ── */
.address-nickname-popup .modal-body .details-tab .det-toggles-row[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
}
.address-nickname-popup .modal-body .details-tab .det-toggle-item[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  gap: 10px;
}
.address-nickname-popup .modal-body .details-tab .det-toggle-switch[b-2ur6pjxfog] {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 28px;
  background: linear-gradient(
    180deg,
    rgba(226, 232, 240, 1) 0%,
    rgba(248, 250, 252, 1) 100%
  );
  border-radius: 50px;
  padding: 3px;
  flex-shrink: 0;
}
.address-nickname-popup .modal-body .details-tab .det-toggle-switch input[b-2ur6pjxfog] {
  opacity: 0;
  width: 0;
  height: 0;
}
.address-nickname-popup .modal-body .details-tab .det-toggle-slider[b-2ur6pjxfog] {
  position: absolute;
  cursor: pointer;
  border-radius: 30px;
  background-color: #d3dde8;
  transition: 0.3s;
  height: 22px;
  width: 40px;
}
.address-nickname-popup .modal-body .details-tab .det-toggle-slider[b-2ur6pjxfog]:before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 2px;
  top: 2px;
  border-radius: 1000px;
  background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
  border: 3.5px solid #f9fbfc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  transition: 0.3s;
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-toggle-switch
  input:checked
  + .det-toggle-slider[b-2ur6pjxfog] {
  background: linear-gradient(135deg, #5b67f6, #4c57e0);
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-toggle-switch
  input:checked
  + .det-toggle-slider[b-2ur6pjxfog]:before {
  transform: translateX(18px);
  background: #fff;
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-toggle-switch
  input:checked
  + .det-toggle-slider[b-2ur6pjxfog]:after {
  content: "";
  position: absolute;
  right: 5px;
  top: 7.5px;
  width: 11px;
  height: 11px;
  background-image: url("../img/icons/toggle-check-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.address-nickname-popup .modal-body .details-tab .det-toggle-label[b-2ur6pjxfog] {
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
}

/* ── Dashed upload button ── */
.address-nickname-popup .modal-body .details-tab .det-dashed-btn[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 13px;
  background-color: var(--l-purple);
  border: 1.5px dashed #5263ff55;
  border-radius: 10px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--purple);
  cursor: pointer;
  transition: background-color 0.15s;
}
.address-nickname-popup .modal-body .details-tab .det-dashed-btn:hover[b-2ur6pjxfog] {
  background-color: #dce0ff;
}
.address-nickname-popup .modal-body .details-tab .det-dashed-btn-sm[b-2ur6pjxfog] {
  padding: 9px 13px;
  width: auto;
  flex: 1;
}
.address-nickname-popup .modal-body .details-tab .det-upload-hint[b-2ur6pjxfog] {
  font-size: 11.5px;
  font-weight: 500;
  color: var(--gray-txt-2);
  text-align: center;
  margin: -6px 0 0;
}

/* ── Image strip ── */
.address-nickname-popup .modal-body .details-tab .det-img-strip-outer[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
}
.address-nickname-popup .modal-body .details-tab .det-img-strip[b-2ur6pjxfog] {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  flex: 1;
  scroll-behavior: smooth;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-img-strip[b-2ur6pjxfog]::-webkit-scrollbar {
  display: none;
}
.address-nickname-popup .modal-body .details-tab .det-img-thumb[b-2ur6pjxfog] {
  position: relative;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid transparent;
  cursor: pointer;
  transition: border-color 0.15s;
  scroll-snap-align: start;
}
.address-nickname-popup .modal-body .details-tab .det-img-thumb.active[b-2ur6pjxfog] {
  border-color: var(--purple);
}
.address-nickname-popup .modal-body .details-tab .det-img-thumb img[b-2ur6pjxfog] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.address-nickname-popup .modal-body .details-tab .det-img-thumb-delete[b-2ur6pjxfog] {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
  background-color: #df2917;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.12s;
}
.address-nickname-popup .modal-body .details-tab .det-img-thumb-delete:hover[b-2ur6pjxfog] {
  background-color: #f54a3b;
}
.address-nickname-popup .modal-body .details-tab .det-img-thumb-delete img[b-2ur6pjxfog] {
  height: 15px;
  width: 15px;
}
.address-nickname-popup .modal-body .details-tab .det-img-nav[b-2ur6pjxfog] {
  flex-shrink: 0;
  width: 28px;
  height: stretch;
  background-color: #f1f5f9cc;
  border: 1px solid #1e293b17;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 700;
  color: var(--dark-txt);
  cursor: pointer;
  transition: background-color 0.12s;
  line-height: 1;
}
.address-nickname-popup .modal-body .details-tab .det-img-nav:hover[b-2ur6pjxfog] {
  background-color: #e2e8f0;
}

/* ── Drawings toolbar ── */
.address-nickname-popup .modal-body .details-tab .det-drawings-toolbar[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.address-nickname-popup .modal-body .details-tab .det-settings-btn[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  background-color: #f1f5f9;
  border: 1px solid #1e293b1a;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.12s;
  flex-shrink: 0;
}
.address-nickname-popup .modal-body .details-tab .det-settings-btn img[b-2ur6pjxfog] {
  height: 15px;
}
.address-nickname-popup .modal-body .details-tab .det-settings-btn:hover[b-2ur6pjxfog] {
  background-color: #e2e8f0;
}

/* ── Drawings table ── */
.address-nickname-popup .modal-body .details-tab .det-drawings-table-wrap[b-2ur6pjxfog] {
  border: 1px solid #1e293b1a;
  border-radius: 10px;
  overflow: hidden;
}
.address-nickname-popup .modal-body .details-tab .det-drawings-table[b-2ur6pjxfog] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.address-nickname-popup .modal-body .details-tab .det-drawings-table thead tr[b-2ur6pjxfog] {
  background-color: #f8fafc;
  border-bottom: 1px solid #1e293b1a;
}
.address-nickname-popup .modal-body .details-tab .det-drawings-table th[b-2ur6pjxfog] {
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 700;
  color: var(--gray-txt);
  text-align: left;
  border-right: 1px solid #1e293b0a;
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-drawings-table
  th:last-child[b-2ur6pjxfog],
.address-nickname-popup
  .modal-body
  .details-tab
  .det-drawings-table
  td:last-child[b-2ur6pjxfog] {
  border-right: none;
}
.address-nickname-popup .modal-body .details-tab .det-drawings-table td[b-2ur6pjxfog] {
  padding: 10px 14px;
  font-weight: 600;
  color: var(--dark-txt);
  border-bottom: 1px solid #1e293b0a;
  border-right: 1px solid #1e293b0a;
  vertical-align: middle;
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-drawings-table
  tbody
  tr:last-child
  td[b-2ur6pjxfog] {
  border-bottom: none;
}
.address-nickname-popup .modal-body .details-tab .det-drawings-table tbody tr[b-2ur6pjxfog] {
  transition: background-color 0.12s;
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-drawings-table
  tbody
  tr:hover[b-2ur6pjxfog] {
  background-color: #f8faff;
}
.address-nickname-popup .modal-body .details-tab .col-check[b-2ur6pjxfog] {
  width: 40px;
  text-align: center;
}
.address-nickname-popup .modal-body .details-tab .det-checkbox[b-2ur6pjxfog] {
  width: 16px;
  height: 16px;
  accent-color: var(--purple);
  cursor: pointer;
}
.address-nickname-popup .modal-body .details-tab .det-row-actions[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  gap: 6px;
}
.address-nickname-popup .modal-body .details-tab .det-row-action-btn[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.12s;
}
.address-nickname-popup .modal-body .details-tab .det-row-action-btn img[b-2ur6pjxfog] {
  height: 14px;
}
.address-nickname-popup .modal-body .details-tab .det-row-action-btn:hover[b-2ur6pjxfog] {
  background-color: #f1f5f9;
}

/* ── Uploaded files list ── */
.address-nickname-popup .modal-body .details-tab .det-files-list[b-2ur6pjxfog] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.address-nickname-popup .modal-body .details-tab .det-file-item[b-2ur6pjxfog] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.address-nickname-popup .modal-body .details-tab .det-file-remove[b-2ur6pjxfog] {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--orange);
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  padding: 0;
  transition: opacity 0.15s;
}
.address-nickname-popup .modal-body .details-tab .det-file-remove:hover[b-2ur6pjxfog] {
  opacity: 0.7;
}
.address-nickname-popup .modal-body .details-tab .det-file-name[b-2ur6pjxfog] {
  font-size: 13px;
  font-weight: 600;
  color: var(--purple);
  text-decoration: underline;
  cursor: pointer;
}

/* ── Actions row ── */
.address-nickname-popup .modal-body .details-tab .det-actions-row[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.address-nickname-popup .modal-body .details-tab .det-make-inactive-btn[b-2ur6pjxfog] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 16px;
  background-color: #ed40301f;
  /* border: 1px solid #ed403044; */
  border: none;
  border-radius: 10px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--orange);
  cursor: pointer;
  transition: background-color 0.15s;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
}
.address-nickname-popup .modal-body .details-tab .det-make-inactive-btn:hover[b-2ur6pjxfog] {
  background-color: #ed403022;
}
.address-nickname-popup .modal-body .details-tab .det-delete-btn[b-2ur6pjxfog],
.address-nickname-popup .modal-body .details-tab .det-success-btn[b-2ur6pjxfog] {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 16px;
  background-color: #df2917;
  border: none;
  border-radius: 10px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: var(--white);
  cursor: pointer;
  transition: opacity 0.15s;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
}
.address-nickname-popup .modal-body .details-tab .det-success-btn[b-2ur6pjxfog] {
  background-color: #338732;
}
.address-nickname-popup .modal-body .details-tab .det-delete-btn:hover[b-2ur6pjxfog],
.address-nickname-popup .modal-body .details-tab .det-success-btn:hover[b-2ur6pjxfog] {
  opacity: 0.88;
}

/* ── Date picker ── */
.address-nickname-popup .modal-body .details-tab .det-datepicker-wrap[b-2ur6pjxfog],
.det-datepicker-wrap[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  padding: 0 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}
.address-nickname-popup
  .modal-body
  .details-tab
  .det-datepicker-wrap:focus-within[b-2ur6pjxfog],
.det-datepicker-wrap:focus-within[b-2ur6pjxfog] {
  box-shadow: 0 0 0 3px #5263ff22;
}
.address-nickname-popup .modal-body .details-tab .det-datepicker-input[b-2ur6pjxfog],
.det-datepicker-input[b-2ur6pjxfog] {
  border: none !important;
  box-shadow: none !important;
  padding-left: 0 !important;
  background: transparent;
}

/* ════════════════════════════
   SUB-MODALS
════════════════════════════ */
.det-submodal-backdrop[b-2ur6pjxfog] {
  position: absolute;
  inset: 0;
  background-color: rgba(15, 23, 42, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1100;
  border-radius: inherit;
}
.det-submodal[b-2ur6pjxfog] {
  background-color: var(--white);
  border-radius: 20px;
  width: 100%;
  max-width: 520px;
  overflow: hidden;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.16);
  animation: submodalIn-b-2ur6pjxfog 0.22s cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes submodalIn-b-2ur6pjxfog {
  from {
    transform: scale(0.94) translateY(12px);
    opacity: 0;
  }
  to {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}
.det-submodal-header[b-2ur6pjxfog] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px 24px 16px;
  gap: 12px;
}
.det-submodal-title[b-2ur6pjxfog] {
  font-size: 18px;
  font-weight: 800;
  color: var(--dark-txt);
  letter-spacing: -0.3px;
  margin: 0 0 6px;
  line-height: 1.3;
}
.det-submodal-subtitle[b-2ur6pjxfog] {
  font-size: 13px;
  font-weight: 500;
  color: var(--gray-txt-2);
  line-height: 1.5;
  margin: 0 0 6px;
}
.det-submodal-warning[b-2ur6pjxfog] {
  font-size: 13px;
  font-weight: 700;
  color: var(--yellow);
  line-height: 1.5;
  margin: 0;
}
.det-submodal-close[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  background-color: #f1f5f9;
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.15s;
}
.det-submodal-close:hover[b-2ur6pjxfog] {
  background-color: #e2e8f0;
}
.det-submodal-close img[b-2ur6pjxfog] {
  height: 14px;
}
.det-submodal-body[b-2ur6pjxfog] {
  /* padding: 0 24px; */
  background-color: #f1f5f9cc;
}
.det-submodal-divider[b-2ur6pjxfog] {
  border: 1px solid #1e293b17;
  margin: 0;
}
.det-submodal-footer[b-2ur6pjxfog] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
}
.det-submodal-cancel-btn[b-2ur6pjxfog] {
  flex: 1;
  padding: 12px;
  background-color: #f1f5f9cc;
  border: 1px solid #1e293b17;
  border-radius: 14px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--dark-txt);
  cursor: pointer;
  transition: background-color 0.15s;
}
.det-submodal-cancel-btn:hover[b-2ur6pjxfog] {
  background-color: #e2e8f0;
}
.det-submodal-assign-btn[b-2ur6pjxfog] {
  flex: 1;
  padding: 12px;
  background-color: var(--l-purple);
  border: 1px solid #5263ff22;
  border-radius: 14px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--purple-2);
  cursor: pointer;
  transition: background-color 0.15s;
}
.det-submodal-assign-btn:hover[b-2ur6pjxfog] {
  background-color: #dce0ff;
}
.det-submodal-confirm-btn[b-2ur6pjxfog] {
  flex: 1;
  padding: 12px;
  background:
    linear-gradient(var(--purple), var(--purple)) padding-box,
    linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
  border: 1px solid transparent;
  border-radius: 14px;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--white);
  cursor: pointer;
  transition: opacity 0.15s;
}
.det-submodal-confirm-btn:hover[b-2ur6pjxfog] {
  opacity: 0.88;
}
/* /Pages/Locations/Components/LocationDetailsModalChangelogView.razor.rz.scp.css */
/* Changelogs START */

/* 2. Outer container */
.changelog-container[b-ro2ik2s449] {
  padding-top: 4px;
}

/* 3. Pills row */
.changelog-tabs[b-ro2ik2s449] {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-bottom: 20px !important;
}

/* 4. Each pill button — every property needs !important to
      override Bootstrap's btn reset AND the div reset above */
button.changelog-tab[b-ro2ik2s449] {
  display: inline-flex !important;
  align-items: center !important;
  padding: 5px 14px !important;
  border-radius: 999px !important;
  border: none !important;
  background-color: #f4f7fa !important;
  background-image: none !important;
  color: #475569 !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: -0.1px !important;
  line-height: 1.5 !important;
  cursor: pointer !important;
  box-shadow: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  transition:
    background-color 0.15s,
    color 0.15s,
    border-color 0.15s !important;
}

button.changelog-tab:hover[b-ro2ik2s449],
button.changelog-tab:focus[b-ro2ik2s449] {
  background-color: #eaecff !important;
  color: #1e293b !important;
  border-color: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Active pill — dark navy background, white text */
button.changelog-tab.active[b-ro2ik2s449] {
  background-color: #eaecff !important;
  color: #363af5 !important;
  border-color: transparent !important;
  font-weight: 700 !important;
}

button.changelog-tab.active:hover[b-ro2ik2s449] {
  cursor: default !important;
}

/* 5. Entry list */
.changelog-list[b-ro2ik2s449] {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.changelog-item[b-ro2ik2s449] {
  display: flex !important;
  gap: 12px !important;
  padding: 13px 0 !important;
  border-bottom: 1px solid #f1f5f9 !important;
  align-items: flex-start !important;
}

.changelog-item:last-child[b-ro2ik2s449] {
  border-bottom: none !important;
}

/* 6. Timeline dot */
.changelog-dot[b-ro2ik2s449] {
  margin-top: 5px !important;
  width: 10px !important;
  height: 10px !important;
  min-width: 10px !important;
  border-radius: 50% !important;
  background-color: #dce0ff !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}

/* 7. Text block */
.changelog-content[b-ro2ik2s449] {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  flex: 1 !important;
  min-width: 0 !important;
}

.changelog-text[b-ro2ik2s449] {
  margin: 0 !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  line-height: 1.55 !important;
  word-break: break-word !important;
}

.changelog-author[b-ro2ik2s449] {
  font-weight: 700 !important;
  color: #1e293b !important;
  margin-right: 2px !important;
}

.changelog-text b[b-ro2ik2s449],
.changelog-text strong[b-ro2ik2s449] {
  font-weight: 700 !important;
  color: #1e293b !important;
}

/* 8. Date */
.changelog-date[b-ro2ik2s449] {
  display: block !important;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  letter-spacing: -0.1px !important;
  line-height: 1.4 !important;
}

/* 9. Loading / empty */
.changelog-loading[b-ro2ik2s449],
.changelog-empty[b-ro2ik2s449] {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  padding: 16px 0 !important;
  margin: 0 !important;
}

/* Changelog END */
/* /Pages/Locations/Components/LocationFilterPopover.razor.rz.scp.css */
/* ─────────────────── Outer panel ─────────────────────────────────────────────────────────── */
.lf-panel[b-a5vlxhf076] {
  width: 360px;
  max-width: 360px;
  background-color: #fff;
  border: 1px solid #ebeced;
  border-radius: 20px;
  box-shadow:
    0 10px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
}

/* ─────────────────── Header --------------------------------------------─────────────────── */
.lf-header[b-a5vlxhf076] {
  padding: 8px 16px;
  border-bottom: 1px #1e293b17 solid;
  flex-shrink: 0;
}

.lf-header h6[b-a5vlxhf076] {
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
  margin: 0;
}

/* ─────────────────── Scrollable body ────────────────────────────────────────────────────── */
.lf-body[b-a5vlxhf076] {
  padding: 0 16px 16px;
  max-height: min(400px, 40vh);
  overflow-y: auto;
  scrollbar-width: thin;
  flex: 1 1 auto;
}

/* ─────────────────── Labels --------------------------------------------------------------- */
.lf-body .dispatch-by label[b-a5vlxhf076],
.lf-body .errors label[b-a5vlxhf076] {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--gray-txt);
}

/* ─────────────────── Errors --------------------------------------------------------------- */

.lf-body .errors .selected[b-a5vlxhf076] {
  background-color: #5263ff1f;
  padding: 8px;
  gap: 2px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--purple-2);
  border-radius: 8px;
}

.lf-body .errors .selected.not[b-a5vlxhf076] {
  background-color: #f1f5f9cc;
  color: var(--dark-txt);
}

/* ─────────────────── Clear buttons inside .assigned ─────────────────────────────────────── */
.lf-body .assigned button[b-a5vlxhf076] {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
  padding: 8px 12px;
  background-color: #f1f5f9cc;
  border: 1px #1e293b17 solid;
  border-radius: 8px;
  outline: none;
}

/* ─────────────────── Toggle labels --------------------------------------------------------- */
.lf-body .manual-only h6[b-a5vlxhf076] {
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
}

.lf-body .manual-only .toggle-switch[b-a5vlxhf076] {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 28px;
  background: linear-gradient(
    180deg,
    rgba(226, 232, 240, 1) 0%,
    rgba(248, 250, 252, 1) 100%
  );
  border-radius: 50px;
  padding: 3px;
  flex-shrink: 0;
}

.lf-body .manual-only .toggle-switch input[b-a5vlxhf076] {
  opacity: 0;
  width: 0;
  height: 0;
}

.lf-body .manual-only .slider[b-a5vlxhf076] {
  position: absolute;
  cursor: pointer;
  border-radius: 30px;
  background-color: #d3dde8;
  transition: 0.3s;
  height: 22px;
  width: 40px;
}

.lf-body .manual-only .slider[b-a5vlxhf076]:before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 2px;
  top: 2px;
  border-radius: 1000px;
  background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
  border: 3.5px solid #f9fbfc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  transition: 0.3s;
}

.lf-body .manual-only .toggle-switch input:checked + .slider[b-a5vlxhf076] {
  background: linear-gradient(135deg, #5b67f6, #4c57e0);
}

.lf-body .manual-only .toggle-switch input:checked + .slider[b-a5vlxhf076]:before {
  transform: translateX(18px);
  background: #fff;
}

.lf-body .manual-only .toggle-switch input:checked + .slider[b-a5vlxhf076]:after {
  content: "";
  position: absolute;
  right: 5px;
  top: 7.5px;
  width: 11px;
  height: 11px;
  background-image: url("../img/icons/toggle-check-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

/* ─────────────────── Footer -----------------------------------------------─────────────────── */
.lf-footer[b-a5vlxhf076] {
  padding: 12px 16px;
  border-top: 1px #1e293b17 solid;
  flex-shrink: 0;
}

.lf-footer button[b-a5vlxhf076] {
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.2px;
  border-radius: 8px;
  border: 1px transparent solid;
  padding: 8px 12px;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
  cursor: pointer;
  background: none;
}

.lf-footer button.reset-btn[b-a5vlxhf076] {
  color: var(--gray-txt);
  border: none;
  font-size: 14px;
}

.lf-footer button.cancel-btn[b-a5vlxhf076] {
  background-color: #f1f5f9cc;
  border-color: #1e293b17;
  color: var(--dark-txt);
}

.lf-footer button.apply-btn[b-a5vlxhf076] {
  background-color: var(--purple);
  color: var(--white);
}
/* /Pages/Locations/Components/LocationGroupSliderExpandedDetails.razor.rz.scp.css */
/* ── Container ───────────────────────────────────────────────────────────── */
.lged-locations-list[b-9fmd7v7dna] {
    border-top: 1px solid #F1F5F9;
}

/* ── Empty / loading states ──────────────────────────────────────────────── */
.lged-no-locs[b-9fmd7v7dna] {
    padding: 14px 16px;
    font-size: 13px;
    color: #94A3B8;
    text-align: center;
    height: 150px;
    vertical-align: middle;
    align-content: center;
}

/* ── Location row ────────────────────────────────────────────────────────── */
.lged-loc-row[b-9fmd7v7dna] {
    display: flex;
    align-items: center;
    padding: 11px 16px;
    border-bottom: 1px solid #F8FAFC;
    transition: background 0.12s;
}

.lged-loc-row:last-child[b-9fmd7v7dna] {
    border-bottom: none;
}

.lged-loc-row:hover[b-9fmd7v7dna] {
    background: #F8FAFC;
}

/* ── Icon wrappers ───────────────────────────────────────────────────────── */
.lged-loc-icon[b-9fmd7v7dna] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 7px;
    flex-shrink: 0;
}

/* ── Text block ──────────────────────────────────────────────────────────── */
.lged-loc-text[b-9fmd7v7dna] {
    flex: 1;
    min-width: 0;
}

.lged-loc-name[b-9fmd7v7dna] {
    font-size: 13px;
    font-weight: 600;
    color: #1E293B;
    margin: 0 0 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lged-loc-addr[b-9fmd7v7dna] {
    font-size: 11px;
    color: #64748B;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Remove button ───────────────────────────────────────────────────────── */
.lged-btn-remove-loc[b-9fmd7v7dna] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 6px;
    background: transparent;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.12s;
}

.lged-btn-remove-loc:hover[b-9fmd7v7dna] {
    background: #FFF5F5;
}

/* /Pages/Locations/Components/LocationGroupsSlider.razor.rz.scp.css */
.z-index-lower[b-t0isc3jnb9] {
  z-index: 1049 !important;
}

/* ── Location groups slider ──────────────────────────────────────────────── */
.locationGroupsSlider.right .modal-dialog[b-t0isc3jnb9] {
  position: fixed;
  margin: 0;
  right: 0;
  top: 0;
  height: 100%;
  max-width: 740px;
  width: 100%;
}

.locationGroupsSlider.right .modal-content[b-t0isc3jnb9] {
  height: 100vh;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  border: none;
}

.locationGroupsSlider.right.fade .modal-dialog[b-t0isc3jnb9] {
  transform: translateX(100%);
  transition: transform 0.3s ease-out;
}

.locationGroupsSlider.right.show .modal-dialog[b-t0isc3jnb9] {
  transform: translateX(0);
}
/* ── End location groups slider ──────────────────────────────────────────── */

.locationGroupsSlider .lgs-header-right button.edit-btn[b-t0isc3jnb9] {
  gap: 2px;
  padding: 8px 10px;
  /* border: 1px #1E293B17 solid; */
  border: none;
  border-radius: 10px;
  outline: none;
  height: 40px;
  background:
    linear-gradient(var(--purple), var(--purple)) padding-box,
    linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
}

.locationGroupsSlider .lgs-header-right button.edit-btn p[b-t0isc3jnb9] {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--white);
  padding: 0 4px;
}

/* ── Shell ───────────────────────────────────────────────────────────────── */
.lgs-shell[b-t0isc3jnb9] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background: #f8fafc;
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.lgs-header[b-t0isc3jnb9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 20px;
  background: #fff;
  border-bottom: 1px solid #f1f5f9;
  flex-shrink: 0;
  flex-wrap: wrap;
}

.lgs-header-left[b-t0isc3jnb9] {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.lgs-header-icon[b-t0isc3jnb9] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #eef0ff;
  border-radius: 10px;
  flex-shrink: 0;
}

.lgs-header-text[b-t0isc3jnb9] {
  min-width: 0;
}

.lgs-title[b-t0isc3jnb9] {
  font-size: 18px;
  font-weight: 800;
  color: #1e293b;
  margin: 0 0 2px;
}

.lgs-subtitle[b-t0isc3jnb9] {
  font-size: 15px;
  font-weight: 600;
  color: #475569;
  margin: 0;
}

.lgs-header-right[b-t0isc3jnb9] {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-shrink: 0;
}

.lgs-btn-new[b-t0isc3jnb9] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: #5263ff;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s;
}

.lgs-btn-new:hover[b-t0isc3jnb9] {
  background: #4250e0;
}

.lgs-btn-close[b-t0isc3jnb9] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #fff;
  cursor: pointer;
  transition: background 0.15s;
}

.lgs-btn-close:hover[b-t0isc3jnb9] {
  background: #f1f5f9;
}

/* ── Body ────────────────────────────────────────────────────────────────── */
.lgs-body[b-t0isc3jnb9] {
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  display: flex;
  flex-direction: column;
}

/* ── Center state (loading / empty) ─────────────────────────────────────── */
.lgs-center-state[b-t0isc3jnb9] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 10px;
  min-height: 260px;
  text-align: center;
}

.lgs-empty-title[b-t0isc3jnb9] {
  font-size: 14px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}

.lgs-empty-sub[b-t0isc3jnb9] {
  font-size: 13px;
  color: #94a3b8;
  margin: 0;
}

/* ── Group card ──────────────────────────────────────────────────────────── */
.lgs-group[b-t0isc3jnb9] {
  background: #fff;
  border: 1px solid #f1f5f9;
  overflow: visible;
}

/* .lgs-group--open {
    border-color: #E2E8F0;
} */

/* ── Group row ───────────────────────────────────────────────────────────── */
.lgs-group-row[b-t0isc3jnb9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 14px 16px;
}

.lgs-group-info[b-t0isc3jnb9] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.lgs-group-name-row[b-t0isc3jnb9] {
  display: flex;
  align-items: center;
  gap: 6px;
}

.lgs-group-name[b-t0isc3jnb9] {
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lgs-group-id[b-t0isc3jnb9] {
  font-size: 13px;
  color: #475569;
  font-weight: 500;
}

.lgs-group-actions[b-t0isc3jnb9] {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}

/* ── Icon buttons ────────────────────────────────────────────────────────── */
.lgs-btn-icon[b-t0isc3jnb9] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  transition:
    background 0.12s,
    transform 0.2s;
  flex-shrink: 0;
}

.lgs-btn-icon:hover[b-t0isc3jnb9] {
  background: #f1f5f9;
}

.lgs-btn-chevron[b-t0isc3jnb9] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  transition:
    background 0.12s,
    transform 0.2s;
}

.lgs-btn-chevron:hover[b-t0isc3jnb9] {
  background: #f1f5f9;
}

.lgs-btn-chevron--up svg[b-t0isc3jnb9] {
  transform: rotate(180deg);
}

/* ── 3-dot dropdown ──────────────────────────────────────────────────────── */
.lgs-menu-wrap[b-t0isc3jnb9] {
  position: relative;
}

.lgs-menu-backdrop[b-t0isc3jnb9] {
  position: fixed;
  inset: 0;
  z-index: 10;
}

.lgs-dropdown-menu[b-t0isc3jnb9] {
  /* position: absolute; */
  /* top: 100%; */
  /* right: 0; */
  /* z-index: 20; */
  min-width: 160px;
  /* background: #fff; */
  /* border: 1px solid #E2E8F0; */
  /* border-radius: 10px; */
  /* box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10); */
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.lgs-menu-item[b-t0isc3jnb9] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  font-size: 13px;
  font-weight: 500;
  border: none;
  border-radius: 16px;
  background: transparent;
  cursor: pointer;
  text-align: left;
  transition: background 0.12s;
  white-space: nowrap;
}

.lgs-menu-item--blue[b-t0isc3jnb9] {
  color: #5263ff;
}

.lgs-menu-item--blue:hover[b-t0isc3jnb9] {
  background: #eef0ff;
}

.lgs-menu-item--red[b-t0isc3jnb9] {
  color: #ef4444;
}

.lgs-menu-item--red:hover[b-t0isc3jnb9] {
  background: #fff5f5;
}
/* /Pages/Locations/Components/NewLocationGroupPopup.razor.rz.scp.css */
/* ── Modal shell ─────────────────────────────────────────────────────────── */
.lgp-modal-content[b-y6thcie5zt] {
  border-radius: 16px;
  overflow: hidden;
  border: none;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.lgp-modal-header[b-y6thcie5zt] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 16px;
  background: #fff;
  border-bottom: 1px solid #f1f5f9;
}

.lgp-modal-title[b-y6thcie5zt] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
}

.lgp-close-btn[b-y6thcie5zt] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #fff;
  cursor: pointer;
  transition: background 0.15s;
  flex-shrink: 0;
}

.lgp-close-btn:hover[b-y6thcie5zt] {
  background: #f1f5f9;
}

/* ── Body ────────────────────────────────────────────────────────────────── */
.lgp-body[b-y6thcie5zt] {
  background: #f1f5f9;
  padding: 0 !important;
  margin: 0 -1.5rem 0;
}

.lgp-loading-state[b-y6thcie5zt] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 220px;
}

/* ── Group name section (white band, full width) ─────────────────────────── */
.lgp-name-section[b-y6thcie5zt] {
  background: #fff;
  padding: 16px 20px 20px;
  border-bottom: 1px solid #f1f5f9;
  margin: 0 -1.5rem;
}

.lgp-field-label[b-y6thcie5zt] {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  margin-bottom: 6px;
}

.lgp-name-input[b-y6thcie5zt] {
  width: 100%;
  padding: 8px 10px;
  background-color: var(--white);
  border: 1px #1e293b1f solid;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  outline: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
}

.lgp-name-input:focus[b-y6thcie5zt] {
  box-shadow: 0 0 0 0.2rem #dce0ff;
}

.lgp-name-input[b-y6thcie5zt]::placeholder {
  color: #cccccc;
}

/* ── Section header (label + count) ─────────────────────────────────────── */
.lgp-section-header[b-y6thcie5zt] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px 10px;
}

.lgp-list-label[b-y6thcie5zt] {
  font-size: 13px;
  font-weight: 500;
  color: #475559;
}

.lgp-selected-count[b-y6thcie5zt] {
  font-size: 13px;
  font-weight: 500;
  color: #475559;
}

/* ── Scrollable card list ────────────────────────────────────────────────── */
.lgp-list-scroll[b-y6thcie5zt] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 260px;
  overflow-y: auto;
  padding: 0 16px 16px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.lgp-list-scroll[b-y6thcie5zt]::-webkit-scrollbar {
  display: none;
}

.lgp-list-empty[b-y6thcie5zt] {
  padding: 10px 24px;
  font-size: 15px;
  font-weight: 500;
  color: #64748b;
  text-align: center;
  height: 100px;
  align-content: center;
  vertical-align: middle;
}

/* ── Location card ───────────────────────────────────────────────────────── */
.lgp-list-item[b-y6thcie5zt] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 3px solid #1e293b17;
  border-radius: 16px;
  cursor: pointer;
  background: #fff;
  transition:
    border-color 0.12s,
    background 0.12s;
  margin: 0;
}

.lgp-list-item:hover[b-y6thcie5zt] {
  border-color: #c7d2fe;
}

.lgp-list-item--checked[b-y6thcie5zt] {
  border-width: 3px;
  border-color: #5263ff66 !important;
}

/* ── Checkbox ────────────────────────────────────────────────────────────── */
.lgp-checkbox[b-y6thcie5zt] {
  width: 18px !important;
  height: 18px !important;
  border-radius: 6px !important;
  padding: 2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s !important;
  background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%) !important;
  border: 2.5px solid #d9dee3 !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  flex-shrink: 0 !important;
}

.lgp-checkbox.checked[b-y6thcie5zt] {
  background: linear-gradient(180deg, #5263ff 0%, #5263ff 100%) !important;
  color: white !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  border: none !important;
}

.lgp-checkbox-icon[b-y6thcie5zt] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* ── Location details ────────────────────────────────────────────────────── */
.lgp-loc-detail[b-y6thcie5zt] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.lgp-loc-top[b-y6thcie5zt] {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  overflow: hidden;
}

.lgp-loc-name[b-y6thcie5zt] {
  font-size: 14px;
  font-weight: 700;
  color: #1e293b;
  flex-shrink: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.lgp-customer-badge[b-y6thcie5zt] {
  display: inline-block;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 500;
  color: #5263ff;
  background: #eaecff;
  border-radius: 8px;
  white-space: nowrap;
  flex-shrink: 0;
}

.lgp-loc-addr[b-y6thcie5zt] {
  font-size: 12px;
  color: #64748b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ── Footer ──────────────────────────────────────────────────────────────── */
.lgp-modal-footer[b-y6thcie5zt] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  background: #fff;
  border-top: 1px solid #f1f5f9;
}

.lgp-btn-cancel[b-y6thcie5zt] {
  background-color: #f1f5f9cc !important;
  border-color: #1e293b17 !important;
  color: var(--dark-txt) !important;
}

.lgp-btn-action[b-y6thcie5zt] {
  background-color: var(--purple);
  border-color: #1e293b17;
  color: var(--white);
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
}

.lgp-btn-action:disabled[b-y6thcie5zt] {
  opacity: 0.6;
  cursor: not-allowed;
}
/* /Pages/Locations/Components/RenameLocationGroupPopup.razor.rz.scp.css */
/* ── Modal shell ─────────────────────────────────────────────────────────── */
.rgp-modal-content[b-mllmezmt77] {
  border-radius: 16px;
  overflow: hidden;
  border: none;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.rgp-modal-header[b-mllmezmt77] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 20px 16px;
  background: #fff;
  border-bottom: 1px solid #f1f5f9;
}

.rgp-modal-title[b-mllmezmt77] {
  font-size: 18px;
  font-weight: 700;
  color: #1e293b;
  margin: 0;
}

.rgp-close-btn[b-mllmezmt77] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  background: #fff;
  cursor: pointer;
  transition: background 0.15s;
  flex-shrink: 0;
}

.rgp-close-btn:hover[b-mllmezmt77] {
  background: #f1f5f9;
}

/* ── Body ────────────────────────────────────────────────────────────────── */
.rgp-body[b-mllmezmt77] {
  background: #fff;
  padding: 20px !important;
}

.rgp-field-label[b-mllmezmt77] {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #475569;
  margin-bottom: 6px;
}

.rgp-name-input[b-mllmezmt77] {
  width: 100%;
  padding: 8px 10px;
  background-color: var(--white);
  border: 1px #1e293b1f solid;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  outline: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--dark-txt);
}

.rgp-name-input:focus[b-mllmezmt77] {
  box-shadow: 0 0 0 0.2rem #dce0ff;
}

.rgp-name-input[b-mllmezmt77]::placeholder {
  color: #cccccc;
}

/* ── Footer ──────────────────────────────────────────────────────────────── */
.rgp-modal-footer[b-mllmezmt77] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  background: #fff;
  border-top: 1px solid #f1f5f9;
}

.rgp-btn-cancel[b-mllmezmt77] {
  background-color: #f1f5f9cc !important;
  border-color: #1e293b17 !important;
  color: var(--dark-txt) !important;
}

.rgp-btn-save[b-mllmezmt77] {
  background-color: var(--purple);
  border-color: #1e293b17;
  color: var(--white);
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
}

.rgp-btn-save:disabled[b-mllmezmt77] {
  opacity: 0.6;
  cursor: not-allowed;
}
/* /Pages/Locations/Locations.razor.rz.scp.css */
.menu-backdrop[b-85aj0n1k0h] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: transparent;
  z-index: 999; /* Just below the menu */
}
/* /Pages/Locations/Zones.razor.rz.scp.css */
.zone-layout[b-0tbaruhmqz] {
    height: calc(100vh - 160px);
    min-height: 480px;
}

.zone-panel[b-0tbaruhmqz] {
    width: 380px;
    min-width: 320px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    padding: 16px;
}

.zone-map-wrap[b-0tbaruhmqz] {
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    overflow: hidden;
}

.zone-map[b-0tbaruhmqz] {
    width: 100%;
    height: 100%;
    min-height: 480px;
}

.zone-row[b-0tbaruhmqz] {
    border-bottom: 1px solid #F3F4F6;
    padding: 10px 4px;
}

.zone-row-header[b-0tbaruhmqz] {
    cursor: pointer;
    user-select: none;
}

.zone-dot[b-0tbaruhmqz] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.zone-name[b-0tbaruhmqz] {
    font-weight: 600;
    font-size: 14px;
}

.zone-count[b-0tbaruhmqz] {
    background: #F3F4F6;
    border-radius: 12px;
    font-size: 12px;
    padding: 2px 8px;
}

.zone-chevron[b-0tbaruhmqz] {
    color: #9CA3AF;
    font-size: 12px;
}

.zone-row-body[b-0tbaruhmqz] {
    padding: 8px 4px 4px 24px;
}

.zone-loc[b-0tbaruhmqz] {
    padding: 6px 0;
    border-bottom: 1px dashed #F3F4F6;
}

.zone-loc-name[b-0tbaruhmqz] {
    font-size: 13px;
    font-weight: 500;
}

.zone-loc-address[b-0tbaruhmqz] {
    font-size: 12px;
    color: #6B7280;
}

.zone-empty[b-0tbaruhmqz] {
    font-size: 13px;
    color: #9CA3AF;
    margin: 4px 0;
}

.zone-color-swatch[b-0tbaruhmqz] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    border: 2px solid transparent;
}

.zone-color-swatch.selected[b-0tbaruhmqz] {
    border-color: #111827;
}

.zone-hint[b-0tbaruhmqz] {
    font-size: 13px;
    color: #6B7280;
    margin-bottom: 6px;
}

.zone-error[b-0tbaruhmqz] {
    font-size: 13px;
    color: #E5484D;
}

.zone-close-btn[b-0tbaruhmqz] {
    width: 40px;
    height: 40px;
    line-height: 1;
}

.zone-confirm-backdrop[b-0tbaruhmqz] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1060;
}

.zone-confirm[b-0tbaruhmqz] {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    width: 440px;
    max-width: 92vw;
}
/* /Pages/Routes/Components/AddDriversPopup.razor.rz.scp.css */
.adp-modal-content[b-2yo9ohjv72] {
	border: 1px solid #1e293b08 !important;
	border-radius: 16px !important;
	box-shadow:
		0px 32px 32px -16px #1e293b08,
		0px 20px 20px -12px #1e293b08,
		0px 3px 3px -1.5px #1e293b08,
		0px 1px 1px -0.5px #1e293b08 !important;
	overflow: hidden;
	background-color: #FFFFFF;
}

[b-2yo9ohjv72] .modal-header {
	padding: 16px 20px !important;
	margin: 0 !important;
}

.adp-modal-body[b-2yo9ohjv72] {
	display: flex;
	flex-direction: column;
	height: 520px;
}

.adp-header[b-2yo9ohjv72] {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 16px;
}

.adp-icon-wrapper[b-2yo9ohjv72] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background-color: #5263FF1F;
	border-radius: 10px;
	color: #4F46E5;
}

.adp-title-wrap[b-2yo9ohjv72] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
}

.adp-title[b-2yo9ohjv72] {
	font-size: 18px;
	font-weight: 700;
	color: #1E293B;
	margin: 0;
}

.adp-subtitle[b-2yo9ohjv72] {
	font-size: 13px;
	color: #64748B;
	margin: 0;
}

.adp-search-container[b-2yo9ohjv72] {
	background-color: #F8FAFC;
	padding: 12px 24px;
	border-top: 1px solid #E2E8F0;
	border-bottom: 1px solid #E2E8F0;
	width: 100%;
}

[b-2yo9ohjv72] .adp-search-container .wm-search-input {
	max-width: 320px !important;
}

.adp-list-container[b-2yo9ohjv72] {
	flex-grow: 1;
	overflow-y: auto;
	scrollbar-width: thin;
	padding: 0;
}

.adp-list-container[b-2yo9ohjv72]::-webkit-scrollbar {
	width: 6px;
}

.adp-list-container[b-2yo9ohjv72]::-webkit-scrollbar-track {
	background: transparent;
}

.adp-list-container[b-2yo9ohjv72]::-webkit-scrollbar-thumb {
	background-color: #CBD5E1;
	border-radius: 3px;
}

.adp-driver-row[b-2yo9ohjv72] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 24px;
	border-bottom: 1px solid #F1F5F9;
}

.adp-driver-left[b-2yo9ohjv72] {
	display: flex;
	align-items: center;
	gap: 16px;
	flex: 1;
	min-width: 0;
}

.adp-driver-names[b-2yo9ohjv72] {
	display: flex;
	flex-direction: column;
	min-width: 240px;
}

.adp-driver-name[b-2yo9ohjv72] {
	font-size: 14px;
	font-weight: 600;
	color: #1E293B;
	margin: 0;
	overflow-wrap: anywhere;
	word-break: normal;
}

.adp-driver-surname[b-2yo9ohjv72] {
	font-size: 13px;
	color: #1E293B;
	margin: 0;
	overflow-wrap: anywhere;
	word-break: normal;
}

.adp-driver-phone[b-2yo9ohjv72] {
	font-size: 14px;
	color: #475569;
	flex: 1;
	margin: 0;
	text-align: left;
	padding-left: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.adp-driver-email[b-2yo9ohjv72] {
	font-size: 14px;
	color: #475569;
	flex: 1.5;
	margin: 0;
	text-align: left;
	padding-left: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.adp-action-wrap[b-2yo9ohjv72] {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 100px;
	justify-content: end;
}

.btn-add[b-2yo9ohjv72], .btn-remove[b-2yo9ohjv72] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 32px;
	width: 84px;
	border: none;
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.2s;
	padding: 0;
}

.btn-add[b-2yo9ohjv72] {
	background-color: #3B82F6;
	color: #FFFFFF;
}

.btn-add:hover[b-2yo9ohjv72] {
	background-color: #2563EB;
}

.btn-remove[b-2yo9ohjv72] {
	background-color: #FEE2E2;
	color: #EF4444;
}

.btn-remove:hover[b-2yo9ohjv72] {
	background-color: #FCA5A5;
}

.btn-add:disabled[b-2yo9ohjv72], .btn-remove:disabled[b-2yo9ohjv72] {
	opacity: 0.6;
	cursor: not-allowed;
}
/* /Pages/Routes/Components/CreateRoutePopup.razor.rz.scp.css */
/* ─── Labels ────────────────────────────────────────────────────────────────── */
.nrp-body-wrap[b-e196gty4j5] {
  padding: 16px 20px 8px;
  background: #f1f5f9;
}

.nrp-label[b-e196gty4j5] {
  font-size: 13px;
  font-weight: 700;
  color: var(--gray-txt);
  letter-spacing: -0.1px;
  margin-bottom: 0;
}

.nrp-required[b-e196gty4j5] {
  color: var(--orange, #f97316);
}

.nrp-validation[b-e196gty4j5] {
  font-size: 12px;
  font-weight: 600;
  color: var(--orange, #f97316);
}

/* ─── Text input ────────────────────────────────────────────────────────────── */
.nrp-input[b-e196gty4j5] {
  width: 100%;
  padding: 10px 14px;
  background-color: #fff;
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
  height: 42px;
}

.nrp-input:focus[b-e196gty4j5],
.nrp-input:focus-within[b-e196gty4j5] {
  box-shadow: 0 0 0 0.2rem #dce0ff !important;
}

.nrp-input[b-e196gty4j5]::placeholder {
  color: #cbd5e1;
  font-weight: 500;
}

/* ─── Route type tabs (multi-tabs style) ────────────────────────────────────── */
.nrp-route-type-tabs[b-e196gty4j5] {
  gap: 6px;
  background-color: #ffffff;
  border: 1px solid #1e293b1f;
  border-radius: 16px;
  padding: 6px;
  box-shadow: 0px 1px 1px -0.5px #1e293b08;
}

.nrp-route-tab[b-e196gty4j5] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 12px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  color: var(--gray-txt, #64748b);
  cursor: pointer;
  transition:
    background-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.25s ease,
    transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, box-shadow, background-color, border-color, color;
}

.nrp-route-tab.active[b-e196gty4j5] {
  background: #5263ff1f;
  color: var(--purple, #5263ff);
  transform: scale(1.015);
}

.nrp-route-tab:hover:not(.active)[b-e196gty4j5] {
  color: var(--dark-txt);
  transform: translateY(-1px) scale(1.01);
}

/* ─── Footer buttons ────────────────────────────────────────────────────────── */
.nrp-btn-cancel[b-e196gty4j5] {
  background-color: #f1f5f9cc;
  border: 1px solid #1e293b17;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: var(--dark-txt);
  padding: 10px 20px;
  height: 44px;
  cursor: pointer;
}

.nrp-btn-create[b-e196gty4j5] {
  background: var(--purple, #5263ff);
  border: none;
  border-radius: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  padding: 10px 20px;
  height: 44px;
  cursor: pointer;
}

.nrp-btn-create:disabled[b-e196gty4j5] {
  opacity: 0.7;
  cursor: not-allowed;
}

.icon-button-div[b-e196gty4j5] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
/* /Pages/Routes/Components/RouteDetailsSlider.razor.rz.scp.css */
.z-index-lower[b-cgwch5b4ow] {
  z-index: 1049 !important;
}

/* ── Right-side slide-in animation ─────────────────────────────────────── */
.routeDetailsSlider.right .modal-dialog[b-cgwch5b4ow] {
  position: fixed;
  margin: 0;
  right: 0;
  top: 0;
  height: 100%;
  max-width: 740px;
  width: 100%;
}

.routeDetailsSlider.right .modal-content[b-cgwch5b4ow] {
  height: 100vh;
  border-radius: 0;
  display: flex;
  flex-direction: column;
  border: none;
}

.routeDetailsSlider.right.fade .modal-dialog[b-cgwch5b4ow] {
  transform: translateX(100%);
  transition: transform 0.3s ease-out;
}

.routeDetailsSlider.right.show .modal-dialog[b-cgwch5b4ow] {
  transform: translateX(0);
}

/* ── Header ──────────────────────────────────────────────────────────── */
.routeDetailsSlider .modal-header[b-cgwch5b4ow] {
  padding: 16px 20px;
  border-bottom: 1px solid #f1f5f9;
  flex-shrink: 0;
  background: #fff;
}

.routeDetailsSlider .rds-icon[b-cgwch5b4ow] {
  width: 48px;
  height: 48px;
  background: #eef0ff;
  border-radius: 10px;
  flex-shrink: 0;
}

.routeDetailsSlider .rds-icon img[b-cgwch5b4ow] {
  width: 22px;
  height: 22px;
}

.routeDetailsSlider .rds-title[b-cgwch5b4ow] {
  font-size: 18px;
  font-weight: 800;
  color: #1e293b;
  margin: 0;
  letter-spacing: -0.2px;
  line-height: 24px;
}

.routeDetailsSlider .rds-duplicate-btn[b-cgwch5b4ow] {
  font-size: 13px;
  font-weight: 600;
  color: var(--gray-txt, #64748b);
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 7px 12px;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
}

.routeDetailsSlider .rds-duplicate-btn:hover[b-cgwch5b4ow] {
  background: #e2e8f0;
}

/* ── Tabs container ───────────────────────────────────────────────────── */
.routeDetailsSlider .rds-tabs-container[b-cgwch5b4ow] {
  padding: 12px 20px;
  background: #fff;
  border-bottom: 1px solid #f1f5f9;
  flex-shrink: 0;
}

.routeDetailsSlider .multi-tabs[b-cgwch5b4ow] {
  gap: 6px;
  background-color: #f1f5f9cc;
  border: 1px #1e293b08 solid;
  border-radius: 16px;
  padding: 6px;
}

.routeDetailsSlider .multi-tabs button.tab[b-cgwch5b4ow] {
  padding: 6px;
  background-color: transparent;
  border: 1px transparent solid;
  border-radius: 10px;
  outline: none;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--gray-txt);
  width: 100%;
  transition:
    background-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    color 0.25s ease,
    transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, box-shadow, background-color, border-color, color;
}

.routeDetailsSlider .multi-tabs button.tab.active[b-cgwch5b4ow] {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1),
    rgba(248, 250, 252, 1)
  );
  border: 1px solid rgba(15, 23, 42, 0.06);
  box-shadow:
    0 1px 1px rgba(15, 23, 42, 0.03),
    0 4px 10px rgba(15, 23, 42, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  color: var(--dark-txt);
  transform: scale(1.015);
}

.routeDetailsSlider .multi-tabs button.tab:hover[b-cgwch5b4ow] {
  color: var(--dark-txt);
  transform: translateY(-1px) scale(1.01);
}

/* ── Body / scrollable content ───────────────────────────────────────── */
.routeDetailsSlider .rds-body[b-cgwch5b4ow] {
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  padding: 0 !important;
}

.routeDetailsSlider .rds-content[b-cgwch5b4ow] {
  /* padding: 12px 24px; */
  min-height: 100%;
}

/* ── Section header ──────────────────────────────────────────────────── */
.routeDetailsSlider .rds-section-header[b-cgwch5b4ow] {
  padding: 12px 24px;
  border-bottom: 1px solid #1e293b17;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.routeDetailsSlider .rds-section-title[b-cgwch5b4ow] {
  font-size: 15px;
  font-weight: 800;
  color: var(--dark-txt);
  margin: 0;
}

.routeDetailsSlider .rds-section-details[b-cgwch5b4ow] {
  padding: 16px 24px;
}

/* ── Edit button ─────────────────────────────────────────────────────── */
.routeDetailsSlider .rds-edit-btn[b-cgwch5b4ow] {
  gap: 2px;
  padding: 8px 10px;
  /* border: 1px #1E293B17 solid; */
  border: none;
  border-radius: 10px;
  outline: none;
  height: 32px;
  background:
    linear-gradient(var(--purple), var(--purple)) padding-box,
    linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
}

.rds-edit-btn-text[b-cgwch5b4ow] {
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.2px;
  color: var(--white);
  padding: 0px 4px;
}

.routeDetailsSlider .rds-edit-btn:hover[b-cgwch5b4ow] {
  opacity: 0.9;
}

/* ── Detail grid ─────────────────────────────────────────────────────── */
.routeDetailsSlider .rds-detail-grid[b-cgwch5b4ow] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  background: #fff;
}

.routeDetailsSlider .rds-detail-item[b-cgwch5b4ow] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.routeDetailsSlider .rds-detail-label[b-cgwch5b4ow] {
  font-size: 13px;
  font-weight: 700;
  color: #1e293b;
  letter-spacing: -0.2px;
  line-height: 20px;
}

.routeDetailsSlider .rds-detail-value[b-cgwch5b4ow] {
  font-size: 13px;
  font-weight: 500;
  color: #475569;
  line-height: 20px;
  letter-spacing: -0.2px;
}

.routeDetailsSlider .rds-color-dot[b-cgwch5b4ow] {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

.routeDetailsSlider .rds-type-badge[b-cgwch5b4ow] {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #363af5;
  background: #5263ff1f;
  border-radius: 8px;
  padding: 4px 8px;
  line-height: 16px;
  letter-spacing: -0.2px;
}

/* ── Work types section ──────────────────────────────────────────────── */
.routeDetailsSlider .rds-work-types[b-cgwch5b4ow] {
  padding: 14px 16px;
  background: #fff;
}

.routeDetailsSlider .rds-wt-badge[b-cgwch5b4ow] {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: #363af5;
  background: #5263ff1f;
  border-radius: 8px;
  padding: 4px 8px;
  line-height: 16px;
  letter-spacing: -0.2px;
}

/* ── Settings rows (view mode) ───────────────────────────────────────── */
.routeDetailsSlider .rds-settings[b-cgwch5b4ow] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: hidden;
}

.routeDetailsSlider .rds-setting-row[b-cgwch5b4ow] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border: none;
  border-radius: 16px;
  background-color: #f1f5f9;
}

.routeDetailsSlider .rds-setting-info[b-cgwch5b4ow] {
  flex: 1;
  min-width: 0;
}

.routeDetailsSlider .rds-setting-title[b-cgwch5b4ow] {
  font-size: 13px;
  font-weight: 700;
  color: var(--dark-txt);
  margin: 0 0 2px;
  line-height: 20px;
  letter-spacing: -0.2px;
}

.routeDetailsSlider .rds-setting-desc[b-cgwch5b4ow] {
  font-size: 13px;
  font-weight: 500;
  color: #475569;
  margin: 0;
  line-height: 20px;
  letter-spacing: -0.2px;
}

.routeDetailsSlider .rds-badge[b-cgwch5b4ow] {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  border-radius: 8px;
  padding: 4px 8px;
  white-space: nowrap;
  flex-shrink: 0;
}

.routeDetailsSlider .rds-badge.enabled[b-cgwch5b4ow] {
  color: #338732;
  background: #409b3f1f;
}

.routeDetailsSlider .rds-badge.disabled[b-cgwch5b4ow] {
  color: #475569;
  background: #ffffff;
  border: 1px solid #1e293b17;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 2px 1.5px -0.5px #1e293b08,
    0px 2px 3px 0px #ffffff08 inset;
}

.routeDetailsSlider .rds-badge-neutral[b-cgwch5b4ow] {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  color: var(--dark-txt);
  background: #f1f5f9;
  border-radius: 6px;
  padding: 4px 10px;
  white-space: nowrap;
  flex-shrink: 0;
}

/* ── Edit form inputs ────────────────────────────────────────────────── */
.routeDetailsSlider .rds-edit-label[b-cgwch5b4ow] {
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  line-height: 20px;
  letter-spacing: -0.2px;
  margin-bottom: 0;
}

.routeDetailsSlider .rds-required[b-cgwch5b4ow] {
  color: var(--orange);
}

.routeDetailsSlider .rds-edit-input[b-cgwch5b4ow] {
  height: 40px;
  width: 100%;
  padding: 8px 12px;
  background-color: var(--white);
  border: 1px solid #1e293b1f;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  outline: none;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}

.routeDetailsSlider .rds-edit-input:focus[b-cgwch5b4ow] {
  box-shadow: 0 0 0 0.2rem #dce0ff;
}

.routeDetailsSlider .rds-edit-input[b-cgwch5b4ow]::placeholder {
  color: #cccccc;
}

.routeDetailsSlider .rds-validation-msg[b-cgwch5b4ow] {
  font-size: 12px;
  font-weight: 600;
  color: var(--orange, #f97316);
}

/* ── Toggle rows (edit mode) ─────────────────────────────────────────── */

.routeDetailsSlider .det-toggle-switch[b-cgwch5b4ow] {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 28px;
  background: linear-gradient(
    180deg,
    rgba(226, 232, 240, 1) 0%,
    rgba(248, 250, 252, 1) 100%
  );
  border-radius: 50px;
  padding: 3px;
  flex-shrink: 0;
}

.routeDetailsSlider .det-toggle-switch input[b-cgwch5b4ow] {
  opacity: 0;
  width: 0;
  height: 0;
}

.routeDetailsSlider .det-toggle-slider[b-cgwch5b4ow] {
  position: absolute;
  cursor: pointer;
  border-radius: 30px;
  background-color: #d3dde8;
  transition: 0.3s;
  height: 22px;
  width: 40px;
}

.routeDetailsSlider .det-toggle-slider[b-cgwch5b4ow]:before {
  content: "";
  position: absolute;
  height: 18px;
  width: 18px;
  left: 2px;
  top: 2px;
  border-radius: 1000px;
  background: linear-gradient(180deg, #e2e8f0 0%, #ffffff 100%);
  border: 3.5px solid #f9fbfc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  transition: 0.3s;
}

.routeDetailsSlider .det-toggle-switch input:checked + .det-toggle-slider[b-cgwch5b4ow] {
  background: linear-gradient(135deg, #5b67f6, #4c57e0);
}

.routeDetailsSlider
  .det-toggle-switch
  input:checked
  + .det-toggle-slider[b-cgwch5b4ow]:before {
  transform: translateX(18px);
  background: #fff;
}

.routeDetailsSlider
  .det-toggle-switch
  input:checked
  + .det-toggle-slider[b-cgwch5b4ow]:after {
  content: "";
  position: absolute;
  right: 5px;
  top: 7.5px;
  width: 11px;
  height: 11px;
  background-image: url("../img/icons/toggle-check-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

/* ── Delete button ───────────────────────────────────────────────────── */
.routeDetailsSlider .rds-delete-btn[b-cgwch5b4ow] {
  background-color: rgba(223, 41, 23, 1); /* Surface/danger_high_em */
  color: #fff;
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 10px 16px;
  font-size: 14px;
  cursor: pointer;
  /* Gradient border effect */
  background-image:
    linear-gradient(rgba(223, 41, 23, 1), rgba(223, 41, 23, 1)),
    linear-gradient(to bottom, rgba(30, 41, 59, 0.09), rgba(30, 41, 59, 0.18));
  background-origin: border-box;
  background-clip: padding-box, border-box;
  /* Shadow + elevation */
  box-shadow:
    0 1px 1px -0.5px rgba(30, 41, 59, 0.03),
    0 4px 24px rgba(0, 0, 0, 0.15);
  /* Optional blur effect (for glass feel) */
  backdrop-filter: blur(24px);
  transition: all 0.2s ease;
}

.routeDetailsSlider .rds-delete-btn:hover:not(:disabled)[b-cgwch5b4ow] {
  transform: translateY(-1px);
  box-shadow:
    0 2px 4px rgba(0, 0, 0, 0.2),
    0 6px 30px rgba(0, 0, 0, 0.2);
}

.routeDetailsSlider .rds-delete-btn:disabled[b-cgwch5b4ow] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* ── Empty state ─────────────────────────────────────────────────────── */
.routeDetailsSlider .rds-empty-state[b-cgwch5b4ow] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px 20px;
  text-align: center;
}

.routeDetailsSlider .rds-empty-state p[b-cgwch5b4ow] {
  font-size: 13px;
  font-weight: 500;
  color: var(--gray-txt, #64748b);
  margin: 0;
}

/* ── Info banner ─────────────────────────────────────────────────────── */
.routeDetailsSlider .rds-info-banner[b-cgwch5b4ow] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 20px 24px;
  background: #f1f5f9;
  color: #475569;
}

.routeDetailsSlider .rds-info-banner p[b-cgwch5b4ow] {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  line-height: 20px;
  color: #475569;
  letter-spacing: -0.2px;
}

/* ── Add driver button ───────────────────────────────────────────────── */
.routeDetailsSlider .rds-add-driver-btn[b-cgwch5b4ow] {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background:
    linear-gradient(var(--purple), var(--purple)) padding-box,
    linear-gradient(90deg, #1e293b17, #1e293b2e) border-box;
  border: 1px solid transparent;
  border-radius: 10px;
  padding: 6px 12px;
  height: 32px;
  cursor: pointer;
  backdrop-filter: blur(24px);
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset;
  transition: opacity 0.15s;
  white-space: nowrap;
}

.routeDetailsSlider .rds-add-driver-btn:hover[b-cgwch5b4ow] {
  opacity: 0.9;
}

/* ── Drivers list ────────────────────────────────────────────────────── */
.routeDetailsSlider .rds-drivers-list[b-cgwch5b4ow] {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  border-bottom: 1px solid #1e293b17;
}

.routeDetailsSlider .rds-driver-row[b-cgwch5b4ow] {
  padding: 12px 24px;
  border-bottom: 1px solid #f1f5f9;
}

.routeDetailsSlider .rds-driver-row:last-child[b-cgwch5b4ow] {
  border-bottom: none;
}

.rds-driver-info[b-cgwch5b4ow] {
  flex: 1;
}

.routeDetailsSlider .rds-driver-name[b-cgwch5b4ow] {
  font-size: 13px;
  font-weight: 600;
  color: var(--dark-txt);
  margin: 0;
  display: flex;
  flex-direction: column;
  max-width: 160px;
}

.routeDetailsSlider .rds-driver-phone[b-cgwch5b4ow] {
  font-size: 13px;
  font-weight: 500;
  color: var(--gray-txt, #475569);
  margin: 0;
  white-space: nowrap;
  min-width: 130px;
  flex: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.routeDetailsSlider .rds-driver-email[b-cgwch5b4ow] {
  font-size: 13px;
  font-weight: 500;
  color: var(--gray-txt, #475569);
  margin: 0;
  white-space: nowrap;
  min-width: 160px;
  text-align: right;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.routeDetailsSlider .rds-remove-driver-btn[b-cgwch5b4ow] {
  width: 24px;
  height: 24px;
  border: none;
  background: transparent;
  color: #df2917;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  transition: color 0.12s;
}

.routeDetailsSlider .rds-remove-driver-btn:hover[b-cgwch5b4ow] {
  filter: brightness(2);
}

/* ── Footer (edit mode) ──────────────────────────────────────────────── */
.routeDetailsSlider .rds-footer[b-cgwch5b4ow] {
  padding: 14px 20px;
  display: flex;
  gap: 16px;
  border-top: 1px solid #f1f5f9;
  background: #fff;
  flex-shrink: 0;
}

.routeDetailsSlider .rds-cancel-btn[b-cgwch5b4ow] {
  flex: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--gray-txt, #64748b);
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 10px 16px;
  cursor: pointer;
  transition: background 0.15s;
}

.routeDetailsSlider .rds-cancel-btn:hover:not(:disabled)[b-cgwch5b4ow] {
  background: #e2e8f0;
}

.routeDetailsSlider .rds-cancel-btn:disabled[b-cgwch5b4ow] {
  opacity: 0.6;
  cursor: not-allowed;
}

.routeDetailsSlider .rds-save-btn[b-cgwch5b4ow] {
  flex: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: var(--purple, #5263ff);
  border: none;
  border-radius: 10px;
  box-shadow: 0 6px 18px rgba(79, 91, 213, 0.3);
  padding: 10px 20px;
  cursor: pointer;
  transition: background 0.15s;
}

.routeDetailsSlider .rds-save-btn:hover:not(:disabled)[b-cgwch5b4ow] {
  background: #4250e0;
}

.routeDetailsSlider .rds-save-btn:disabled[b-cgwch5b4ow] {
  opacity: 0.7;
  cursor: not-allowed;
}

.routeDetailsSlider .icon-button-div[b-cgwch5b4ow] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

/* ── Locations tab ── */
.routeDetailsSlider .rds-loc-empty-banner[b-cgwch5b4ow] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  color: #475569;
}

.routeDetailsSlider .rds-loc-empty-banner p[b-cgwch5b4ow] {
  font-size: 13px;
  font-weight: 500;
  margin: 0;
}

.routeDetailsSlider .rds-loc-list[b-cgwch5b4ow] {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.routeDetailsSlider .rds-loc-item[b-cgwch5b4ow] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 24px;
  border-bottom: 1px solid #1e293b17;
}

.routeDetailsSlider .rds-loc-item:first-child[b-cgwch5b4ow] {
  border-top: 1px solid #1e293b17;
}

.routeDetailsSlider .rds-loc-item:hover[b-cgwch5b4ow] {
  background: #5263ff1f;
}

.routeDetailsSlider .rds-loc-num[b-cgwch5b4ow] {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #f1f5f9cc;
  border: 1px solid #1e293b0f;
  font-size: 15px;
  font-weight: 700;
  color: #475569;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.routeDetailsSlider .rds-loc-info[b-cgwch5b4ow] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.routeDetailsSlider .rds-loc-name[b-cgwch5b4ow] {
  font-size: 13px;
  font-weight: 700;
  color: #1e293b;
  line-height: 20px;
  letter-spacing: -0.2px;
  overflow-wrap: anywhere;
  word-break: normal;
}

.routeDetailsSlider .rds-loc-addr[b-cgwch5b4ow] {
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  line-height: 20px;
  letter-spacing: -0.2px;
  overflow-wrap: anywhere;
  word-break: normal;
}

.rds-button-text[b-cgwch5b4ow] {
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.2px;
}
/* /Pages/Routes/Components/RouteLocationsPopup.razor.rz.scp.css */
.rlp-body[b-7y4egce3p2] {
  padding: 16px;
  background-color: #f1f5f9;
}

.rlp-loading[b-7y4egce3p2] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 660px;
}

/* ── Two-column layout ── */
.rlp-columns[b-7y4egce3p2] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  max-height: 640px;
  min-height: 640px;
  height: 100%;
}

/* ── Panel ── */
.rlp-panel[b-7y4egce3p2] {
  display: flex;
  flex-direction: column;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
  max-height: 640px;
  height: 100%;
}

.rlp-panel-header[b-7y4egce3p2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #ffffff;
  border-bottom: 1px solid #e2e8f0;
  flex-shrink: 0;
  gap: 8px;
  height: 56px;
}

.rlp-panel-title[b-7y4egce3p2] {
  flex: 1;
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
  line-height: 24px;
  letter-spacing: -0.2px;
}

/* ── Search ── */
.rlp-search-wrap[b-7y4egce3p2] {
  flex: 1;
}

/* ── Lists ── */
.rlp-list[b-7y4egce3p2] {
  flex: 1;
  overflow-y: auto;
  scrollbar-width: thin;
  background-color: #ffffff;
}

.rlp-empty[b-7y4egce3p2] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 13px;
  font-weight: 500;
  color: #94a3b8;
}

/* ── Added location item ── */
.rlp-added-item[b-7y4egce3p2] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid #f1f5f9;
  cursor: default;
  background: #fff;
  transition: background 0.12s;
}

.rlp-added-item:last-child[b-7y4egce3p2] {
  border-bottom: none;
}

.rlp-added-item:hover[b-7y4egce3p2] {
  background: #f8fafc;
}

/* SortableJS drag states */
.rlp-drag-ghost[b-7y4egce3p2] {
  opacity: 0.3 !important;
  border: 1px dashed #cbd5e1 !important;
  background: #f8fafc !important;
}

.rlp-drag-chosen[b-7y4egce3p2] {
  background: #f8fafc !important;
}

.rlp-drag-dragging[b-7y4egce3p2] {
  background: #ffffff !important;
  box-shadow:
    0 10px 25px -5px rgba(0, 0, 0, 0.1),
    0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
  opacity: 0.95 !important;
}

.rlp-item-num[b-7y4egce3p2] {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #F1F5F9CC;
  border: 1px solid #1E293B0F;
  font-size: 15px;
  font-weight: 700;
  color: #475569;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* ── All location item ── */
.rlp-all-item[b-7y4egce3p2] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid #f1f5f9;
  background: #fff;
  transition: background 0.12s;
}

.rlp-all-item:last-child[b-7y4egce3p2] {
  border-bottom: none;
}

.rlp-all-item:hover[b-7y4egce3p2] {
  background: #f8fafc;
}

.rlp-all-item--added[b-7y4egce3p2] {
  opacity: 0.55;
}

.rlp-loc-icon[b-7y4egce3p2] {
  color: #94a3b8;
  flex-shrink: 0;
}

/* ── Item text ── */
.rlp-item-info[b-7y4egce3p2] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.rlp-item-name[b-7y4egce3p2] {
  font-size: 13px;
  font-weight: 700;
  color: #1e293b;
  line-height: 20px;
  letter-spacing: -0.2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 448px;
}

.rlp-item-addr[b-7y4egce3p2] {
  font-size: 13px;
  font-weight: 600;
  color: #475569;
  line-height: 20px;
  letter-spacing: -0.2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 448px;
}

/* ── Buttons ── */
.rlp-remove-btn[b-7y4egce3p2] {
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  color: #ef4444;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  border-radius: 8px;
  transition:
    background 0.12s,
    color 0.12s;
  background-color: #ed40301f;
}

.rlp-remove-btn:hover[b-7y4egce3p2] {
  background: #fef2f2;
  color: #dc2626;
}

.rlp-add-btn[b-7y4egce3p2] {
  width: 32px;
  height: 32px;
  border: none;
  background: #fff;
  color: #5263ff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  border-radius: 8px;
  transition:
    background 0.12s,
    border-color 0.12s;
  background-color: #5263ff1f;
}

.rlp-add-btn:hover[b-7y4egce3p2] {
  background: #eef0ff;
  border-color: #5263ff;
}

.rlp-added-badge[b-7y4egce3p2] {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: #f0fdf4;
  color: #16a34a;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.rlp-drag-handle[b-7y4egce3p2] {
  color: #cbd5e1;
  cursor: grab;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 2px;
  background-color: #f1f5f9cc;
  border: 1px solid #1e293b0f;
  border-radius: 8px;
}

.rlp-drag-handle:hover[b-7y4egce3p2] {
  color: #94a3b8;
  background: #E2E8F0CC;
}

.rlp-drag-handle:active[b-7y4egce3p2] {
  cursor: grabbing;
}

.rlp-restore-btn[b-7y4egce3p2] {
  width: 32px;
  height: 32px;
  border: none;
  background: #fff;
  color: #5263ff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
  border-radius: 8px;
  transition:
    background 0.12s,
    border-color 0.12s;
  background-color: #5263ff1f;
}

.rlp-restore-btn:hover[b-7y4egce3p2] {
  background: #eef0ff;
  border-color: #5263ff;
}

.rlp-footer[b-7y4egce3p2] {
  display: flex;
  justify-content: flex-end; /* push buttons to right */
  align-items: center;
  gap: 16px; /* space between buttons */
  width: 100%;
  margin: 0px;
}
/* /Pages/Routes/Routes.razor.rz.scp.css */
.title-button[b-s4qnxegvjc] {
	/*height: 40px;
	width: 194px;*/
	padding:4px 10px;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: var(--white);
	border: none;
	outline: none;
	/* border: 1px transparent solid; */
	border-radius: 10px;
	background: linear-gradient(var(--purple), var(--purple)) padding-box, linear-gradient(90deg, #1E293B17, #1E293B2E) border-box;
	backdrop-filter: blur(24px);
	box-shadow: 0px 1px 1px -0.5px #1E293B08, 0px 3px 3px 0px #FFFFFF1F inset;
}

.title-button img[b-s4qnxegvjc] {
	height: 18px;
}

.title-button .badgee[b-s4qnxegvjc] {
	height: 18px;
	width: 18px;
	background-color: var(--white);
	border: 1px #1E293B17 solid;
	box-shadow: 0 2px 1.5px -0.5px #1E293B08;
	color: var(--gray-txt);
	border-radius: 6px;
	font-size: 10px;
	font-weight: 600;
	line-height: 16px;
	letter-spacing: -0.2px;
}

.title-button:hover[b-s4qnxegvjc] {
	opacity: 0.9;
}

.menu-backdrop[b-s4qnxegvjc] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: transparent;
  z-index: 999;
}

/* ─── Route color dot ──────────────────────────────────────────────────────── */
.route-color-dot[b-s4qnxegvjc] {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 99999px;
  flex-shrink: 0;
}

/* ─── Route name ───────────────────────────────────────────────────────────── */
.route-name-text[b-s4qnxegvjc] {
  font-size: 13px;
  font-weight: 800;
  color: var(--dark-txt);
  margin: 0;
  line-height: 20px;
  letter-spacing: -0.2px;
}

/* ─── Contractor own badge ─────────────────────────────────────────────────── */
.contractor-own-badge[b-s4qnxegvjc] {
  font-size: 12px;
  font-weight: 600;
  color: #363AF5;
  background-color: #5263FF1F;
  border-radius: 8px;
  padding: 4px 8px;
  white-space: nowrap;
  border: none;
  line-height: 16px;
  letter-spacing: -0.2px;
}

.contractor-other-badge[b-s4qnxegvjc] {
	font-size: 12px;
	font-weight: 600;
	color: #1E293B;
	background-color: #F1F5F9CC;
	border-radius: 8px;
	padding: 4px 8px;
	white-space: nowrap;
	border: 1px solid #1E293B08;
	line-height: 16px;
	letter-spacing: -0.2px;
}

/* ─── Count badge (locations / drivers) ────────────────────────────────────── */
.route-location-badge[b-s4qnxegvjc] {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	width: fit-content;
	background-color: #5263FF1F;
	border: none;
	border-radius: 8px;
	padding: 4px 8px;
	font-size: 12px;
	font-weight: 600;
	color: #363AF5;
	line-height: 16px;
	letter-spacing: -0.2px;
}

.route-driver-badge[b-s4qnxegvjc] {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 5px;
	width: fit-content;
	background-color: #06B1F11F;
	border: none;
	border-radius: 8px;
	padding: 4px 8px;
	font-size: 12px;
	font-weight: 600;
	color: #0071A7;
	line-height: 16px;
	letter-spacing: -0.2px;
}

/* ─── Warning icon column ──────────────────────────────────────────────────── */
.routes-icon-col[b-s4qnxegvjc] {
  width: 1%;
  white-space: nowrap;
  text-align: center;
  padding-right: 16px !important;
}

.route-warning-icon[b-s4qnxegvjc] {
  width: 20px;
  height: 20px;
  display: block;
}

/* ─── Filter select button ─────────────────────────────────────────────────── */
.route-filter-select button[b-s4qnxegvjc] {
  white-space: nowrap;
}
/* /Pages/Users/Components/CreateUserPopup.razor.rz.scp.css */
/* ── Input focus override (matches design system: indigo ring) ───────────── */
.form-control:focus[b-1paae51nrj] {
  border-color: #5263ff;
  box-shadow: 0 0 0 3px rgba(82, 99, 255, 0.1);
}

.form-control.is-invalid:focus[b-1paae51nrj] {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.cu-body-wrap[b-1paae51nrj] {
  padding: 20px;
  background: #f1f5f9;
}

/* ── Share with contractors box ──────────────────────────────────────────── */
.cu-contractors-box[b-1paae51nrj] {
  border: none;
  border-radius: 16px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.cu-contractors-header[b-1paae51nrj] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 500;
  color: #1e293b;
  border-bottom: 1px solid #1e293b0f;
}

.cu-contractors-count[b-1paae51nrj] {
  color: #64748b;
  font-weight: 500;
  font-size: 12px;
}

.cu-contractors-list[b-1paae51nrj] {
  max-height: 180px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #c3c8cf transparent;
}

.cu-contractors-item[b-1paae51nrj] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  cursor: pointer;
  font-size: 13px;
  color: #1e293b;
  margin: 0;
  user-select: none;
}

.cu-contractors-item:hover[b-1paae51nrj] {
  background-color: #eef0ff;
}

.cu-contractors-checkbox[b-1paae51nrj] {
  width: 18px !important;
  height: 18px !important;
  border-radius: 6px !important;
  padding: 2px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s !important;
  background: linear-gradient(180deg, #f1f5f9 0%, #ffffff 100%) !important;
  border: 2.5px solid #d9dee3 !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  flex-shrink: 0 !important;
}

.cu-contractors-checkbox.checked[b-1paae51nrj] {
  background: linear-gradient(180deg, #5263ff 0%, #5263ff 100%) !important;
  color: white !important;
  backdrop-filter: blur(24px) !important;
  box-shadow:
    0px 1px 1px -0.5px #1e293b08,
    0px 3px 3px 0px #ffffff1f inset !important;
  border: none !important;
}

.cu-contractors-checkbox-icon[b-1paae51nrj] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: 15px !important;
  font-weight: initial !important;
  line-height: initial !important;
  letter-spacing: initial !important;
  color: white !important;
}
/* /Pages/Users/Components/UserDetailsSlider.razor.rz.scp.css */
.z-index-lower[b-jev0ktg3j3] {
  z-index: 1049 !important;
}

/* ── User details slider ─────────────────────────────────────────────────── */
.userDetailsSlider.right .modal-dialog[b-jev0ktg3j3] {
    position: fixed;
    margin: 0;
    right: 0;
    top: 0;
    height: 100%;
    max-width: 740px;
    width: 100%;
}

.userDetailsSlider.right .modal-content[b-jev0ktg3j3] {
    height: 100vh;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    border: none;
}

.userDetailsSlider.right.fade .modal-dialog[b-jev0ktg3j3] {
    transform: translateX(100%);
    transition: transform 0.3s ease-out;
}

.userDetailsSlider.right.show .modal-dialog[b-jev0ktg3j3] {
    transform: translateX(0);
}
/* ── End user details slider ─────────────────────────────────────────────── */


/* ── Shell ───────────────────────────────────────────────────────────────── */
.uds-shell[b-jev0ktg3j3] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    background: #F8FAFC;
}

/* ── Header ──────────────────────────────────────────────────────────────── */
.uds-header[b-jev0ktg3j3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 24px;
    background: #fff;
    border-bottom: 1px solid #EBECED;
    flex-shrink: 0;
    flex-wrap: wrap;
}

.uds-header-identity[b-jev0ktg3j3] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.uds-name[b-jev0ktg3j3] {
	font-size: 18px;
	font-weight: 800;
	color: #1E293B;
	margin: 0 0 2px;
	letter-spacing: -0.2px;
	line-height: 24px;
}

.uds-role[b-jev0ktg3j3] {
	font-size: 13px;
	font-weight: 600;
	color: #64748B;
	line-height: 20px;
	letter-spacing: -0.2px;
	margin: 0;
}

/* Header action buttons */
.uds-header-actions[b-jev0ktg3j3] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
}

/* ── Body ────────────────────────────────────────────────────────────────── */
.uds-body[b-jev0ktg3j3] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 24px;
    background: #fff;
}

/* ── Details grid ────────────────────────────────────────────────────────── */
.uds-grid[b-jev0ktg3j3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.uds-detail-item[b-jev0ktg3j3] {
    background: #F1F5F9;
    border: none;
    border-radius: 16px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-width: 338px;
}

.uds-detail-label[b-jev0ktg3j3] {
	font-size: 13px;
	font-weight: 700;
	color: #1E293B;
	line-height: 20px;
	letter-spacing: -0.2px;
}

.uds-detail-value[b-jev0ktg3j3] {
    font-size: 13px;
    font-weight: 500;
    color: #475569;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    letter-spacing: -0.2px;
}

/* ── Status badge inside grid ────────────────────────────────────────────── */
.uds-status-badge[b-jev0ktg3j3] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    width: max-content;
}
/* /Pages/Users/Users.razor.rz.scp.css */
/* ── Filter dropdowns ────────────────────────────────────────────────────── */
.users-filter-group[b-03idncdxnz] {
    flex-shrink: 0;
}

.users-filter-dropdown[b-03idncdxnz] {
    width: 140px;
}

/* ── Table layout ────────────────────────────────────────────────────────── */
.users-table[b-03idncdxnz] {
    table-layout: fixed;
    width: 100%;
}

.users-table thead th[b-03idncdxnz] {
    text-transform: uppercase;
}

/* ── Avatar circle ───────────────────────────────────────────────────────── */
.users-avatar[b-03idncdxnz] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    background-clip: padding-box; 
    box-sizing: border-box;
}

.user-avtar-blue[b-03idncdxnz] {
    background-image: linear-gradient(180deg, #5263FF 0%, rgba(82, 99, 255, 0.2) 100%);
    border: 1px solid rgba(82, 99, 255, 0.3);
}

.user-avtar-orange[b-03idncdxnz] {
    background-image: linear-gradient(180deg, #F74E03 0%, rgba(247, 78, 3, 0.2) 100%);
    border: 1px solid rgba(247, 78, 3, 0.3);
}

.user-avtar-pink[b-03idncdxnz] {
    background-image: linear-gradient(180deg, #F83CE9 0%, rgba(248, 60, 233, 0.2) 100%);
    border: 1px solid rgba(248, 60, 233, 0.3);
}

.user-avtar-green[b-03idncdxnz] {
    background-image: linear-gradient(180deg, #409B3F 0%, rgba(64, 155, 63, 0.2) 100%);
    border: 1px solid rgba(64, 155, 63, 0.3);
}

.users-avatar-initials[b-03idncdxnz] {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.2px;
}

.users-avatar-fallback[b-03idncdxnz] {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/* ── Name & role ─────────────────────────────────────────────────────────── */
.users-name[b-03idncdxnz] {
    font-size: 14px;
    font-weight: 500;
    color: #1E293B;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.users-role[b-03idncdxnz] {
    font-size: 12px;
    font-weight: 400;
    color: #64748B;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Muted cells ─────────────────────────────────────────────────────────── */
.users-cell-muted[b-03idncdxnz] {
    font-size: 14px;
    font-weight: 400;
    color: #64748B;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Status badge ────────────────────────────────────────────────────────── */
.users-status-badge[b-03idncdxnz],
.users-status-badge-clickable[b-03idncdxnz] {
    display: inline-block;
    height: 26px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: middle;
}

.users-status-badge-clickable[b-03idncdxnz] {
    cursor: pointer;
}

.users-status-badge-clickable:hover[b-03idncdxnz] {
    opacity: 0.8;
}

.users-status-badge-clickable.disabled[b-03idncdxnz] {
    cursor: not-allowed;
    pointer-events: none;
}

/* ── Origin badge ────────────────────────────────────────────────────────── */
.users-origin-badge[b-03idncdxnz],
.users-origin-badge-alter[b-03idncdxnz] {
    display: inline-block;
    height: 26px;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    background-color: #EEF0FF;
    color: #4F46E5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    vertical-align: middle;
}

.users-origin-badge-alter[b-03idncdxnz] {
    background-color: #F1F5F9CC;
    border: 1px solid #1E293B08;
    color: #1E293B;
}

/* ── Action cell ─────────────────────────────────────────────────────────── */
.users-action-cell[b-03idncdxnz] {
    text-align: center;
}

.users-view-btn[b-03idncdxnz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
}