/* Re�ete sayfasi Vitamin / OTC se�ici - k_b.aspx ve Diyetist.aspx ortak stilleri */
.presVitPicker, .presVitPicker * { box-sizing: border-box; }
/* ---- Re�ete sayfasi Vitamin / OTC se�ici ---- */
.presVitPicker { position: absolute; top: 148px; left: 150px; width: 500px; max-height: 560px; display: none; flex-direction: column; background: #fff; border: 7px solid #b6deef; border-radius: 5px; box-shadow: 0 6px 22px rgba(20, 163, 208, 0.28); z-index: 4; text-align: left; text-indent: 0; font-family: Arial, sans-serif; font-size: 9pt; color: #287595; }
.presVitPicker.open { display: flex; }
.presVitPickerCls { position: absolute; top: -12px; right: -12px; width: 20px; height: 20px; line-height: 18px; background: #ff4d4d; color: #fff; border-radius: 50%; text-align: center; font-size: 11px; font-weight: bold; cursor: pointer; z-index: 2; }
.presVitPickerHdr { position: relative; flex: 0 0 auto; display: flex; align-items: center; gap: 8px; padding: 10px 14px 9px; background: linear-gradient(135deg, #1E809E, #69BFDB); color: #fff; border-radius: 2px 2px 0 0; }
.presVitPickerHdrIcon { width: 22px; height: 22px; object-fit: contain; filter: brightness(0) invert(1); }
.presVitPickerHdrTitle { flex: 1; font-size: 10pt; font-weight: bold; letter-spacing: 0.2px; }
.presVitPickerHdrCount { padding: 2px 8px; border-radius: 10px; background: rgba(255, 255, 255, 0.22); font-size: 8pt; white-space: nowrap; }
.presVitPickerSrc { flex: 0 0 auto; padding: 9px 12px 6px; }
.presVitPickerSrcInp { width: 100%; height: 30px; padding: 0 12px; border: 1px solid #53b2d9; border-radius: 15px; background: #fff; color: #287595; font-size: 9pt; text-align: left; text-indent: 0; }
.presVitPickerSrcInp::placeholder { color: #b9c7ce; }
.presVitPickerSel { flex: 0 0 auto; margin: 0 12px 7px; padding: 7px; border: 1px solid #b6deef; border-radius: 6px; background: #f2fbfe; }
.presVitPickerSelHdr { display: flex; align-items: center; justify-content: space-between; padding: 0 2px 5px; font-size: 7.5pt; font-weight: bold; color: #0db4d5; text-transform: uppercase; letter-spacing: 0.4px; }
.presVitPickerSelClear { cursor: pointer; color: #d9534f; font-weight: bold; text-transform: none; letter-spacing: 0; }
.presVitPickerChips { display: flex; flex-direction: column; gap: 4px; max-height: 164px; overflow-y: auto; }
.presVitPickerSelRow { display: flex; align-items: center; gap: 6px; min-height: 30px; padding: 3px 6px; border: 1px solid #d6eef7; border-radius: 6px; background: #fff; }
.presVitPickerSelDot { width: 8px; height: 8px; border-radius: 50%; flex: 0 0 auto; background: #94a3b8; }
.presVitPickerSelDot[data-tur="vitamin"] { background: #06d6a0; }
.presVitPickerSelDot[data-tur="mineral"] { background: #118ab2; }
.presVitPickerSelDot[data-tur="yag_asidi"] { background: #ff9900; }
.presVitPickerSelDot[data-tur="antioksidan"] { background: #a78bfa; }
.presVitPickerSelDot[data-tur="amino_asit"] { background: #f72585; }
.presVitPickerSelDot[data-tur="bitkisel"] { background: #4ade80; }
.presVitPickerSelDot[data-tur="uyku"] { background: #6366f1; }
.presVitPickerSelDot[data-tur="enzim"] { background: #2dd4bf; }
.presVitPickerSelDot[data-tur="diger"] { background: #94a3b8; }
.presVitPickerSelDot[data-tur="etken"] { background: #0db4d5; }
.presVitPickerSelNm { flex: 1 1 auto; min-width: 0; font-size: 8.5pt; font-weight: bold; color: #287595; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.presVitPickerRange { display: inline-flex; align-items: center; gap: 3px; flex: 0 0 auto; }
.presVitPickerNum { width: 48px; height: 22px; padding: 0 4px; border: 1px solid #b6deef; border-radius: 4px; background: #fff; color: #287595; font-size: 8pt; text-align: center; }
.presVitPickerNum:focus { border-color: #0db4d5; box-shadow: 0 0 0 2px rgba(13, 180, 213, 0.14); }
.presVitPickerNumErr { border-color: #e07070; background: #fff6f6; color: #c9302c; }
.presVitPickerNum::placeholder { color: #b9c7ce; font-size: 7.5pt; }
.presVitPickerSep { color: #9bb3bd; font-size: 8pt; }
.presVitPickerUnit { width: 42px; height: 22px; padding: 0 2px; border: 1px solid #b6deef; border-radius: 4px; background: #fff; color: #287595; font-size: 7.5pt; cursor: pointer; }
.presVitPickerUnit:focus { border-color: #0db4d5; }
.presVitPickerSelX { width: 16px; height: 16px; line-height: 14px; border-radius: 50%; background: #f3d9d9; color: #c9302c; text-align: center; font-size: 9pt; cursor: pointer; flex: 0 0 auto; }
.presVitPickerSelX:hover { background: #f7c1c1; }
.presVitPickerList { flex: 1 1 auto; min-height: 140px; max-height: 350px; overflow-y: auto; padding: 0 8px 6px; }
.presVitPickerList::-webkit-scrollbar,
.presVitPickerChips::-webkit-scrollbar { width: 6px; height: 6px; }
.presVitPickerList::-webkit-scrollbar-track,
.presVitPickerChips::-webkit-scrollbar-track { background: #f2fbfe; }
.presVitPickerList::-webkit-scrollbar-thumb,
.presVitPickerChips::-webkit-scrollbar-thumb { background: #b6deef; border-radius: 3px; }
.presVitPickerList::-webkit-scrollbar-thumb:hover,
.presVitPickerChips::-webkit-scrollbar-thumb:hover { background: #53b2d9; }
.presVitPickerGroup { position: sticky; top: 0; z-index: 1; padding: 8px 7px 4px; background: #fff; color: #0db4d5; font-size: 7.5pt; font-weight: bold; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 1px solid #e3f4f9; }
.presVitPickerItem { display: flex; align-items: center; gap: 6px; padding: 7px 8px 7px 4px; border-radius: 5px; font-size: 8.5pt; color: #287595; cursor: pointer; }
.presVitPickerItem:hover { background: #eaf8fc; }
.presVitPickerItem.active { background: #dbedfd; color: #0a76a1; font-weight: bold; }
.presVitPickerItemName { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.presVitPickerItemSub { color: #9bb3bd; font-size: 7.5pt; font-weight: normal; }
.presVitPickerItem.active .presVitPickerItemSub { color: #0a76a1; }
.presVitPickerToggle { width: 18px; height: 18px; line-height: 16px; text-align: center; border-radius: 4px; color: #53b2d9; font-size: 10pt; flex: 0 0 auto; }
.presVitPickerToggle:hover { background: #d6eef7; }
.presVitPickerToggle span { display: inline-block; transition: transform 0.2s; }
.presVitPickerToggle.open span { transform: rotate(180deg); }
.presVitPickerCheck { width: 16px; color: #0db4d5; font-weight: bold; text-align: center; flex: 0 0 auto; }
.presVitPickerForms { display: none; padding: 0 0 3px 28px; }
.presVitPickerForms.open { display: block; }
.presVitPickerForm { display: flex; align-items: center; gap: 6px; padding: 5px 8px; border-radius: 4px; font-size: 8pt; color: #5a7d8b; cursor: pointer; }
.presVitPickerForm:hover { background: #eaf8fc; color: #0a76a1; }
.presVitPickerForm.active { color: #0a76a1; font-weight: bold; }
.presVitPickerFormDot { width: 5px; height: 5px; border-radius: 50%; background: #b6deef; flex: 0 0 auto; }
.presVitPickerForm.active .presVitPickerFormDot { background: #0db4d5; }
.presVitPickerFormNm { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.presVitPickerFormCheck { color: #0db4d5; font-weight: bold; }
.presVitPickerEmpty { padding: 18px 10px; text-align: center; color: #9bb3bd; font-size: 8pt; }
.presVitPickerFtr { flex: 0 0 auto; display: flex; align-items: center; gap: 6px; padding: 8px 12px 10px; border-top: 1px solid #e3f4f9; background: #fbfeff; }
.presVitPickerBtn { height: 26px; line-height: 24px; padding: 0 14px; border-radius: 13px; border: 1px solid #53b2d9; background: #fff; color: #0a76a1; font-size: 8pt; font-weight: bold; cursor: pointer; text-align: center; }
.presVitPickerBtn:hover { background: #eaf8fc; }
.presVitPickerBtnApply { margin-left: auto; background: #53b2d9; border-color: #53b2d9; color: #fff; }
.presVitPickerBtnApply:hover { background: #0db4d5; }
.presVitPickerBtnClose { border-color: #c6d9e1; color: #6b8792; }

@media print {
    .presVitPicker { display: none !important; }
}