/* ── Tooltip (i) ── */
.vr-tooltip-wrap { position: relative; display: inline-block; margin-right: 6px; }
.vr-tooltip-icon {
    display: inline-flex; align-items: center; justify-content: center;
    width: 18px; height: 18px; border-radius: 50%;
    background: var(--blue, #2563eb); color: #fff;
    font-size: 11px; font-weight: 700; cursor: pointer;
    vertical-align: middle; user-select: none;
}
.vr-tooltip-box {
    display: none; position: absolute; right: 100%; top: 50%;
    transform: translateY(-50%); background: #1e293b; color: #f8fafc;
    padding: 12px 14px; border-radius: 8px; width: 260px;
    font-size: 12px; line-height: 1.8; z-index: 999;
    box-shadow: 0 4px 16px rgba(0,0,0,.3);
    margin-right: 8px;
}
.vr-tooltip-box ul { margin: 6px 0 0; padding-right: 16px; }
.vr-tooltip-box li { margin-bottom: 2px; }
.vr-tooltip-wrap:hover .vr-tooltip-box,
.vr-tooltip-wrap:focus-within .vr-tooltip-box { display: block; }

/* ── Card number segments ── */
.card-num-wrap { display: flex; gap: 6px; direction: ltr; }
.card-num-wrap input {
    width: 70px; text-align: center; letter-spacing: 2px;
    font-family: monospace; padding: 0 6px !important;
}
.card-num-sep { display: flex; align-items: center; color: #94a3b8; font-size: 18px; }

/* ── SHEBA counter ── */
.sheba-wrap { position: relative; }
.sheba-counter {
    position: absolute; left: 10px; top: 50%; transform: translateY(-50%);
    font-size: 11px; color: #94a3b8; pointer-events: none;
}
.sheba-counter.ok { color: var(--green, #16a34a); }
.sheba-counter.err { color: var(--red, #dc2626); }

/* ── Select2 RTL tweaks ── */
.select2-container { width: 100% !important; }
.select2-container--default .select2-selection--single {
    height: 44px; border: 1.5px solid #e2e8f0; border-radius: 8px;
    display: flex; align-items: center; padding: 0 12px;
    font-size: 14px; background: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 44px; padding: 0; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 42px; left: 8px; right: auto; }
.select2-container--default .select2-results__option--highlighted { background-color: var(--blue, #2563eb); }
.select2-search__field { direction: rtl; }