/* Ô TÌM-CHỌN DÙNG CHUNG — NV-POPUP-TIM-1 (27/10/2026). Màu theo biến tg2 của app (--tg2-pl…), có giá trị dự phòng tông mận. */
.otim-noi{position:fixed;z-index:400;background:#fff;border:1px solid var(--m-vien,#cbb8c4);border-radius:12px;box-shadow:0 18px 40px -16px rgba(40,14,34,.45),0 2px 6px rgba(40,14,34,.08);
  overflow-y:auto;overscroll-behavior:contain;padding:4px;box-sizing:border-box;font-family:var(--tg2-phong,inherit);line-height:normal;color:var(--m-tx,#1d151c)}
.otim-dong{display:flex;align-items:center;gap:10px;min-height:40px;padding:5px 12px;border-radius:8px;cursor:pointer;box-sizing:border-box}
.otim-dong + .otim-dong{margin-top:1px}
.otim-dong:hover,.otim-dong.on{background:var(--tg2-plt,#f8eef4)}
.otim-dong.on{box-shadow:inset 3px 0 0 var(--tg2-pl,#7b2360)}
.otim-chu{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.otim-chu b{font-size:14px;font-weight:650;color:var(--m-tx,#1d151c);overflow-wrap:anywhere}
.otim-chu small{font-size:12.5px;font-weight:500;color:var(--m-tx3,#4a3e48);overflow-wrap:anywhere}
.otim-dong mark{background:var(--tg2-plb,#ecd5e3);color:var(--tg2-pld,#5c1848);border-radius:3px;padding:0 1px;font-weight:700}
.otim-dong.khoa{cursor:default}
.otim-dong.khoa .otim-chu b{color:var(--m-mu,#5a4d57)}
.otim-dong.khoa:hover{background:transparent}
.otim-dong.mo .otim-chu b{color:var(--m-mu,#5a4d57)}
.otim-dong.da .otim-chu small{color:#25787a;font-weight:600}
.otim-tich{color:#25787a;display:inline-flex;flex:none}
.otim-bao{margin:4px;padding:10px 12px;border-radius:8px;background:var(--tg2-plt,#f8eef4);border:1px solid var(--tg2-plb,#ecd5e3);color:var(--m-tx2,#3a2a36);font-size:13px;font-weight:500;line-height:1.45}
.otim-bao.otim-loi{background:#fdf1f2;border-color:#f1d0d5;color:#8f2f44}

/* ── điện thoại: bảng chọn toàn màn hình ── */
.otim-sheet{position:fixed;left:0;right:0;top:0;height:100vh;height:100dvh;z-index:410;background:#fff;display:flex;flex-direction:column;
  font-family:var(--tg2-phong,inherit);line-height:normal;color:var(--m-tx,#1d151c);padding-top:env(safe-area-inset-top)}
.otim-sh-dau{display:flex;align-items:center;gap:8px;padding:8px 10px 8px 6px;border-bottom:1px solid var(--m-line,#eee5eb);flex:none}
.otim-sh-dau b{flex:1;min-width:0;font-size:16px;font-weight:700;overflow-wrap:anywhere}
.otim-sh-lui{width:44px;height:44px;border:0;background:none;border-radius:10px;color:var(--m-tx2,#3a2a36);display:grid;place-items:center;cursor:pointer}
.otim-sh-xong{min-height:40px;padding:0 18px;border-radius:10px;border:0;border-bottom:2px solid var(--tg2-pld,#5c1848);
  background:linear-gradient(180deg,var(--tg2-pl2,#962f77),var(--tg2-pl,#7b2360));color:#fff;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer}
.otim-sh-tim{display:flex;align-items:center;gap:8px;margin:10px 12px 0;padding:0 12px;min-height:46px;border:1.5px solid var(--m-vien,#cbb8c4);border-radius:12px;background:#fff;color:var(--m-mu,#5a4d57);flex:none}
.otim-sh-tim:focus-within{border-color:var(--tg2-pl,#7b2360);box-shadow:0 0 0 3px var(--tg2-plt,#f8eef4)}
.otim-sh-tim input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:16px;color:var(--m-tx,#1d151c);padding:10px 0}
.otim-sh-the{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px;flex:none;max-height:30vh;overflow-y:auto}
.otim-sh-the:not(:empty){padding-top:10px}
.otim-the{display:inline-flex;align-items:center;gap:2px;min-height:34px;padding:0 4px 0 12px;border-radius:999px;background:var(--tg2-plt,#f8eef4);border:1px solid var(--tg2-plb,#ecd5e3);font-size:13.5px;font-weight:600;color:var(--m-tx2,#3a2a36)}
.otim-the:not(:has(button)){padding-right:12px}
.otim-the button{width:30px;height:30px;border:0;background:none;border-radius:50%;color:var(--m-mu,#5a4d57);display:grid;place-items:center;cursor:pointer}
.otim-dem{align-self:center;font-size:12.5px;font-weight:600;color:var(--m-tx3,#4a3e48);margin-left:4px}
.otim-sh-ds{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 8px calc(12px + env(safe-area-inset-bottom))}
.otim-sh-ds .otim-dong{min-height:52px;padding:9px 12px;border-bottom:1px solid var(--m-line2,#f3eef1);border-radius:0}
.otim-sh-ds .otim-chu b{font-size:15px}
.otim-sh-ds .otim-chu small{font-size:13px}
