/* Shared static styles live here */

:root {
    --app-button-radius: 14px;
    --app-grid-radius: 18px;
    --app-responsive-gap: 12px;
}

.rz-button,
.rz-button.rz-state-focused,
.rz-button.rz-state-active,
button,
.btn,
input[type="button"],
input[type="submit"],
input[type="reset"] {
    border-radius: var(--app-button-radius) !important;
}

html,
body {
    max-width: 100%;
}

body {
    overflow-x: hidden;
}

.rz-card,
.rz-tabs,
.rz-tabview,
.rz-tabview-panels,
.rz-tabview-panel,
.rz-template-form,
.rz-form,
.rz-stack {
    min-width: 0;
    max-width: 100%;
}

.rz-textbox,
.rz-textarea,
.rz-password,
.rz-dropdown,
.rz-datepicker,
.rz-numeric,
.rz-upload,
.rz-checkbox,
.rz-switch,
input,
select,
textarea {
    max-width: 100%;
    box-sizing: border-box;
}

.rz-button {
    max-width: 100%;
    white-space: normal;
}

.app-search-input {
    padding-left: 2.5rem !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23859ab8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0.9rem center;
    background-size: 1rem 1rem;
}

.app-grid-scroll {
    border-radius: var(--app-grid-radius);
}

.rz-datatable,
.rz-data-grid {
    border-radius: var(--app-grid-radius) !important;
    overflow: hidden;
}

.rz-datatable-tablewrapper,
.rz-datatable-scrollable-header,
.rz-datatable-scrollable-body,
.rz-datatable-scrollable-table-wrapper {
    border-radius: inherit;
}

.app-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 16px;
}

.app-filter-row {
    display: flex;
    gap: var(--app-responsive-gap);
    align-items: center;
    flex-wrap: wrap;
}

.app-responsive-actions {
    display: flex;
    gap: var(--app-responsive-gap);
    align-items: center;
    flex-wrap: wrap;
}

:where(.cl-actions, .sp-actions, .nc-actions, .sale-actions, .emp-actions, .cc-actions, .dp-row-actions, .ar-row-actions, .sc-row-actions, .row-actions, .dfe-row-actions, .fs-actions) {
    flex-wrap: wrap;
}

:where(.report-grid, .sales-grid, .cl-grid, .sp-grid, .nc-grid, .emp-grid, .cc-grid, .dp-grid, .ar-grid, .ap-grid, .pl-grid, .gr-grid, .fs-grid, .fsp-grid, .sped-grid) {
    max-width: 100%;
}

:where(.report-grid, .sales-grid) {
    display: block;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 768px) {
    .app-form-grid {
        grid-template-columns: 1fr;
    }

    .app-filter-row {
        flex-direction: column;
        align-items: stretch;
    }

    .app-filter-row > * {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .app-responsive-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .app-responsive-actions > .rz-button,
    .app-responsive-actions > button,
    .app-responsive-actions > .btn {
        width: 100%;
    }

    :where(.nf-form-grid, .dd-grid, .pte-fields, .ree-fields, .pad-bottom, .psd-grid, .psd-summary, .rsd-grid, .rsd-summary, .sale-cancel-summary, .sc-filter-grid, .sc-history-filter-grid, .sped-complete-grid) {
        grid-template-columns: 1fr !important;
    }

    :where(.report-filters, .sales-filters, .cl-filter-row, .gr-filter-row) {
        flex-direction: column;
        align-items: stretch;
    }

    :where(.report-filters, .sales-filters, .cl-filter-row, .gr-filter-row) > * {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    :where(.sp-filters, .cc-filters, .ap-filters, .ar-filters, .pl-filters, .rcs-filter-grid, .ips-filter-grid, .fs-filter-grid, .sped-filter-box, .nfi-filters, .nfse-filters, .dfe-filters, .mgmt-filters, .db-filter-row, .emp-filter) {
        grid-template-columns: 1fr !important;
    }

    :where(.sp-filter-actions, .sales-filter-actions, .nf-cnpj-actions, .nf-footer, .admin-dialog-actions, .cat-editor-actions, .cat-delete-actions, .ccd-actions, .sdc-actions, .sdb-actions, .sdd-actions, .qsd-actions, .dd-actions, .ddd-actions, .edd-actions, .cce-actions, .psd-actions, .rsd-actions, .poc-actions, .pod-actions, .poe-header-actions, .rpd-actions, .rcd-actions, .bcd-actions, .fpd-actions, .sale-cancel-actions, .legal-gate-actions, .succ-actions, .err-actions, .csd-actions, .csp-actions, .sped-dialog-actions, .rc-actions, .sc-dialog-actions, .sc-confirm-actions, .sc-history-actions, .nfe-search-dialog-actions, .dfe-detail-actions, .dfe-justify-actions, .ready-actions, .actions, .actions-right) {
        flex-direction: column;
        align-items: stretch !important;
    }

    :where(.sp-filter-actions, .sales-filter-actions, .nf-cnpj-actions, .nf-footer, .admin-dialog-actions, .cat-editor-actions, .cat-delete-actions, .ccd-actions, .sdc-actions, .sdb-actions, .sdd-actions, .qsd-actions, .dd-actions, .ddd-actions, .edd-actions, .cce-actions, .psd-actions, .rsd-actions, .poc-actions, .pod-actions, .poe-header-actions, .rpd-actions, .rcd-actions, .bcd-actions, .fpd-actions, .sale-cancel-actions, .legal-gate-actions, .succ-actions, .err-actions, .csd-actions, .csp-actions, .sped-dialog-actions, .rc-actions, .sc-dialog-actions, .sc-confirm-actions, .sc-history-actions, .nfe-search-dialog-actions, .dfe-detail-actions, .dfe-justify-actions, .ready-actions, .actions, .actions-right) > .rz-button,
    :where(.sp-filter-actions, .sales-filter-actions, .nf-cnpj-actions, .nf-footer, .admin-dialog-actions, .cat-editor-actions, .cat-delete-actions, .ccd-actions, .sdc-actions, .sdb-actions, .sdd-actions, .qsd-actions, .dd-actions, .ddd-actions, .edd-actions, .cce-actions, .psd-actions, .rsd-actions, .poc-actions, .pod-actions, .poe-header-actions, .rpd-actions, .rcd-actions, .bcd-actions, .fpd-actions, .sale-cancel-actions, .legal-gate-actions, .succ-actions, .err-actions, .csd-actions, .csp-actions, .sped-dialog-actions, .rc-actions, .sc-dialog-actions, .sc-confirm-actions, .sc-history-actions, .nfe-search-dialog-actions, .dfe-detail-actions, .dfe-justify-actions, .ready-actions, .actions, .actions-right) > button {
        width: 100%;
    }
}