/**
 * Quote modal scrollbar — linked after main.css in layout.tsx.
 */
.quote-modal-panel {
  color-scheme: light;
}

html.dark .quote-modal-panel {
  color-scheme: dark;
}

.quote-modal-panel .quote-modal-scroll {
  --quote-scrollbar-track: #fcfcfd;
  --quote-scrollbar-thumb: #c5ccd6;
  --quote-scrollbar-thumb-hover: #aab3bf;
  scrollbar-width: thin;
  scrollbar-color: var(--quote-scrollbar-thumb) var(--quote-scrollbar-track);
}

html.dark .quote-modal-panel .quote-modal-scroll {
  --quote-scrollbar-track: #0f1217;
  --quote-scrollbar-thumb: #3a4552;
  --quote-scrollbar-thumb-hover: #4d5968;
  scrollbar-color: var(--quote-scrollbar-thumb) var(--quote-scrollbar-track);
}

.quote-modal-panel .quote-modal-scroll::-webkit-scrollbar {
  width: 10px;
}

.quote-modal-panel .quote-modal-scroll::-webkit-scrollbar-track,
.quote-modal-panel .quote-modal-scroll::-webkit-scrollbar-track-piece {
  background-color: var(--quote-scrollbar-track) !important;
}

.quote-modal-panel .quote-modal-scroll::-webkit-scrollbar-thumb {
  background-color: var(--quote-scrollbar-thumb) !important;
  border: 2px solid var(--quote-scrollbar-track) !important;
  border-radius: 9999px;
}

.quote-modal-panel .quote-modal-scroll::-webkit-scrollbar-thumb:hover {
  background-color: var(--quote-scrollbar-thumb-hover) !important;
}

.quote-modal-panel .quote-modal-scroll::-webkit-scrollbar-button,
.quote-modal-panel .quote-modal-scroll::-webkit-scrollbar-button:single-button:vertical:decrement,
.quote-modal-panel .quote-modal-scroll::-webkit-scrollbar-button:single-button:vertical:increment {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background-color: var(--quote-scrollbar-track) !important;
}

.quote-modal-panel .quote-modal-scroll::-webkit-scrollbar-corner {
  background-color: var(--quote-scrollbar-track) !important;
}

.quote-modal-panel .quote-service-dropdown {
  scrollbar-width: thin;
  scrollbar-color: var(--quote-scrollbar-thumb, #c5ccd6)
    var(--quote-scrollbar-track, #fcfcfd);
}

html.dark .quote-modal-panel .quote-service-dropdown {
  scrollbar-color: var(--quote-scrollbar-thumb, #3a4552)
    var(--quote-scrollbar-track, #0f1217);
}

.quote-modal-panel .quote-service-option-checkbox {
  box-shadow: inset 0 0 0 1px rgba(16, 24, 40, 0.04);
}

.quote-modal-panel .quote-service-option-checkbox:not(:has(svg)) {
  background-color: #fcfcfd;
}

html.dark .quote-modal-panel .quote-service-option-checkbox:not(:has(svg)) {
  background-color: #0f1217;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}