/* gmm-picker.css — hộp chọn kiểu trang của gmm-picker.js (05/10/2026). Dùng chung thietbi.gmm.vn + quanly.gmm.vn (cùng một bản, sửa thì chép sang cả hai).
   Chỉ áp cho máy dùng chuột (html.pk-on do gmm-picker.js đặt); điện thoại giữ bộ chọn của máy. Màu theo biến giao diện của trang (4 kiểu). */
.pk-box{position:fixed;z-index:3000;min-width:150px;max-width:calc(100vw - 16px);max-height:min(340px,62vh);overflow:auto;overscroll-behavior:contain;padding:6px;border-radius:16px;border:1px solid rgba(var(--tint),.3);background:var(--menu-solid,var(--modal-bg));box-shadow:0 16px 40px rgba(20,14,12,.38);color:var(--text);font-size:13.5px;text-align:left;scrollbar-width:thin;animation:pk-in .12s ease-out}
@keyframes pk-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.pk-box{animation:none}}
.pk-box button{font:inherit;box-shadow:none;margin:0;min-height:0;text-transform:none;letter-spacing:normal}
.pk-opt{display:block;width:100%;text-align:left;border:0;background:none;color:var(--text);padding:8px 11px;border-radius:10px;cursor:pointer;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-opt:hover,.pk-opt.hl,.pk-day.hl{background:rgba(var(--tint),.12)}
.pk-opt.sel{background:rgba(var(--accent-rgb),.26);color:var(--link);font-weight:700}
.pk-opt.sel.hl{background:rgba(var(--accent-rgb),.36)}
.pk-opt:disabled{opacity:.45;cursor:default;background:none}
.pk-group{padding:9px 11px 4px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:var(--heading)}
.pk-time{min-width:112px}.pk-t{text-align:center;font-variant-numeric:tabular-nums}
.pk-date{width:292px;max-height:none;padding:10px}
.pk-dt{display:flex;gap:8px;width:auto;max-height:none;padding:10px}.pk-dt .pk-cal{width:272px;flex:none}
.pk-times{width:84px;flex:none;max-height:322px;overflow:auto;overscroll-behavior:contain;padding-left:8px;border-left:1px solid rgba(var(--tint),.12);scrollbar-width:thin}
.pk-times .pk-opt{padding:7px 4px}
.pk-head{display:flex;align-items:center;gap:4px;margin-bottom:8px}.pk-head b{flex:1;text-align:center;font-size:14px;color:var(--heading)}
.pk-nav{flex:none;width:30px;height:30px;padding:0;border:0;border-radius:9px;background:rgba(var(--tint),.08);color:var(--text);cursor:pointer;font-size:15px;line-height:1}
.pk-nav:hover{background:rgba(var(--tint),.16)}
.pk-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.pk-wd{padding:4px 0;text-align:center;font-size:11px;font-weight:800;color:var(--muted)}
.pk-day{height:34px;padding:0;border:0;border-radius:10px;background:none;color:var(--text);cursor:pointer;font-size:13px;font-variant-numeric:tabular-nums}
.pk-day:hover{background:rgba(var(--tint),.12)}
.pk-day.out{color:var(--faint);opacity:.7}
.pk-day.today{box-shadow:inset 0 0 0 1.5px rgba(var(--accent-rgb),.75)!important;font-weight:700}
.pk-day.sel{background:var(--btn-bg);color:var(--btn-text);font-weight:800;opacity:1}
.pk-day:disabled{opacity:.28;cursor:default;background:none}
.pk-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding-top:6px;border-top:1px solid rgba(var(--tint),.12)}
.pk-time>.pk-foot{justify-content:center;position:sticky;bottom:-6px;background:var(--menu-solid,var(--modal-bg));margin:6px -6px -6px;padding:6px}
.pk-link{border:0;background:none;color:var(--link);cursor:pointer;font-size:12.5px;font-weight:700;padding:5px 8px;border-radius:8px}
.pk-link:hover{background:rgba(var(--tint),.1)}.pk-link:disabled{opacity:.4;cursor:default}
@media(max-width:430px){.pk-dt{flex-direction:column}.pk-times{width:auto;max-height:140px;padding:6px 0 0;border-left:0;border-top:1px solid rgba(var(--tint),.12)}}
/* ô ngày / giờ: ẩn nút lịch / đồng hồ của trình duyệt, vẽ biểu tượng theo màu chữ phụ của giao diện */
html.pk-on{--pk-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8cec3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E");--pk-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d8cec3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E")}
html.pk-on[data-theme=midnight]{--pk-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aab4cc' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E");--pk-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aab4cc' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E")}
html.pk-on[data-theme=light]{--pk-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6158' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E");--pk-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236e6158' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E")}
html.pk-on[data-theme=minimal]{--pk-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E");--pk-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E")}
html.pk-on input[type=date]::-webkit-calendar-picker-indicator,html.pk-on input[type=time]::-webkit-calendar-picker-indicator,html.pk-on input[type=datetime-local]::-webkit-calendar-picker-indicator{display:none}
html.pk-on input[type=date]:not(.pk-native),html.pk-on input[type=time]:not(.pk-native),html.pk-on input[type=datetime-local]:not(.pk-native){padding-right:36px;background-image:var(--pk-date),linear-gradient(145deg,rgba(var(--tint),.12),rgba(var(--tint),.055));background-repeat:no-repeat;background-position:right 12px center,0 0;background-size:17px 17px,100% 100%;cursor:pointer}
html.pk-on input[type=time]:not(.pk-native){background-image:var(--pk-time),linear-gradient(145deg,rgba(var(--tint),.12),rgba(var(--tint),.055))}
html.pk-on[data-theme=minimal] input[type=date]:not(.pk-native),html.pk-on[data-theme=minimal] input[type=datetime-local]:not(.pk-native){background-image:var(--pk-date);background-color:#fff}
html.pk-on[data-theme=minimal] input[type=time]:not(.pk-native){background-image:var(--pk-time);background-color:#fff}