/* Native iOS month/date controls must not set the minimum width of their grid cell. */
.finance-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;width:100%}.finance-filters>label{display:block;min-width:0;max-width:100%;overflow:hidden}.finance-filters input,.finance-filters select{box-sizing:border-box;display:block;width:100%;min-width:0;max-width:100%;height:44px;min-height:44px;margin:6px 0 0;line-height:normal}.finance-filters input::-webkit-date-and-time-value{text-align:left;min-width:0}.finance-filters input::-webkit-datetime-edit{padding:0;min-width:0}.finance-filters input::-webkit-calendar-picker-indicator{flex-shrink:0}
.modalback{overflow:hidden;overscroll-behavior:none}.modal{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 40px)}.modalhead,.modalfoot{flex-shrink:0}.modalhead{gap:12px}.modalhead h2{min-width:0;overflow-wrap:anywhere}.modalhead .close{flex:none}.modal #modalform{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.modalbody{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.modalbody .field,.modalbody label{min-width:0}.modalbody input,.modalbody select{max-width:100%;min-width:0}.leave-record{padding:13px 0;border-bottom:1px solid #edf0e8}.leave-record .row{gap:10px;flex-wrap:wrap}.leave-record p{margin-top:4px}.leave-dates h3{margin:19px 0 8px}
@media(max-width:760px){.finance-filters{grid-template-columns:minmax(0,1fr);gap:13px;max-width:none}.finance-filters input,.finance-filters select{font-size:16px;-webkit-appearance:none;appearance:none;padding:10px 12px;line-height:22px;height:46px;min-height:46px}.finance-filters select{padding-right:30px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%235c735f' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 10px center}.modalback{align-items:flex-start;padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.modal{width:100%;max-height:calc(100dvh - max(12px,env(safe-area-inset-top)) - max(12px,env(safe-area-inset-bottom)))}.modal input,.modal select,.modal textarea{font-size:16px}.modal input[type=date],.modal input[type=month]{-webkit-appearance:none;appearance:none;width:100%;min-width:0;max-width:100%;min-height:44px}.modal input::-webkit-date-and-time-value{text-align:left}.modalfoot{padding:12px 16px;gap:8px}.modalhead{padding:16px 19px}.modalbody{padding:17px 19px}.leave-record .tag{font-size:10px}}
@media(max-width:760px){.toolbar .filter{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;gap:10px}.toolbar .filter select{width:100%;max-width:100%;min-width:0;font-size:16px;min-height:44px}}