.date-time-field{min-width:0;display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem;color:inherit;container-type:inline-size}
.date-time-field .dt-label{font-size:.9rem;font-weight:600;line-height:1.4}
.date-time-field .dt-controls{display:grid;gap:.65rem;min-width:0}
.date-time-field .dt-pair{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.date-time-field label.dt-subfield{display:flex;flex-direction:column;gap:.3rem;margin:0;min-width:0;font-weight:400}
.date-time-field .dt-caption{font-size:.75rem;color:#536678;font-weight:500}
.date-time-field .dt-input-row{display:flex;align-items:stretch;min-width:0;border:1px solid #bdcad6;border-radius:7px;background:#fff;overflow:hidden}
.date-time-field .dt-input-row:focus-within{outline:2px solid #326fd1;outline-offset:2px}
.date-time-field .dt-input-row input{min-width:0;width:100%;height:44px;min-height:44px;box-sizing:border-box;margin:0;padding:.6rem .55rem;border:0;border-radius:0;background:transparent;color:#173149;font:inherit;font-size:.95rem;line-height:1.25;box-shadow:none}
.date-time-field .dt-input-row input:focus{outline:none;box-shadow:none}
.date-time-field input[type=date]::-webkit-calendar-picker-indicator{display:none}
.date-time-field input:disabled{background:#f1f4f7;color:#677a8c;cursor:not-allowed}
.date-time-field button{font:inherit;cursor:pointer;box-sizing:border-box;line-height:1.3;white-space:normal}
.date-time-field .dt-input-row button{flex:none;min-width:40px;width:auto;min-height:44px;margin:0;border:0;border-left:1px solid #dce3e9;border-radius:0;padding:.4rem .45rem;background:#f5f7fa;color:#173149;font-size:.8rem;font-weight:600}
.date-time-field .dt-input-row .dt-calendar{font-size:1.3rem}
.date-time-field .dt-shortcuts{display:flex;gap:.25rem .4rem;flex-wrap:wrap;align-items:center}
.date-time-field .dt-shortcuts button{min-height:32px;border:1px solid #dce3e9;border-radius:5px;background:#fff;color:#315877;padding:.3rem .55rem;font-size:.75rem;font-weight:500;width:auto;margin:0}
.date-time-field .dt-shortcuts .dt-clear{border-color:transparent;margin-left:auto;color:#627184}
.date-time-field button:hover:not(:disabled){background:#eaf1f7}
.date-time-field button:focus-visible{outline:3px solid #326fd1;outline-offset:2px}
.date-time-field button:disabled{opacity:.5;cursor:not-allowed}
.date-time-field .dt-help{font-size:.73rem;line-height:1.4;color:#627184;margin:0}
.date-time-field .dt-error{font-size:.8rem;line-height:1.5;color:#a0293a}
.date-time-field .dt-clock-panel{background:#f5f8fb;border:1px solid #cbd8e3;border-radius:8px;padding:.8rem;min-width:0}
.date-time-field [hidden]{display:none!important}
.date-time-field .dt-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.65rem}
.date-time-field .dt-panel-heading strong{font-size:.8rem;font-weight:650}
.date-time-field .dt-panel-heading .dt-close{min-width:36px;min-height:36px;border:0;background:transparent;color:#315877;border-radius:5px;font-size:1.3rem;padding:0}
.date-time-field .dt-hours{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.3rem;margin-bottom:.6rem}
.date-time-field .dt-minutes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin-top:.3rem}
.date-time-field .dt-hours button,.date-time-field .dt-minutes button{width:100%;min-width:0;min-height:40px;border:1px solid #ccd8e3;background:#fff;color:#173149;border-radius:5px;font-size:.85rem;font-weight:600;padding:.3rem}
.date-time-field .dt-hours button[aria-pressed=true]{background:#173f5c;border-color:#173f5c;color:#fff}
@media(max-width:600px){.date-time-field .dt-shortcuts button{min-height:40px}.date-time-field .dt-hours button,.date-time-field .dt-minutes button{min-height:44px}.date-time-field .dt-pair{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
@media(max-width:370px){.date-time-field .dt-pair{grid-template-columns:1fr}.date-time-field .dt-shortcuts{gap:.3rem}}
@container(max-width:360px){.date-time-field .dt-pair{grid-template-columns:1fr}}
@container(max-width:285px){.date-time-field .dt-hours{grid-template-columns:repeat(4,minmax(0,1fr))}}