.driver-overlay { fill: rgb(38 22 52 / 28%); }
.driver-popover.wsb-guidance-popover { max-width: min(360px, calc(100vw - 24px)); border: 1px solid color-mix(in srgb, #711bc2 24%, #e6e0eb); border-radius: 15px; padding: 17px; background: #fff; box-shadow: 0 20px 52px rgb(31 20 46 / 22%); color: #21182b; font-family: inherit; }
.wsb-guidance-popover .driver-popover-title { color: #21182b; font-size: 18px; font-weight: 650; line-height: 1.25; }
.wsb-guidance-popover .driver-popover-description { margin-top: 7px; color: #655d6d; font-size: 13px; line-height: 1.55; }
.wsb-guidance-popover .driver-popover-footer { margin-top: 14px; }
.wsb-guidance-popover .driver-popover-next-btn { min-height: 42px; border: 0; border-radius: 10px; padding: 9px 17px; background: linear-gradient(115deg, #ff2c3b, #711bc2); color: #fff; font: inherit; font-size: 13px; font-weight: 650; text-shadow: none; }
.wsb-guidance-popover .driver-popover-close-btn { width: 40px; height: 40px; color: #6b6273; font-size: 22px; }
.wsb-guidance-hint { position: fixed; z-index: 100030; top: 0; left: 0; display: grid; width: min(280px, calc(100vw - 24px)); grid-template-columns: minmax(0, 1fr) auto; gap: 3px 10px; border: 1px solid color-mix(in srgb, #711bc2 28%, #ddd6e4); border-radius: 12px; padding: 12px; background: #fff; box-shadow: 0 14px 38px rgb(31 20 46 / 20%); color: #21182b; }
.wsb-guidance-hint strong { font-size: 13px; }.wsb-guidance-hint span { grid-column: 1; color: #655d6d; font-size: 12px; line-height: 1.45; }.wsb-guidance-hint button { grid-column: 2; grid-row: 1 / 3; align-self: center; border: 0; padding: 8px 4px; background: transparent; color: #711bc2; font: inherit; font-size: 12px; font-weight: 650; cursor: pointer; }
@media (max-width: 430px) { .driver-popover.wsb-guidance-popover { padding: 15px; } .wsb-guidance-popover .driver-popover-title { font-size: 17px; } }
@media (prefers-reduced-motion: reduce) { .driver-popover.wsb-guidance-popover, .wsb-guidance-hint { transition: none !important; animation: none !important; } }