/* Penyeragaman kontrol formulir: satu ikon dropdown (segitiga kecil seperti di menu Reservation) untuk select dan kolom berdaftar (datalist),
   jarak tombol simpan dari kolom di atasnya, dan ikon tanggal yang selalu terlihat. */
:root{
  --chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5h10L6 7z' fill='%2364748B'/%3E%3C/svg%3E");
}
html[data-theme="dark"]{
  --chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5h10L6 7z' fill='%239AA8C2'/%3E%3C/svg%3E");
}
select,input[list]{
  -webkit-appearance:none;appearance:none;
  background-image:var(--chev)!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:11px 8px!important;
  padding-right:38px!important;
}
select::-ms-expand{display:none}
input[list]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:34px;height:100%;margin-right:-10px}
input[list]::-webkit-list-button{display:none}
/* jarak tombol simpan/tambah dari baris kolom di atasnya */
.fgrid+.toolbar,.fgrid+.actions,.fgrid+.btn,.stack>.fgrid+.toolbar{margin-top:20px}
/* ikon tanggal: terlihat jelas di terang dan gelap */
.datefield .pick{color:var(--ink-2)}
@media (hover:hover) and (pointer:fine){.datefield .pick:hover{color:var(--blue)}}
input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{opacity:.75;cursor:pointer}
input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=month]::-webkit-calendar-picker-indicator:hover{opacity:1}
html[data-theme="dark"] .datefield .pick{color:var(--ink)}
@media (hover:hover) and (pointer:fine){html[data-theme="dark"] .datefield .pick:hover{color:var(--blue)}}