/* Style the editable field and native indicator, not the browser/OS popup. */
body.admin-ui input:is([type=date],[type=time],[type=datetime-local]),
.gphs-temporal input:is([type=date],[type=time],[type=datetime-local]){
    box-sizing:border-box;min-width:0;max-width:100%;min-height:44px;
    border:1px solid #d4e3da;border-radius:9px;padding:9px 12px;
    font:inherit;font-size:14px;line-height:1.4;background:#fff;color:#1a1f1c;color-scheme:light;
}
body.admin-ui input:is([type=date],[type=time],[type=datetime-local]):hover:not(:disabled):not(:read-only),
.gphs-temporal input:is([type=date],[type=time],[type=datetime-local]):hover:not(:disabled):not(:read-only){border-color:#185a32}
body.admin-ui input:is([type=date],[type=time],[type=datetime-local]):focus-visible,
.gphs-temporal input:is([type=date],[type=time],[type=datetime-local]):focus-visible{outline:3px solid #b77b09;outline-offset:2px;border-color:#185a32}
body.admin-ui input:is([type=date],[type=time],[type=datetime-local]):user-invalid,
.gphs-temporal input:is([type=date],[type=time],[type=datetime-local]):user-invalid{border-color:#ac3e35}
body.admin-ui input:is([type=date],[type=time],[type=datetime-local]):is(:disabled,:read-only),
.gphs-temporal input:is([type=date],[type=time],[type=datetime-local]):is(:disabled,:read-only){background:#f0f7f3;color:#526259}
body.admin-ui input:is([type=date],[type=time],[type=datetime-local]):disabled,
.gphs-temporal input:is([type=date],[type=time],[type=datetime-local]):disabled{opacity:.6;cursor:not-allowed}
body.admin-ui input::-webkit-calendar-picker-indicator,
.gphs-temporal input::-webkit-calendar-picker-indicator{position:static;margin:0 0 0 8px;padding:2px;flex:none;opacity:.8}
body.admin-ui input::-webkit-datetime-edit,
.gphs-temporal input::-webkit-datetime-edit{padding:0;min-width:0}
@media(max-width:575px){
    body.admin-ui input:is([type=date],[type=time],[type=datetime-local]),
    .gphs-temporal input:is([type=date],[type=time],[type=datetime-local]){font-size:16px}
}