/* Complemento dos mesmos padrões responsivos para Contabilidade, Certificados,
   Assinaturas, Exemplos e painéis de PDV. Desktop e visual clássico preservados. */
@media (max-width: 1024px) {
    html.sf-pilot-modern.sf-responsive-complementary body .sf-responsive-grid-flex .ui-panelgrid-content { min-width: 0; max-width: 100%; }
    html.sf-pilot-modern.sf-responsive-complementary body .sf-responsive-grid-flex .ui-grid-row { display: flex; flex-wrap: wrap; min-width: 0; }
    html.sf-pilot-modern.sf-responsive-complementary body .sf-responsive-grid-flex .ui-grid-row > div { width: 50%; min-width: 0; max-width: 100%; box-sizing: border-box; }
    html.sf-pilot-modern.sf-responsive-complementary body .sf-responsive-grid-flex .ui-grid-row > .ui-grid-col-12 { width: 100%; }
    html.sf-pilot-modern.sf-responsive-complementary body .sf-responsive-image { max-width: 100%; height: auto; }
    html.sf-pilot-modern.sf-responsive-complementary body .sf-responsive-local-scroll { max-width: calc(100vw - 32px) !important; overflow: auto; box-sizing: border-box; }
    html.sf-pilot-modern.sf-responsive-complementary body .layout-main .icon-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
    html.sf-pilot-modern.sf-responsive-complementary body .layout-main .icon-grid > div { width: auto; min-width: 0; overflow-wrap: anywhere; }
    /* A área de desenho não é escalada nem recriada: manter as coordenadas e a rubrica. */
    html.sf-pilot-modern.sf-responsive-complementary body .sf-responsive-signature > .ui-panel-content { max-width: 100%; overflow: auto; box-sizing: border-box; }
    html.sf-pilot-modern.sf-responsive-complementary body .layout-main pre { max-width: 100%; overflow: auto; box-sizing: border-box; }
    html.sf-pilot-modern.sf-responsive-complementary body .layout-main :is(.ui-message, .ui-messages, .ui-staticmessage) { max-width: 100%; white-space: normal; overflow-wrap: anywhere; box-sizing: border-box; }
    html.sf-pilot-modern.sf-responsive-complementary body .sf-responsive-datagrid .ui-datagrid-data,
    html.sf-pilot-modern.sf-responsive-complementary body .sf-responsive-datagrid .ui-datagrid-data > tbody { display: block; width: 100%; }
    html.sf-pilot-modern.sf-responsive-complementary body .sf-responsive-datagrid .ui-datagrid-row { display: flex; flex-wrap: wrap; width: 100%; }
    html.sf-pilot-modern.sf-responsive-complementary body .sf-responsive-datagrid .ui-datagrid-column { display: block; width: 50%; min-width: 0; box-sizing: border-box; }
    html.sf-pilot-modern.sf-responsive-complementary body .ui-datepicker { max-width: calc(100vw - 16px); box-sizing: border-box; }
}
@media (max-width: 767px) {
    html.sf-pilot-modern.sf-responsive-complementary body .sf-responsive-grid-flex .ui-grid-row > div,
    html.sf-pilot-modern.sf-responsive-complementary body .sf-responsive-datagrid .ui-datagrid-column { width: 100%; }
    html.sf-pilot-modern.sf-responsive-complementary body .sf-responsive-grid-flex :is(input.ui-inputfield, textarea.ui-inputfield) { min-height: 44px; max-width: 100%; font-size: 16px; box-sizing: border-box; }
}