.shepherd-element { 
    border-radius: 12px !important; 
    max-width: 300px !important; 
}
.shepherd-header { 
    background: #2563eb !important; 
    border-radius: 12px 12px 0 0 !important; 
    padding: 10px 18px !important; 
}
.shepherd-title { 
    color: #fff !important; 
    font-weight: 600 !important; 
    font-size: 14px !important; 
}
.shepherd-cancel-icon { 
    color: #fff !important; 
}
.shepherd-text { 
    padding: 14px 18px !important; 
    font-size: 14px !important; 
    color: #374151 !important; 
    line-height: 1.6 !important; 
}
.shepherd-footer { 
    padding: 10px 18px 14px !important; 
    gap: 8px !important; 
}
.shepherd-button { 
    border-radius: 8px !important; 
    font-size: 13px !important; 
    font-weight: 500 !important; 
    padding: 6px 14px !important; 
}
.shepherd-button-secondary { 
    background: transparent !important; 
    border: 1px solid #d1d5db !important; 
    color: #6b7280 !important; 
}
.shepherd-button:not(.shepherd-button-secondary) { 
    background: #2563eb !important; 
    color: #fff !important; 
    border: none !important; 
}

/* ✅ Fix arrow shape */
.shepherd-arrow,
.shepherd-arrow:before {
    width: 16px !important;
    height: 16px !important;
    position: absolute !important;
    z-index: -1 !important;
}

.shepherd-arrow:before {
    content: "" !important;
    background: #fff !important;
    width: 12px !important;
    height: 12px !important;
    transform: rotate(45deg) !important;
    border-radius: 2px !important;
}

/* Arrow pointing right (tooltip on right side) */
.shepherd-element[data-popper-placement^="right"] .shepherd-arrow {
    left: -8px !important;
}
.shepherd-element[data-popper-placement^="right"] .shepherd-arrow:before {
    border-left: 1px solid #e5e7eb !important;
    border-bottom: 1px solid #e5e7eb !important;
}

/* Arrow pointing left (tooltip on left side) */
.shepherd-element[data-popper-placement^="left"] .shepherd-arrow {
    right: -8px !important;
}
.shepherd-element[data-popper-placement^="left"] .shepherd-arrow:before {
    border-right: 1px solid #e5e7eb !important;
    border-top: 1px solid #e5e7eb !important;
}

/* Arrow pointing down (tooltip on top) */
.shepherd-element[data-popper-placement^="top"] .shepherd-arrow {
    bottom: -8px !important;
}
.shepherd-element[data-popper-placement^="top"] .shepherd-arrow:before {
    border-right: 1px solid #e5e7eb !important;
    border-bottom: 1px solid #e5e7eb !important;
}

/* Arrow pointing up (tooltip on bottom) */
.shepherd-element[data-popper-placement^="bottom"] .shepherd-arrow {
    top: -8px !important;
}
.shepherd-element[data-popper-placement^="bottom"] .shepherd-arrow:before {
    border-left: 1px solid #e5e7eb !important;
    border-top: 1px solid #e5e7eb !important;
}