/*
 * DATAMIND Onboarding Tour — Driver.js brand overrides
 * All selectors scoped to .driver-* to avoid leaking into app styles.
 */

/* Popover container */
.driver-popover {
    border-radius: 10px !important;
    border: none !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16) !important;
    padding: 20px !important;
    max-width: 320px !important;
    font-family: inherit !important;
}

/* Title */
.driver-popover-title {
    color: #F7941D !important;
    font-weight: 700 !important;
    font-size: 1rem !important;
    margin-bottom: 8px !important;
}

/* Description */
.driver-popover-description {
    color: #374151 !important;
    font-size: 0.875rem !important;
    line-height: 1.55 !important;
}

/* Description links */
.driver-popover-description a {
    color: #1949ff !important;
    text-decoration: none !important;
}
.driver-popover-description a:hover {
    text-decoration: underline !important;
}

/* Progress text */
.driver-popover-progress-text {
    color: #9ca3af !important;
    font-size: 0.75rem !important;
}

/* Navigation footer */
.driver-popover-footer {
    margin-top: 16px !important;
}

/* Next / Done buttons */
.driver-next-btn,
.driver-done-btn {
    background: #F7941D !important;
    border: 1px solid #F7941D !important;
    border-radius: 6px !important;
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    padding: 6px 14px !important;
    cursor: pointer !important;
}
.driver-next-btn:hover,
.driver-done-btn:hover {
    background: #e07e10 !important;
    border-color: #e07e10 !important;
}

/* Previous button */
.driver-prev-btn {
    background: transparent !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    color: #374151 !important;
    font-size: 0.82rem !important;
    padding: 6px 14px !important;
    cursor: pointer !important;
}
.driver-prev-btn:hover {
    background: #f8f9fa !important;
}

/* Close (×) button */
.driver-popover-close-btn {
    color: #9ca3af !important;
    font-size: 1rem !important;
}
.driver-popover-close-btn:hover {
    color: #374151 !important;
}

/* Overlay */
.driver-overlay {
    opacity: 0.5 !important;
}

/* Highlighted element ring */
.driver-active-element,
.driver-highlighted-element {
    outline: 2px solid #F7941D !important;
    outline-offset: 3px !important;
    border-radius: 4px !important;
}