/* Danh sách thả xuống đồng bộ giao diện (xem js/p-select.js). Bo góc nhỏ theo --r / --r-s; dùng biến màu của theme (có giá trị dự phòng cho trang quản trị). */
.sel-pop{position:fixed;z-index:3000;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;padding:4px;background:#fff;border:1px solid var(--line,#e2e6ec);border-radius:var(--r,4px);box-shadow:0 12px 32px rgba(20,33,61,.18),0 2px 6px rgba(20,33,61,.08);font:inherit;font-size:13px;color:var(--ink,#14213d);scrollbar-width:thin}
.sel-pop .so{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:var(--r-s,3px);cursor:pointer;line-height:1.3;user-select:none}
.sel-pop .so span{min-width:0;overflow-wrap:anywhere}
.sel-pop .so i{flex:none;font-size:14px;color:var(--mint,#0c9c79)}
.sel-pop .so.act{background:var(--bg-2,#f5f7f9)}
.sel-pop .so.on{color:var(--mint-d,#0c9c79);font-weight:700;background:#f0faf6}
.sel-pop .so.on.act{background:#e3f5ee}
.sel-pop .so.ph{color:var(--ink-3,#7b8496)}
.sel-pop .so.off{opacity:.38;cursor:not-allowed}
.sel-pop .sg{padding:8px 10px 3px;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3,#7b8496)}
.sel-pop .sg:first-child{padding-top:4px}

/* trạng thái ô chọn khi danh sách đang mở + vòng focus rõ cho bàn phím */
select.sel-open{border-color:var(--blue,#1f62d6)!important;box-shadow:0 0 0 3px rgba(31,98,214,.14)}
select:focus-visible{outline:2px solid var(--blue,#1f62d6);outline-offset:1px}

/* dấu mũi tên thống nhất cho các ô chọn "trần" (nền trắng/xám, có viền); ô chọn nằm trong khung .inp có icon riêng giữ nguyên */
select.form-control,
select.sel,
.tbar .fsel select,
.fl select.inp,
.acct .formgrid select,
.pnk .upl select,
.pnk .tbl select,
.acct .tbl select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  padding-right:30px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%237b8496' d='M213.7 101.7l-80 80a8 8 0 0 1-11.4 0l-80-80a8 8 0 0 1 11.4-11.4L128 164.7l74.3-74.4a8 8 0 0 1 11.4 11.4z'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:12px!important;
}

/* ===== chọn ngày / giờ (js/p-picker.js) ===== */
.pk-pop{padding:10px;width:max-content;max-width:calc(100vw - 16px)}
.pk-hd{display:flex;align-items:center;gap:2px;margin-bottom:8px}
.pk-ti{flex:1;text-align:center;font-size:13.5px;font-weight:800;color:var(--ink,#14213d)}
.pk-b{flex:none;width:28px;height:28px;border:0;background:transparent;border-radius:var(--r-s,3px);color:var(--ink-2,#3f4a60);cursor:pointer;display:grid;place-items:center;font-size:14px;padding:0}
.pk-b:hover{background:var(--bg-2,#f5f7f9);color:var(--ink,#14213d)}
.pk-wd{display:grid;grid-template-columns:repeat(7,34px);gap:2px;margin-bottom:2px}
.pk-wd span{text-align:center;font-size:10.5px;font-weight:800;letter-spacing:.04em;color:var(--ink-3,#7b8496);padding:3px 0}
.pk-days{display:grid;grid-template-columns:repeat(7,34px);gap:2px}
.pk-d{width:34px;height:32px;border:0;background:transparent;border-radius:var(--r-s,3px);font:inherit;font-size:13px;color:var(--ink,#14213d);cursor:pointer;padding:0}
.pk-d:hover:not(:disabled),.pk-d.act{background:var(--bg-2,#f5f7f9)}
.pk-d.out{color:var(--ink-4,#a9b0bd)}
.pk-d.today{box-shadow:inset 0 0 0 1.5px var(--blue,#1f62d6);font-weight:700}
.pk-d.on{background:var(--mint,#0c9c79)!important;color:#fff;font-weight:800;box-shadow:none}
.pk-d.off{opacity:.3;cursor:not-allowed;text-decoration:line-through}
.pk-ft{display:flex;align-items:center;gap:12px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line,#e2e6ec)}
.pk-l{border:0;background:none;font:inherit;font-size:12.5px;font-weight:700;color:var(--blue,#1f62d6);cursor:pointer;padding:2px 0}
.pk-l.mute{color:var(--ink-3,#7b8496);font-weight:600}
.pk-l.ok{margin-left:auto;color:var(--mint-d,#0c9c79)}
.pk-l:hover{text-decoration:underline}
.pk-time{display:flex;align-items:flex-start;gap:6px}
.pk-sep{font-weight:800;color:var(--ink-3,#7b8496);padding-top:6px}
.pk-col{display:grid;gap:2px;max-height:216px;overflow-y:auto;overscroll-behavior:contain;width:56px;scrollbar-width:thin;padding-right:2px}
.pk-t{height:32px;border:0;background:transparent;border-radius:var(--r-s,3px);font:inherit;font-size:13px;color:var(--ink,#14213d);cursor:pointer;padding:0}
.pk-t:hover:not(:disabled){background:var(--bg-2,#f5f7f9)}
.pk-t.on{background:var(--mint,#0c9c79)!important;color:#fff;font-weight:800}
.pk-t.off{opacity:.3;cursor:not-allowed}