/* Expense date: override the older mobile rule without changing other fields. */
:root body dialog.pro-dialog .pro-form label:has(>input[name="expense_date"]){min-width:0;max-width:100%;box-sizing:border-box}
:root body dialog.pro-dialog .pro-form input[type="date"][name="expense_date"]{box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;height:46px;min-height:46px;margin:0;padding:0 12px;font-size:16px;line-height:44px;text-align:left;-webkit-appearance:none;appearance:none;overflow:hidden}
:root body dialog.pro-dialog .pro-form input[type="date"][name="expense_date"]::-webkit-date-and-time-value{display:flex;align-items:center;justify-content:flex-start;height:44px;min-width:0;margin:0;padding:0;text-align:left;line-height:normal}
:root body dialog.pro-dialog .pro-form input[type="date"][name="expense_date"]::-webkit-datetime-edit{display:inline-flex;align-items:center;min-width:0;height:44px;padding:0;line-height:normal}
:root body dialog.pro-dialog .pro-form input[type="date"][name="expense_date"]:focus-visible{outline-offset:2px}
@media(max-width:600px){:root body dialog.pro-dialog{box-sizing:border-box;max-width:calc(100vw - 24px);padding:18px}:root body dialog.pro-dialog .pro-form{min-width:0;grid-template-columns:minmax(0,1fr)}:root body dialog.pro-dialog .pro-form>*{min-width:0;max-width:100%;box-sizing:border-box}}