/* Responsive compatibility only. Preserve the theme's colors, fonts and widgets. */
:root {
    --ui-space-1: .25rem;
    --ui-space-2: .5rem;
    --ui-space-3: .75rem;
    --ui-space-4: 1rem;
    --ui-space-6: 1.5rem;
    --ui-space-8: 2rem;
    --ui-control-size: 2.75rem;
    --ui-focus: var(--primary-color);
}

button { font-family: inherit; }
button.btnOpenMobileMenu, button.expandIcon { border: 0; cursor: pointer; }
button.expandIcon { background: transparent; }
/* Preserve pg's visual validation; expose extra error descriptions to screen readers. */
.uiSrOnly, .uiFieldError, .uiSkipLink:not(:focus) {
    position: absolute; width: 1px; height: 1px; padding: 0;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.uiSkipLink:focus { position: fixed; top: .5rem; left: .5rem; z-index: 10000; padding: .75rem; background: #fff; }
:where(button, a, input, select, textarea, [tabindex]):focus-visible {
    outline: 3px solid var(--ui-focus) !important;
    outline-offset: 2px;
}
/* Compound controls clip their contents; draw keyboard focus around the field. */
.pgInputArea .inputContent:has(:focus-visible) {
    outline: 3px solid var(--ui-focus) !important;
    outline-offset: 2px;
}
.pgInputArea .inputContent :focus-visible { outline: none !important; }
.pgInputArea label {
    height: auto; overflow-wrap: anywhere;
}
.pgInputArea.inputText .inputContent input,
.pgInputArea.inputPassword .inputContent input,
.pgInputArea.inputCalendar input,
.pgInputArea.inputTextArea textarea { min-width: 0; }
.pgInputArea .inputContent > .row { min-width: 0; }

.pgModalList .pgModalContainer .pgModalContentArea {
    min-width: min(28rem, calc(100vw - 2rem)); max-width: calc(100vw - 2rem); max-inline-size: calc(100vw - 2rem);
    max-height: calc(100dvh - 2rem);
    overscroll-behavior: contain;
}
.pgMobile .pgModalList .pgModalContainer .pgModalContentArea { max-height: calc(100dvh - 2rem); }
.pgModalList .pgModalContainer .pgModalContentArea .pgModalDefaultHeader > .row:first-of-type {
    align-items: center; flex-wrap: nowrap;
}
.pgModalList .pgModalContainer .pgModalContentArea .pgModalDefaultHeaderTitle {
    min-width: 0; overflow-wrap: anywhere;
}
.pgModalList .pgModalContainer .pgModalContentArea .pgModalDefaultHeader .pgModalDefaultHeaderCloseBtn {
    width: var(--ui-control-size); height: var(--ui-control-size); min-width: var(--ui-control-size);
    line-height: var(--ui-control-size);
}
.pgModalContentArea .uiFormRow { row-gap: var(--ui-space-3); align-items: start; }
.pgModalContentArea .uiFormRow > .pgInputArea { min-width: 0; }
.pgModalList .pgModalContainer .pgModalContentArea .pgModalPutCodeHtml { min-width: 0; width: auto; }
.pgModalContentArea .tabsArea { min-width: 0; overflow-x: auto; overscroll-behavior-x: contain; }
.pgModalContentArea .tabsArea > .row { flex-wrap: nowrap; }

/* These modules provide their own mobile card composition; do not replace it. */
.containerDashPage, .contentAfterNav, .boxContent, .pgTableContainer { min-width: 0; }
.uiTableScroll { width: 100%; min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
.uiTableScroll > .row { margin-inline: 0; }
.pgTableContainer:not(.mobile-card-mode) .uiTableScroll > .row:has(> .pgTableHeader),
.pgTableContainer:not(.mobile-card-mode) .uiTableScroll > .row:has(> .pgTableItens) { min-width: max(100%, var(--ui-table-desktop-width)); }
.pgTableContainer:not(.mobile-card-mode) .pgTableHeader > .row,
.pgTableContainer:not(.mobile-card-mode) .pgTableItensLine > .row { flex-wrap: nowrap; }
.pgTableFooterItensPerPage > .row { flex-wrap: wrap; row-gap: .5rem; }
.pgTableFooter .pgTableFooterItensPerPage { min-width: 0; max-width: 100%; }
.pgTableFooter .pgTableFooterItensPerPageInPage,
.pgTableFooter .pgTableFooterItensPerPageTotalQuery { white-space: normal; line-height: 1.5; }

/* Non-pg data grids keep their column headings and populated rows together. */
.uiMatrixScroll, .uiScheduleScroll, .uiShiftScroll { min-width: 0; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; }
.uiMatrixGrid { min-width: 700px; }
.uiMatrixGrid > .row, .uiScheduleGrid > .row { margin-inline: 0; }
.uiMatrixGrid .header > .row, .uiMatrixGrid .itemNotificacao > .row { flex-wrap: nowrap; }
.uiMatrixGrid .itemNotificacao .descricao { min-width: 240px; overflow-wrap: anywhere; }
.uiScheduleGrid { min-width: 1100px; }
.modalVisualizarCalendarioColaboradores .uiScheduleGrid :is(.cabecalhoDia,.itemCalendario) > .row:first-of-type {
    display: grid; grid-template-columns: 220px repeat(5, minmax(0, 1fr)); column-gap: 0;
}
.modalVisualizarCalendarioColaboradores .uiScheduleGrid :is(.cabecalhoDia,.itemCalendario) .item {
    width: auto; margin-inline: 0; min-width: 0;
}
.modalVisualizarCalendarioColaboradores .uiScheduleGrid .cabecalhoDia .item[data-item] > .row > .col:first-child { display: block; }
.modalVisualizarCalendarioColaboradores .uiScheduleGrid .itensColaborador { height: auto; max-height: none; overflow: visible; }
.modalVisualizarCalendarioColaboradores .uiScheduleGrid .itensColaborador .itemCalendario .item.nomeColaborador {
    width: auto; white-space: normal; overflow-wrap: anywhere; text-overflow: clip;
}
.modalVisualizarCalendarioColaboradores .uiScheduleGrid .itemCalendario .item { font-size: .9rem; }
.modalVisualizarCalendarioColaboradores .uiScheduleGrid .itemCalendario .item .valor .texto { display: block; width: auto; }
.uiShiftGrid { min-width: 620px; }
.uiShiftGrid > .row { margin-inline: 0; }
.uiShiftGrid .itemTurno input { min-width: 0; }
.contentModalFilePreview .realPreviewArea:has(> img),
.contentModalFilePreview .realPreviewArea:has(> video) { height: auto !important; display: flex; justify-content: center; max-height: calc(100dvh - 7rem); }
.contentModalFilePreview .realPreviewArea > img,
.contentModalFilePreview .realPreviewArea > video { width: auto; height: auto; max-width: 100%; max-height: calc(100dvh - 7rem); object-fit: contain; }
.paginaParametrizacaoSistema .contentTabPadronizacao { min-width: 0; width: auto; }
.paginaParametrizacaoSistema .contentTabCalendario .areaListaEventos { min-width: 0; width: auto; }
.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoPrevisualizacao .previsualizacaoInterna .itemNotificacao { width: 100%; max-width: 600px; min-width: 0; }
.modalDadosValidacaoLicenca .areaPutJson > .row { margin-inline: 0; }
.modalDadosValidacaoLicenca .areaPutJson .contentJson { min-width: 0; max-width: 100%; overflow-x: auto; }

.signInPage { min-height: 100dvh; height: auto; padding: 1rem; }
body:has(.signInPage) { overflow-x: hidden; }
body > .row:has(> .signInPage) { margin: 0; }
.signInPage > .row:first-of-type { min-height: calc(100dvh - 2rem); height: auto; margin-inline: 0; }
.signInPage .formArea { width: 550px; max-width: 100%; min-width: 0; margin-block: auto; }
.signInPage .title, .signInPage .subtitle { padding-inline: 1.5rem; overflow-wrap: anywhere; }
.signInPage .formArea .row.rpbta { height: auto; gap: 1rem; padding-inline: 1.5rem; }
.signInPage .formArea .recoverBtn, .signInPage .formArea .btnDoAccess { margin-inline: 0; }
.signInPage .formArea .recoverBtn { min-height: 2.75rem; display: flex; align-items: center; }

.paginaRelatorios .areaListaRelatorios > .row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; }
.paginaRelatorios .boxItemRelatorio,
.paginaRelatorios .boxItemRelatorio:nth-child(n) { width: auto; min-width: 0; margin: 0; }
.paginaRelatorios .boxItemRelatorio .areaTitulo .titulo { min-width: 0; overflow-wrap: anywhere; }
.uiEmptyState { max-width: 46rem; margin: 2rem auto; padding: 2rem; background: #fff; border-radius: .5rem; }
.uiEmptyState h1 { font-size: 1.5rem; line-height: 1.3; }
.uiEmptyState p { margin-top: 1rem; line-height: 1.6; }
.uiEmptyState a { color: var(--primary-color); text-decoration: underline; text-underline-offset: .2em; }

@media (min-width: 768px) {
    .paginaRelatorios .areaListaRelatorios > .row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
    .paginaRelatorios .areaListaRelatorios > .row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 992px) {
    .containerDashPage { height: 100dvh; min-width: 0; }
    .containerDashPage > .row { margin-inline: 0; }
    .containerDashPage > .row > .col { min-width: 0; }
    .navbarArea { height: auto; min-height: 0; padding: 1rem; }
    .navbarArea > .row:first-of-type { height: auto; gap: .5rem; margin-inline: 0; }
    .navbarArea .pageTitle { flex: 0 0 100%; margin: 0; }
    .navbarArea .broadcumbs { flex: 0 0 100%; height: auto; margin: 0; padding: 0; }
    .navbarArea .broadcumbs > .row:first-of-type { margin: 0; flex-wrap: wrap; }
    .navbarArea .broadcumbs .item { height: auto; line-height: 1.5; }
    .contentAfterNav { height: auto; min-height: 0; overflow: visible; }
    .sidebar { height: 100dvh; }
    .btnOpenMobileMenu { width: 100%; text-align: left; }
}
@media (max-width: 768px) {
    .pgInputArea.inputSelectMultipleColumn .containerColumns > .row { flex-direction: column; margin-inline: 0; }
    .pgInputArea.inputSelectMultipleColumn .containerColumns { padding-inline: 0; }
    .pgInputArea.inputSelectMultipleColumn .containerColumns .columnArea {
        width: auto; min-width: 0; flex: 0 0 auto; margin: .5rem;
    }
    .pgInputArea.inputSelectMultipleColumn .arrowDiviser { display: none; }
    .pgInputArea.inputSelectMultipleColumn .columnArea .itensAreaList .finalItem,
    .pgInputArea.inputSelectMultipleColumn .columnArea .itensAreaList .groupItem { height: auto; min-height: 44px; }
    .pgInputArea.inputSelectMultipleColumn .columnArea .itensAreaList .finalItem .textItem,
    .pgInputArea.inputSelectMultipleColumn .columnArea .itensAreaList .groupItem .textItem {
        white-space: normal; overflow-wrap: anywhere; line-height: 1.5; padding-block: .5rem;
    }
    .modalGestaoUsuario .contentTabEscopo .areaFormarEscopo { grid-template-columns: minmax(0, 1fr); }
    .modalGestaoUsuario .contentTabEscopo .itemProduto .nomeProduto {
        white-space: normal; overflow-wrap: anywhere;
    }
    /* Grow for wrapped mobile content without replacing the desktop design. */
    .btnCreateDefault, .btnDoAccess, .btnModalItem, .btnGerar {
        height: auto; min-height: var(--ui-control-size); line-height: 1.5;
        padding-block: .625rem; white-space: normal;
    }
    .btnCreateDefault > .row, .btnDoAccess > .row { min-height: 1.5rem; height: auto; align-items: center; }
    .signInPage .formArea .btnDoAccess { line-height: 1.5; }
    .btnCreateDefault .text, .btnDoAccess .text { overflow-wrap: anywhere; }
    .pgInputArea.inputSelectButton .itensContainer { height: auto; min-height: 42.5px; }
    .pgInputArea.inputSelectButton .itensContainer .item { height: auto; min-height: 30.5px; }
    .pgInputArea.inputSelectButton .itensContainer .item .itemCf { height: auto; min-height: 30.5px; }
    .pgInputArea.inputSelectButton .itensContainer .item .text { white-space: normal; overflow-wrap: anywhere; }
    .contentAfterNav { padding-inline: 0; }
    .contentAfterNav > .row { margin-inline: 0; }
    .contentAfterNav .boxContent { min-width: 0; margin: 1rem; }
    .contentAfterNav:not(:is(.pageChamadoList,.pageOsList,.paginaListaOrcamentos)) .boxContent { padding-inline: 1rem; }
    .contentAfterNav:not(:is(.pageChamadoList,.pageOsList,.paginaListaOrcamentos)) .boxContent > .row { margin-inline: 0; }
    .contentAfterNav:not(:is(.pageChamadoList,.pageOsList,.paginaListaOrcamentos)) .boxContent > .row > :is(.areaFiltros,.pgTableContainer) {
        margin-inline: 0; padding-inline: 0; min-width: 0;
    }
    .contentAfterNav:not(:is(.pageChamadoList,.pageOsList,.paginaListaOrcamentos)) .boxContent > .row:first-of-type {
        gap: .75rem; padding-top: 1rem;
    }
    .contentAfterNav:not(:is(.pageChamadoList,.pageOsList,.paginaListaOrcamentos)) .boxContent > .row:first-of-type > .btnCreateDefault {
        margin: 0; flex: 1 1 auto; display: flex; justify-content: center;
    }
    .pgModalContentArea .uiFormRow > .pgInputArea {
        flex: 0 0 100%; width: 100% !important; min-width: 0 !important; max-width: 100%;
        margin-inline: 0 !important;
    }
    .pgModalContentArea .pgModalPutCodeHtml { margin-inline: 1rem; }
    .modalEditarTemplateNotificacao :is(.colunaDados,.colunaConteudo) {
        flex: 0 0 100%; width: 100%; min-width: 0; margin-inline: 0;
    }
    .pgModalPutCodeHtml > .row:has(> .btnModalItem) { gap: .75rem; }
    .pgModalPutCodeHtml > .row > .btnModalItem { flex: 1 0 100%; margin-inline: 0; }
    .areaFiltros > .row:has(> .pgInputArea) { display: flex !important; flex-wrap: wrap; gap: .75rem; margin-inline: 0; }
    .areaFiltros > .row > .pgInputArea {
        flex: 1 0 100%; width: 100% !important; min-width: 0 !important; max-width: 100% !important;
        margin-inline: 0 !important; padding-inline: 0;
    }
    .areaFiltros > .row > .pgInputArea > .row { margin-inline: 0; }
    .areaFiltros .btnDoSearch, .areaFiltros .btnClearFilter { margin-left: 0; min-height: 2.75rem; }
    .pgTableContainer:not(.mobile-card-mode) .uiTableScroll > .row:has(> .pgTableHeader),
    .pgTableContainer:not(.mobile-card-mode) .uiTableScroll > .row:has(> .pgTableItens) { min-width: var(--ui-table-width); }
    .pgTableContainer:not(.mobile-card-mode) .pgTableHeader > .row,
    .pgTableContainer:not(.mobile-card-mode) .pgTableItensLine > .row { flex-wrap: nowrap; }
    .pgTableContainer .pgTableFooter > .row { gap: .75rem; margin-inline: 0; }
    .pgTableContainer .pgTableFooterItensPerPage { flex: 1 0 100%; padding: 0; }
    .pgTableFooterItensPerPage > .row { margin: 0; gap: .5rem; }
    .pgTableFooter .pgTableFooterItensPerPage .pgTableFooterItensPerPageDiviser { display: none; }
    .pgTableFooter .pgTableFooterItensPerPage .pgTableFooterItensPerPageTotalQuery { margin: 0; }
    .pgTableFooter .pgTableFooterPaginatorDescription { margin-left: 0 !important; padding: 0; }
    .pgTableItensEmpty { height: auto; min-height: 6rem; }
    .pgTableItensEmpty > .row { align-items: center; gap: .75rem; padding: 1rem; margin: 0; }
    .pgTableItensEmpty .icon, .pgTableItensEmpty .text { margin: 0; height: auto; line-height: 1.5; }
    .pgTableItensEmpty .text { flex: 1; min-width: 0; }
    .paginaRelatorios .areaListaRelatorios { margin: 1rem; }
    .uiEmptyState { margin: 1rem; padding: 1.5rem; }
}
@media (prefers-reduced-motion: reduce) {
    .sidebar, .mobileSidebarOverlay { transition: none; }
    .pgInputArea.invalid .inputContent { animation: none !important; }
}

/* Work queues: keep the complete filters in their existing dialog on phones. */
.uiToolbarActions, .uiToolbarMetrics, .uiDialogTools { display: contents; }
.uiFilterContext, .uiDetailNavigation { display: none; }

/* One bounded body scroller; the populated header must never steal its height. */
.pgModalList .pgModalContainer.uiDetailDialog .pgModalContentArea {
    display: flex; flex-direction: column; overflow: hidden !important;
}
.uiDetailDialog .pgModalContentArea > .row:has(> .pgModalDefaultHeader) { flex: 0 0 auto; }
.uiDetailDialog .pgModalContentArea > .row:has(> .pgModalPutCodeHtml) {
    display: flex; flex-direction: column; align-items: stretch;
    flex: 1 1 auto; min-height: 0; overflow: hidden;
}
.pgModalList .uiDetailDialog .pgModalContentArea .pgModalPutCodeHtml {
    flex: 1 1 auto; max-height: none; min-height: 0; overflow-y: auto !important;
}
.pgModalList .uiDetailDialog .pgModalContentArea .pgModalDefaultHeaderTitle {
    overflow: visible; height: auto; max-height: none;
}
.pgModalList .uiDetailDialog .pgModalContentArea .pgModalDefaultHeaderTitle > .row:first-of-type { height: auto; }
.uiDetailDialog .contentColumn .timeLineContent .actionArea .text,
.uiDetailDialog .contentColumn .timeLineContent .actionArea .time { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.uiDetailDialog .dataColumn .boxItem .headerArea { height: auto; min-height: 45px; }
.uiDetailDialog .dataColumn .boxItem .headerArea > .row:first-of-type { height: auto; min-height: 45px; }
.uiDetailDialog .dataColumn .boxItem .headerArea .title { min-width: 0; overflow-wrap: anywhere; }

/* Stack the detail panels before the reading column becomes too narrow on tablets. */
@media (max-width: 1100px) {
    .pgModalList .pgModalContainer[name="pgModalFilePreview"] .btnClose { right: .5rem; top: .5rem; z-index: 1; }
    .paginaAcompanhamentoProjeto .dadosProjetoAcompanhamento { margin-inline: 0; }
    .paginaAcompanhamentoProjeto .dadosProjetoAcompanhamento > .row { margin-inline: 0; }
    .paginaAcompanhamentoProjeto .dadosProjetoAcompanhamento .dadosGerais { width: 100%; max-width: 100%; min-width: 0; flex: 0 0 100%; }
    .paginaAcompanhamentoProjeto .dadosProjetoAcompanhamento .dadosGerais .boxItem .itemDado { height: auto; min-height: 30px; }
    .paginaAcompanhamentoProjeto .dadosProjetoAcompanhamento .dadosGerais .boxItem .itemDado .valor { min-width: 0; width: auto; white-space: normal; overflow-wrap: anywhere; }
    .uiDetailDialog.modalDadosChamado .pgModalPutCodeHtml > .row { flex-direction: column; margin-inline: 0; }
    .uiDetailDialog.modalDadosChamado :is(.dataColumn,.contentColumn) {
        flex: 0 0 auto; width: 100%; max-width: 100%; min-width: 0; margin-inline: 0; padding-inline: 15px;
    }
    .uiDetailDialog .dataColumn.panelCollapsed { width: 100% !important; min-width: 0 !important; padding-inline: 15px !important; }
    .uiDetailDialog .btnTogglePanel { display: none; }
    .uiDetailDialog .dataColumn > .row { margin-inline: 0; }
    .uiDetailDialog .dataColumn .boxItem { width: 100%; max-width: 100%; }
    .uiDetailDialog .dataColumn .boxItem .itemData { height: auto; min-height: 30px; }
    .uiDetailDialog .dataColumn .boxItem .itemData .value { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
    .uiDetailDialog.modalDadosChamado .contentColumn { margin-top: 1rem; }
    .uiDetailDialog .contentColumn .btnsActionChamadoItem {
        flex: 1 0 100%; width: auto; max-width: 100%; height: auto; min-height: 44px;
        white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.5; padding-block: .625rem;
    }
    .uiDetailDialog .uiDetailNavigation { display: flex; flex-wrap: wrap; gap: .25rem; height: auto; margin-bottom: 1rem; }
    .uiDetailNavigation .tabItem {
        flex: 1 1 8rem; min-width: 0; min-height: 44px; height: auto; margin: 0; padding: .5rem .25rem;
        border: 1px solid #ddd; border-radius: 5px; background: #f7f7f7;
    }
    .uiDetailNavigation .tabItem .text { margin: 0; white-space: normal; overflow-wrap: anywhere; }
}

@media (max-width: 768px) {
    .modalCalendarContent .bodyModal > .row { flex-direction: column; row-gap: .75rem; }
    .modalCalendarContent .bodyModal .monthItem { width: 100%; flex: 0 0 auto; min-width: 0; padding-inline: 0; }
    .modalCalendarContent .bodyModal .diviserMonths { width: 100%; height: 1px; flex: 0 0 1px; }
    .modalCalendarContent .bodyModal .monthItem .daysList,
    .modalCalendarContent .bodyModal .monthItem .weekDayName { margin-inline: 0; }
    :is(.paginaCalendarioColaboradores,.modalVisualizarCalendarioColaboradores) .cabecalhoCalendario { height: auto; }
    :is(.paginaCalendarioColaboradores,.modalVisualizarCalendarioColaboradores) .cabecalhoCalendario > .row { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; padding-block: .75rem; margin-inline: 0; }
    :is(.paginaCalendarioColaboradores,.modalVisualizarCalendarioColaboradores) .cabecalhoCalendario .titulo { grid-column: 1 / -1; grid-row: 1; min-width: 0; }
    :is(.paginaCalendarioColaboradores,.modalVisualizarCalendarioColaboradores) .cabecalhoCalendario .btnArrow { min-width: 0; width: auto; min-height: 44px; height: auto; margin: 0; }
    :is(.paginaCalendarioColaboradores,.modalVisualizarCalendarioColaboradores) .itensColaborador { max-height: none; overflow-y: visible; }
    .uiWorkList .boxContent { padding-inline: 1rem; }
    .uiWorkList .boxContent > .row { margin-inline: 0; }
    .contentAfterNav.uiWorkList .boxContent > .row.uiListToolbar {
        display: flex; flex-direction: column; align-items: stretch; gap: .5rem;
        margin-inline: 0; padding: 1rem 0 0;
    }
    .uiWorkList .uiListToolbar > .btnCreateDefault {
        width: 100%; max-width: none; margin: 0;
    }
    .uiWorkList .uiToolbarActions { display: flex; flex-wrap: wrap; gap: .5rem; width: 100%; }
    .uiWorkList .uiListToolbar .uiToolbarActions > .btnCreateDefault {
        display: flex; flex: 1 1 0; justify-content: center;
        width: auto; max-width: none; min-width: 0; min-height: 44px; margin: 0; padding-inline: .75rem;
    }
    .uiWorkList .uiListToolbar .uiToolbarActions > .btnToggleVisaoOperadorTabela { flex: 0 0 44px; padding-inline: 0; }
    .uiWorkList .uiToolbarActions .btnCreateDefault > .row {
        margin: 0; align-items: center; justify-content: center; gap: .375rem;
    }
    .uiWorkList .uiToolbarActions .btnCreateDefault :is(.icon,.text) { padding: 0; margin: 0; }
    .uiWorkList .uiToolbarActions .btnCreateDefault .text { white-space: normal; }
    .uiWorkList .uiToolbarMetrics { display: grid; grid-template-columns: minmax(3.5rem, auto) minmax(0, 1fr); gap: .5rem; width: 100%; }
    .uiWorkList .uiToolbarMetrics:not(:has(> .areaTotal + .areaTotal)) { grid-template-columns: minmax(0, 1fr); }
    .uiWorkList .uiListToolbar .uiToolbarMetrics > .areaTotal {
        grid-column: auto; width: auto; max-width: none; height: auto;
        min-width: 0; margin: 0; padding: .5rem; align-content: center;
    }
    .uiWorkList .uiToolbarMetrics .label { margin: 0 0 .25rem; padding: 0; }
    .uiWorkList .uiToolbarMetrics .areaTotal > .row { margin-inline: 0; }
    .uiWorkList .uiToolbarMetrics .value { overflow-wrap: anywhere; }
    .uiWorkList .uiFilterContext { display: block; grid-column: 1 / -1; min-width: 0; padding: .5rem 0; }
    .uiWorkList .uiFilterContext[hidden] { display: none; }
    .uiWorkList .areaFiltros.uiQuickFilters {
        display: grid; grid-template-columns: minmax(0, 1fr) 44px 44px; align-items: end; gap: .5rem;
        padding: 0; margin: 0; min-width: 0;
    }
    .uiWorkList .areaFiltros.uiQuickFilters > .row { display: contents !important; }
    .uiWorkList .areaFiltros.uiQuickFilters > .row > :not(.inputTermo):not(.btnDoSearch):not(.btnClearFilter) { display: none !important; }
    .uiWorkList .areaFiltros.uiQuickFilters > .row > .inputTermo {
        min-width: 0 !important; max-width: none !important; width: 100%; margin: 0; padding: 0;
    }
    .uiWorkList .areaFiltros.uiQuickFilters .btnDoSearch,
    .uiWorkList .areaFiltros.uiQuickFilters .btnClearFilter {
        width: 44px; height: 44px; min-height: 44px; max-width: none; margin: 0; padding: 0; line-height: 44px;
    }
    .uiWorkList .boxToPutTable .pgTableContainer { margin-inline: 0; }
    .uiWorkList .boxToPutTable .pgTableContainer.mobile-card-mode { padding-inline: 0; }
    .uiWorkList .pgTableContainer.mobile-card-mode .pgTableItens { padding-inline: 0; }
    .uiWorkList .pgTableContainer.mobile-card-mode .pgTableItens > .row,
    .uiWorkList .pgTableContainer.mobile-card-mode .pgTableItensLine > .row { margin-inline: 0; }
    .uiWorkList .pgTableContainer.mobile-card-mode .pgTableItensLine { padding: .75rem; margin-inline: 0; }
    .uiWorkList .pgTableContainer.mobile-card-mode .pgTableItensLineValue[data-column="mobileResumo"] { padding-inline: 0; min-width: 0; }
    .uiWorkList .pgTableContainer.mobile-card-mode :is(.mobileResumoChamado,.mobileResumoOrcamento) .topRow { row-gap: .5rem; }
    .uiWorkList .pgTableContainer.mobile-card-mode :is(.mobileResumoChamado,.mobileResumoOrcamento) .idHead { flex: 1 0 100%; min-width: 0; }
    .uiWorkList .pgTableContainer.mobile-card-mode :is(.mobileResumoChamado,.mobileResumoOrcamento) .status { max-width: 100%; white-space: normal; }
    .uiWorkList .pgTableContainer.mobile-card-mode .mobileResumoOs .topRow { row-gap: .5rem; }
    .uiWorkList .pgTableContainer.mobile-card-mode .mobileResumoOs .leftHead { flex: 1 0 100%; }
    .uiWorkList .pgTableContainer.mobile-card-mode .mobileResumoOs .leftHead > .row { flex-wrap: wrap; row-gap: .375rem; }
    .uiWorkList .pgTableContainer.mobile-card-mode .mobileResumoOs .status.bubbleStatus {
        max-width: 100%; height: auto; min-height: 22px; white-space: normal; line-height: 1.4;
        text-align: left; padding-block: .25rem;
    }

    /* Let each native pg option keep its own full background and text. */
    .pgInputArea.inputSelectButton .itensContainer > .row:first-of-type {
        display: flex; flex-wrap: wrap; align-items: stretch; gap: .25rem; margin-inline: 0;
    }
    .pgInputArea.inputSelectButton .itensContainer .item {
        flex: 1 1 6rem; width: auto; min-width: 0; margin: 5px 0;
    }
    .pgInputArea.inputSelectButton .itensContainer .item > .row { height: 100%; margin: 0; }
    .pgInputArea.inputSelectButton .itensContainer .item .itemCf { display: flex; align-items: center; min-width: 0; }
    .pgInputArea.inputSelectButton .itensContainer .item .itemCf > .row { width: 100%; margin: 0; }
    .pgInputArea.inputSelectButton .itensContainer .item .text { width: auto; min-width: 0; padding-inline: .25rem; line-height: 1.3; }
    .pageChamadoList .areaFiltros .inputVisualizacao.pgInputArea.inputSelectButton .itensContainer .item,
    .modalFiltroCompletoChamado .inputVisualizacao.pgInputArea.inputSelectButton .itensContainer .item,
    .modalFiltroCompletoChamado .inputTipoVisualizacaoChamado.pgInputArea.inputSelectButton .itensContainer .item {
        margin: 0; padding: 0; flex: 1 1 6rem;
    }
    .modalFiltroCompletoChamado .inputVisualizacao.pgInputArea.inputSelectButton .itensContainer,
    .modalFiltroCompletoChamado .inputTipoVisualizacaoChamado.pgInputArea.inputSelectButton .itensContainer { display: block; }
    .modalFiltroCompletoChamado .inputVisualizacao.pgInputArea.inputSelectButton .itensContainer .item .text,
    .modalFiltroCompletoChamado .inputTipoVisualizacaoChamado.pgInputArea.inputSelectButton .itensContainer .item .text { padding-inline: .25rem; }

    .pgModalList .pgModalContainer.uiDetailDialog .pgModalContentArea { max-width: calc(100vw - 2rem) !important; }
    .pgModalList .uiDetailDialog .pgModalContentArea .pgModalDefaultHeader > .row:first-of-type {
        display: grid; grid-template-columns: minmax(0, 1fr) var(--ui-control-size);
        align-items: start; padding-block: .75rem; gap: .5rem; margin-inline: 0;
    }
    .pgModalList .pgModalContainer.uiDetailDialog .pgModalContentArea .pgModalDefaultHeader .pgModalDefaultHeaderTitle {
        grid-column: 1 / -1; grid-row: 2;
        margin-right: 0; width: auto; max-width: 100%; max-height: min(32dvh, 18rem);
        overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain;
    }
    .uiDetailDialog .pgModalDefaultHeaderTitle > .row:first-of-type { gap: .375rem; width: 100%; margin-inline: 0; }
    .uiDetailDialog .pgModalDefaultHeaderTitle > .row > :first-child:not(.labelStatus) { flex: 1 0 100%; width: 100%; padding: 0; order: 0; }
    .pgModalList .uiDetailDialog .pgModalContentArea .pgModalDefaultHeaderTitle .labelStatus { margin: 0; max-width: 100%; white-space: normal; order: 1; }
    .uiDetailDialog .pgModalDefaultHeaderTitle .uiDialogTools { display: flex; flex: 1 0 100%; align-items: stretch; gap: .5rem; min-width: 0; order: 2; }
    .uiDetailDialog .pgModalDefaultHeaderTitle .btnsCopiarLista { flex: 1 1 auto; width: auto; margin: 0; padding: 0; min-width: 0; }
    .uiDetailDialog .pgModalDefaultHeaderTitle .btnsCopiarLista > .row { display: flex; flex-wrap: wrap; gap: .375rem; margin-inline: 0; }
    .pgModalList .uiDetailDialog .pgModalContentArea .pgModalDefaultHeaderTitle .btnsCopiarLista .btnCopiarLink {
        flex: 1 1 4.5rem; min-width: 0; max-width: 100%; min-height: 44px; height: auto; margin: 0; padding: .375rem;
    }
    .uiDetailDialog .pgModalDefaultHeaderTitle .btnCopiarLink > .row { margin: 0; gap: .375rem; flex-wrap: nowrap; }
    .pgModalList .uiDetailDialog .pgModalContentArea .pgModalDefaultHeaderTitle .btnCopiarLink :is(.icone,.texto) { margin: 0; padding: 0; min-width: 0; line-height: 1.3; }
    .uiDetailDialog .pgModalDefaultHeaderTitle .btnCopiarLink .texto { flex: 1 1 auto; }
    .pgModalList .uiDetailDialog .pgModalContentArea .pgModalDefaultHeaderTitle .btnCopiarLink .texto { white-space: normal; overflow-wrap: anywhere; overflow: visible; text-overflow: clip; }
    .pgModalList .pgModalContainer.uiDetailDialog .pgModalContentArea .pgModalDefaultHeaderCloseBtn { grid-column: 2; grid-row: 1; align-self: start; position: relative; z-index: 1; }
    .uiDetailDialog .pgModalDefaultHeaderTitle .uiDialogTools .btnToggleVisaoOperador { flex: 0 0 44px; width: 44px; height: auto; min-height: 44px; }
    .uiDetailDialog .pgModalDefaultHeaderTitle .btnToggleVisaoOperador > .row { margin-inline: 0; }
    .uiDetailDialog .pgModalDefaultHeaderTitle .btnToggleVisaoOperador .icone { padding-inline: 0; min-width: 0; }
    .pgModalList .uiDetailDialog .pgModalContentArea .pgModalDefaultHeaderTitle .btnToggleVisaoOperador::after { content: none; }
    .uiDetailDialog .contentTabEscopo .tabelaListarItensOrcamento { max-height: none; overflow-y: visible; }
    .uiDetailDialog .mobileResumoItemOrcamento .topRow { row-gap: .375rem; }
    .uiDetailDialog .mobileResumoItemOrcamento .topRow .status { max-width: 100%; white-space: normal; }
    .uiDetailDialog .mobileResumoItemOrcamento .itemMain .itemInfo { overflow-wrap: anywhere; }
    .uiDetailDialog.modalDadosOrcamento .areaItensOrcamento .tabelaListarItensOrcamento .mobileResumoItemOrcamento .itemMain .dataPrevista { flex: 1 0 100%; flex-direction: row; align-items: baseline; gap: .375rem; margin-top: .5rem; }
    .uiDetailDialog.modalDadosOrcamento .areaItensOrcamento .tabelaListarItensOrcamento .mobileResumoItemOrcamento .itemMain .dataPrevista .valor { width: auto; height: auto; white-space: normal; overflow: visible; text-overflow: clip; }
}
.uiFieldError[hidden] { display: none; }

@media (max-width: 768px) {
    .tabelaConfiguracaoNotificacoes .uiMatrixGrid { min-width: 0; }
    .tabelaConfiguracaoNotificacoes .uiMatrixGrid .header { display: none; }
    .tabelaConfiguracaoNotificacoes .uiMatrixGrid .itemNotificacao > .row {
        display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem .5rem;
        margin-inline: 0; padding-block: .75rem;
    }
    .tabelaConfiguracaoNotificacoes .uiMatrixGrid .itemNotificacao .descricao {
        grid-column: 1 / -1; min-width: 0; width: 100%; padding-inline: 0;
    }
    .tabelaConfiguracaoNotificacoes .uiMatrixGrid .areaListaItens .gatewayColuna {
        width: 100%; max-width: none; min-width: 0; flex-direction: column; gap: .25rem;
    }
    .tabelaConfiguracaoNotificacoes .gatewayColuna::before { content: attr(data-channel-label); }
    .paginaParametrizacaoSistema .tabelaParametrosNotificacao .header { display: none; }
    .tabelaParametrosNotificacao .itemNotificacao > .row {
        display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem .5rem;
        margin-inline: 0; padding-block: .75rem;
    }
    .paginaParametrizacaoSistema .tabelaParametrosNotificacao .areaListaItens .descricao {
        grid-column: 1 / -1; min-width: 0; width: 100%; padding-inline: 0; overflow-wrap: anywhere;
    }
    .paginaParametrizacaoSistema .tabelaParametrosNotificacao .areaListaItens .item[data-metodo] { width: 100%; min-width: 0; padding: 0; text-align: center; }
    .tabelaParametrosNotificacao .item[data-metodo]::before { content: attr(data-channel-label); }
    .paginaParametrizacaoSistema .tabelaParametrosNotificacao .areaListaItens .item > .row { justify-content: center; flex-wrap: wrap; gap: .25rem; margin-inline: 0; }
    .paginaParametrizacaoSistema .tabelaParametrosNotificacao .areaListaItens .inputAtivo { flex: 0 0 86px; max-width: 86px; }
    .paginaParametrizacaoSistema .tabelaParametrosNotificacao .areaListaItens .iconeEditar { display: flex; justify-content: center; align-items: center; min-width: 44px; min-height: 44px; margin: 0; }
}