/* Mobile form layout: no duplicated inputs, same desktop data and calculations. */
@media(max-width:767.98px){
 html{scroll-padding-bottom:5rem}
 main,main form,.card,.card-body,.table-responsive{min-width:0;max-width:100%}
 main h1,main h2,main h3,main a,main pre{overflow-wrap:anywhere}
 main .d-flex{flex-wrap:wrap!important}
 main .d-flex>input,main .d-flex>select{min-width:0;max-width:100%!important}
 main .btn{min-height:44px;max-width:100%;white-space:normal;margin-block:2px}
 input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea,.table .form-control,.table .form-select{font-size:16px!important;min-height:44px;max-width:100%}
 .form-check-input,input[type=checkbox],input[type=radio]{width:22px;height:22px;vertical-align:middle;margin-right:.4rem}
 .table-responsive>.mobile-table,.mobile-table{display:block;width:100%;min-width:0!important;max-width:100%;table-layout:auto}
 .mobile-table>thead{display:none}
 .mobile-table>tbody,.mobile-table>tfoot{display:block;width:100%}
 .mobile-table>tbody>tr,.mobile-table>tfoot>tr{display:block;border:1px solid #dfd4c5;border-radius:10px;margin:.6rem 0;padding:.6rem;background:#fff}
 .mobile-table tr[hidden]{display:none!important}
 .mobile-table>tbody>tr>td,.mobile-table>tfoot>tr>td{display:block;width:auto!important;min-width:0!important;max-width:100%;border:0;padding:.45rem;white-space:normal!important;overflow-wrap:anywhere}
 .mobile-table>tbody>tr>td::before{content:attr(data-label);display:block;font-weight:650;color:#675643;margin-bottom:.25rem;min-width:0}
 .mobile-table td.mobile-wide-cell::before{display:none}
 .mobile-table td .form-control,.mobile-table td .form-select,.mobile-table td input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.mobile-table td textarea{width:100%!important;min-width:0!important;max-width:100%!important}
 .mobile-table td label{display:block;width:100%}.mobile-table td form{width:100%}
 .mobile-table td a{display:inline-flex;align-items:center;min-height:44px;padding:.3rem .4rem;margin-right:.3rem}
 .mobile-table td>small{display:block}.mobile-table caption{display:block}
 main pre{white-space:pre-wrap;word-break:break-word}
 .save-dock{padding-bottom:max(.65rem,env(safe-area-inset-bottom))}
}
@media print{.mobile-table{display:table}.mobile-table>thead{display:table-header-group}.mobile-table td::before{display:none}}