/* Each label and control belongs to one grid cell, including native iOS date controls. */
#fields{min-width:0}
#fields input,#fields select,#fields textarea{display:block;min-width:0;max-width:100%;box-sizing:border-box}
#fields .two{display:block}
.period-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;width:100%;max-width:300px;margin-top:18px}
.period-fields>div{min-width:0}
.period-fields label{margin:0 0 6px}
#fields .period-fields input,#fields .period-fields select{height:44px;min-height:44px;padding:7px 10px}
#due-fields{margin-top:18px;min-width:0}
#due-fields label{margin:0 0 6px}
#fields input[type="datetime-local"],#fields input[type="date"]{width:100%;min-width:0;max-width:100%;min-inline-size:0;padding:9px 10px;font-size:16px;overflow:hidden}
#fields input::-webkit-date-and-time-value{text-align:left;min-width:0}
#fields input[type="checkbox"]{display:inline-block;width:18px;min-height:18px;margin-right:7px;vertical-align:middle}
[hidden]{display:none!important}
#fields input[readonly]{background:#f4f6ef;font-size:13px;word-break:break-all}
@media(max-width:480px){dialog{padding:20px;max-width:calc(100vw - 24px);width:calc(100% - 24px)}.period-fields{max-width:260px;gap:12px}#fields input,#fields select,#fields textarea{font-size:16px}.dialog-actions{position:sticky;bottom:-20px;background:white;padding:12px 0;margin-top:12px}}