.dob-custom{position:relative;font-family:inherit}.dob-fields{display:flex;gap:8px}.dob-col{flex:1;cursor:pointer}.dob-box{height:54px;display:flex;align-items:center;justify-content:center;border:1.5px solid #e5e7eb;border-radius:14px;background:#fff;font-size:.95rem;font-weight:600;color:#111827;transition:border-color .15s,box-shadow .15s;user-select:none;box-shadow:0 1px 4px rgba(0,0,0,.05)}.dob-ph{color:#b0b8c8;font-weight:400;font-size:.88rem}.dob-col.active .dob-box{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb),.13)}.dob-col:not(.active) .dob-box:hover{border-color:#c8d0dc}.dob-panel{display:none;margin-top:6px;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.1),0 2px 6px rgba(0,0,0,.05);overflow:hidden;position:absolute;top:100%;left:0;right:0;z-index:1100}.dob-panel.open{display:block}.dob-list{list-style:none;margin:0;padding:6px;max-height:210px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e5e7eb transparent}.dob-list::-webkit-scrollbar{width:4px}.dob-list::-webkit-scrollbar-track{background:0 0}.dob-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}.dob-item{padding:10px 14px;border-radius:10px;cursor:pointer;font-size:.93rem;color:#374151;transition:background .1s;text-align:center}.dob-item:hover:not(.selected){background:rgba(var(--bs-primary-rgb),.07);color:var(--color-primary)}.dob-item.selected{background:var(--color-primary);color:#fff;font-weight:700}