:root {
    --filament-tour-accent: var(--primary-600, rgb(40, 87, 130));
    --filament-tour-surface-start: #e6f3ff;
    --filament-tour-surface-end: #cfe7ff;
    --filament-tour-border: rgba(40, 87, 130, 0.18);
    --filament-tour-text: #0f172a;
    --filament-tour-muted: #475569;
}

.shepherd-element {
    background: linear-gradient(135deg, var(--filament-tour-surface-start), var(--filament-tour-surface-end));
    border: 1px solid var(--filament-tour-border);
    border-radius: 14px;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.15), 0 2px 8px rgba(15, 23, 42, 0.08);
    font-family: var(--font-family, ui-sans-serif, system-ui, sans-serif);
    max-width: 360px;
}

.shepherd-content {
    background: transparent;
    border-radius: 14px;
}

.shepherd-header {
    background: linear-gradient(135deg, var(--filament-tour-surface-start), var(--filament-tour-surface-end)) !important;
    border-bottom: 0;
    padding: 16px 16px 4px;
}

.shepherd-title {
    color: var(--filament-tour-text);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.shepherd-text {
    background: transparent !important;
    color: var(--filament-tour-muted);
    font-size: 0.95rem;
    line-height: 1.5;
    padding: 0 16px 12px;
}

.shepherd-footer {
    padding: 0 16px 16px;
    gap: 8px;
    justify-content: flex-end;
}

.shepherd-button {
    border-radius: 10px;
    font-weight: 600;
    padding: 8px 14px;
    transition: transform 120ms ease, box-shadow 120ms ease, background 120ms ease;
}

.shepherd-footer .shepherd-button:not(:last-child) {
    background: transparent;
    color: var(--filament-tour-text);
    border: 1px solid var(--filament-tour-border);
}

.shepherd-footer .shepherd-button:last-child {
    background: var(--filament-tour-accent);
    color: #ffffff;
    border: 1px solid transparent;
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.12);
}

.shepherd-footer .shepherd-button:last-child:hover {
    transform: translateY(-1px);
}

.shepherd-cancel-icon {
    color: var(--filament-tour-muted);
}

.shepherd-arrow:before {
    background: linear-gradient(135deg, var(--filament-tour-surface-start), var(--filament-tour-surface-end)) !important;
    border: 1px solid var(--filament-tour-border);
}

.shepherd-modal-overlay-container.shepherd-modal-is-visible {
    background: rgba(15, 23, 42, 0.82);
    pointer-events: none;
}

.filament-tour-overlay-hole .shepherd-modal-overlay-container {
    opacity: 0 !important;
    pointer-events: none !important;
}

.filament-tour-overlay-hole .fi-dropdown-panel {
    position: relative;
    z-index: 10005;
    pointer-events: auto !important;
}

.filament-tour-overlay-slice {
    position: fixed;
    background: rgba(15, 23, 42, 0.82);
    inset: auto;
    z-index: 9998;
}

.filament-tour-highlight {
    box-shadow: 0 0 0 4px rgba(40, 87, 130, 0.25), 0 12px 24px rgba(15, 23, 42, 0.12);
    border-radius: 8px;
}

@media (max-width: 640px) {
    .shepherd-element {
        max-width: 92vw;
    }
}