/* Consolidated personal-security / tippy styles */
.bpas-confirm-ok-btn {
    padding: 4px 32px !important;
    margin-left: -5px !important;
}

.bpas-confirm-cancel-btn {
    padding: 4px 34px !important;
    text-transform: none !important;
    margin: 0 !important;
}

.bpas-tippy-heading {
    background-color: #232c68;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 1rem;
}

/* Keep legacy scoped selector (works when tooltip sits inside .bpas-personal-security) */
.bpas-personal-security .tippy-box {
    background-color: #fff !important;
    box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,.2), 0 0.0625rem 0.125rem rgba(0,0,0,.2) !important;
    color: #000 !important;
}

.bpas-personal-security .tippy-content {
    padding: 1px;
}

.bpas-personal-security .tippy-arrow {
    bottom: -8px;
    background-color: transparent;
    color: #fff;
}
.bpas-personal-security .tippy-arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0,0,0,.25);
}

/* Preferred: target tippy theme class so tooltip is styled regardless of DOM placement */
.tippy-box.tippy-theme-bpas-personal-security {
    background-color: #fff !important;
    box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,.2), 0 0.0625rem 0.125rem rgba(0,0,0,.2) !important;
    color: #000 !important;
}
.tippy-box.tippy-theme-bpas-personal-security .tippy-content { padding: 1px !important; }
.tippy-box.tippy-theme-bpas-personal-security .tippy-arrow { bottom: -8px !important; background-color: transparent !important; }
