#entryDialog{width:min(520px,calc(100% - 16px));max-height:calc(100dvh - 16px);overflow-y:auto}
#entryDialog form{padding:16px 18px 18px}
#entryDialog .dialog-head{align-items:flex-start;margin-bottom:10px}
#entryDialog .dialog-head h2{margin:2px 0 0;font-size:20px}
#entryDialog .dialog-head .icon-button{width:40px;height:40px;flex:0 0 40px}
#entryDialog label{gap:4px;margin:0;color:var(--muted);font-size:11px;font-weight:800}
#entryDialog>form>label,#entryDialog .form-row,#entryDialog .semimonthly-days{margin-bottom:8px}
#entryDialog .form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#entryDialog input,#entryDialog select{min-height:40px;padding:7px 9px;color:var(--ink);font-weight:700}
#entryDialog .week-interval{grid-template-columns:1fr auto;column-gap:8px}
#entryDialog .week-interval>span{padding:8px 0;font-size:12px}
#entryDialog .semimonthly-days{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}
#entryDialog .semimonthly-days[hidden],#entryDialog .week-interval[hidden]{display:none!important}
#entryDialog .dialog-actions{margin-top:10px}
#entryDialog .dialog-actions button{min-height:44px}
@media(max-width:420px){#entryDialog form{padding:14px}#entryDialog .dialog-head h2{font-size:18px}#entryDialog .form-row,#entryDialog .semimonthly-days{gap:7px}#entryDialog input,#entryDialog select{padding:7px 8px}}