/* Processos — consulta (layout base: lfm-digcli-page em lfm-mud.css) */

.lfm-maint-page.lfm-digcli-page.lfm-propro-page {
    flex: 1 1 0%;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.lfm-maint-page.lfm-propro-page > .lfm-digcli-topo-groupbox {
    flex-shrink: 0;
    overflow: visible;
}

.lfm-propro-page .lfm-propro-topo-filtros {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    flex: 0 1 auto;
    min-width: 0;
}

.lfm-propro-page .lfm-propro-campo-adv,
.lfm-propro-page .lfm-propro-campo-estag {
    width: 128px;
    flex: 0 0 128px;
    max-width: 128px;
}

.lfm-propro-page .lfm-propro-campo-cliente {
    width: 240px;
    flex: 0 1 240px;
    max-width: 320px;
}

.lfm-propro-page .lfm-propro-campo-criterio {
    width: 168px;
    flex: 0 0 168px;
}

.lfm-propro-page .lfm-propro-campo-busca {
    width: 220px;
    flex: 0 1 220px;
    max-width: 280px;
}

.lfm-propro-page .lfm-propro-topo-filtros .lfm-digcli-campo-criterio.mud-select .mud-input-outlined .mud-input-outlined-border,
.lfm-propro-page .lfm-propro-topo-filtros .lfm-digcli-campo-segundo .mud-input-outlined .mud-input-outlined-border,
.lfm-maint-page.lfm-propro-page .lfm-propro-topo-filtros .lfm-digcli-campo-criterio .mud-input-outlined-border,
.lfm-maint-page.lfm-propro-page .lfm-propro-topo-filtros .lfm-digcli-campo-segundo .mud-input-outlined-border,
.lfm-propro-page .lfm-propro-topo-filtros .lfm-propro-campo-busca .mud-input-outlined .mud-input-outlined-border,
.lfm-propro-page .lfm-propro-topo-filtros .lfm-propro-campo-adv .mud-input-outlined .mud-input-outlined-border,
.lfm-propro-page .lfm-propro-topo-filtros .lfm-propro-campo-estag .mud-input-outlined .mud-input-outlined-border,
.lfm-propro-page .lfm-propro-topo-filtros .lfm-propro-campo-cliente .mud-input-outlined .mud-input-outlined-border,
.lfm-propro-page .lfm-propro-topo-filtros .lfm-propro-campo-criterio .mud-input-outlined .mud-input-outlined-border {
    border-radius: 4px !important;
    margin-left: 0 !important;
}

.lfm-propro-page .lfm-propro-topo-filtros .lfm-digcli-campo-criterio .mud-input-outlined,
.lfm-propro-page .lfm-propro-topo-filtros .lfm-digcli-campo-segundo .mud-input-outlined {
    overflow: visible;
}

.lfm-propro-page .lfm-propro-btn-grupo {
    flex: 0 0 auto;
    align-self: center;
    height: 32px;
    min-height: 32px;
    min-width: 0;
}

.lfm-propro-page .lfm-digcli-secao-cabecalho-acoes .mud-button-root {
    height: 32px;
    min-height: 32px;
}

.lfm-propro-page .lfm-propro-total {
    text-transform: none;
    letter-spacing: normal;
    font-size: 12px;
    font-weight: 500;
    color: var(--mud-palette-text-secondary, #64748b);
}

.lfm-propro-page .lfm-propro-rodape {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 2px 2px;
    min-width: 0;
}

.lfm-propro-page .lfm-propro-marcados {
    margin-left: 4px;
    font-size: 12px;
    font-weight: 600;
    color: #1d4ed8;
    white-space: nowrap;
}

.lfm-propro-page .lfm-propro-busca-grade {
    width: 280px;
    flex: 0 1 280px;
    max-width: 360px;
    min-width: 160px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 32px;
}

.lfm-propro-page .lfm-propro-busca-grade .mud-input-control-input-container {
    margin-top: 0 !important;
}

.lfm-propro-page .lfm-propro-busca-grade .mud-input-outlined,
.lfm-propro-page .lfm-propro-busca-grade .mud-input {
    min-height: 32px;
    height: 32px;
    max-height: 32px;
}

.lfm-propro-page .lfm-propro-busca-grade .lfm-digcli-toolbar-input,
.lfm-propro-page .lfm-propro-busca-grade .lfm-digcli-toolbar-input .mud-input-slot,
.lfm-propro-page .lfm-propro-busca-grade input.lfm-digcli-toolbar-input,
.lfm-propro-page .lfm-propro-busca-grade input.mud-input-root {
    font-size: 0.8125rem;
    line-height: 1.4;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    height: 32px;
    min-height: 32px;
    box-sizing: border-box;
}

.lfm-propro-page .lfm-propro-busca-grade .mud-input-adornment .mud-icon-root {
    font-size: 1.125rem;
    opacity: 0.55;
}

.lfm-propro-page .lfm-propro-busca-grade .mud-icon-button {
    width: 24px;
    height: 24px;
}

.lfm-propro-page .lfm-propro-busca-grade .mud-input-outlined .mud-input-outlined-border {
    border-radius: 4px !important;
}

.lfm-propro-page .lfm-propro-paginacao {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    flex: 0 0 auto;
}

.lfm-propro-page .lfm-propro-paginacao .mud-icon-button {
    width: 32px;
    height: 32px;
}

.lfm-propro-page .lfm-maint-body {
    flex: 1 1 0%;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.lfm-propro-page .lfm-digcli-painel {
    flex: 1 1 0%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.lfm-propro-page .lfm-digcli-painel-scroll {
    flex: 1 1 0%;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.lfm-propro-page .lfm-propro-lista-secao {
    flex: 1 1 0%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.lfm-propro-page .lfm-digcli-contatos-lista {
    flex: 1 1 0%;
    min-height: 0;
    max-height: none;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.lfm-propro-page .lfm-digcli-contatos-scroll {
    flex: 1 1 0%;
    min-height: 0;
    overflow: auto;
}

.lfm-propro-page .lfm-propro-tabela {
    table-layout: fixed;
    width: max-content;
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.lfm-propro-page .lfm-digcli-secao-cabecalho-acoes {
    gap: 8px;
}

.lfm-propro-page .lfm-propro-btn-colunas {
    margin-left: 4px;
}

.lfm-propro-page .lfm-propro-tabela th,
.lfm-propro-page .lfm-propro-tabela td {
    padding: 7px 10px;
    white-space: nowrap;
    box-sizing: border-box;
}

.lfm-propro-page .lfm-propro-tabela td {
    overflow: hidden;
    text-overflow: ellipsis;
}

.lfm-propro-page .lfm-propro-tabela th {
    font-size: 10px;
}

.lfm-propro-page .lfm-propro-tabela .col-check {
    width: 42px;
    min-width: 42px;
    max-width: 42px;
    text-align: center;
    padding: 2px 6px;
    overflow: visible;
}

.lfm-propro-page .lfm-propro-th {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #f8fafc;
    vertical-align: middle;
    box-shadow: 0 1px 0 #e2e8f0;
    border-right: 1px solid #e2e8f0;
}

.lfm-propro-page .lfm-propro-th:last-child {
    border-right: 0;
}

.lfm-propro-page .lfm-propro-col-resizer {
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
    cursor: col-resize;
    z-index: 4;
}

.lfm-propro-page .lfm-propro-col-resizer:hover {
    background: rgba(37, 99, 235, 0.28);
}

html.lfm-propro-redimensionando,
html.lfm-propro-redimensionando * {
    cursor: col-resize !important;
    user-select: none !important;
}

.lfm-propro-page .lfm-propro-th-inner {
    display: flex;
    align-items: center;
    gap: 2px;
    min-width: 0;
}

.lfm-propro-page .lfm-propro-th-sort {
    flex: 1 1 auto;
    min-width: 0;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    cursor: pointer;
    user-select: none;
    text-align: left;
    font: inherit;
    color: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
}

.lfm-propro-page .lfm-propro-th-sort:hover {
    color: #1e293b;
}

.lfm-propro-page .lfm-propro-th-filtro {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #94a3b8;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.lfm-propro-page .lfm-propro-th-filtro:hover {
    color: #64748b;
    background: #f1f5f9;
}

.lfm-propro-page .lfm-propro-th-filtro.ativo,
.lfm-propro-page .lfm-propro-th-filtro.ativo:hover {
    color: #dc2626;
    background: #fef2f2;
}

.lfm-propro-page .lfm-propro-th-filtro.ativo .mud-icon-root {
    color: #dc2626;
}

.lfm-propro-filtro-popover {
    width: 280px;
    padding: 10px;
    text-transform: none;
    letter-spacing: normal;
    white-space: normal;
}

.lfm-propro-filtro-popover .mud-input-control {
    margin-bottom: 8px;
}

.lfm-propro-page .lfm-propro-filtro-acoes {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    margin-top: 4px;
}

.lfm-modal-card.lfm-modal-card--wide.lfm-propro-colunas-card {
    width: min(720px, calc(100vw - 32px));
    max-width: min(720px, calc(100vw - 32px));
    height: min(780px, calc(100dvh - 32px));
    max-height: calc(100dvh - 32px);
}

.lfm-modal-card.lfm-propro-colunas-card .lfm-modal-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.lfm-propro-colunas-modal {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.lfm-propro-colunas-tabela-wrap {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 280px;
    max-height: none;
    overflow: auto;
    overflow: auto;
    border: 1px solid #dbe3ee;
    border-radius: 6px;
}

.lfm-propro-colunas-tabela {
    width: 100%;
}

.lfm-propro-colunas-tabela th,
.lfm-propro-colunas-tabela td {
    padding: 4px 8px;
    white-space: nowrap;
}

.lfm-propro-colunas-tabela .col-drag {
    width: 28px;
    text-align: center;
    color: #94a3b8;
    cursor: grab;
}

.lfm-propro-colunas-tabela .col-marca,
.lfm-propro-colunas-tabela .col-ord {
    width: 56px;
    text-align: center;
}

.lfm-propro-colunas-tabela .col-tam {
    width: 110px;
}

.lfm-propro-colunas-tabela .col-tam .mud-input-control {
    margin: 0;
}

.lfm-propro-colunas-tabela tbody tr {
    cursor: default;
}

.lfm-propro-colunas-tabela .col-campo {
    cursor: grab;
}

.lfm-propro-colunas-tabela tbody tr.arrastando {
    opacity: 0.45;
}

.lfm-propro-colunas-tabela tbody tr.arrastando .col-drag,
.lfm-propro-colunas-tabela tbody tr.arrastando .col-campo {
    cursor: grabbing;
}

.lfm-propro-colunas-tabela tbody tr.drop-alvo td {
    box-shadow: inset 0 2px 0 #2563eb;
    background: #eff6ff;
}

.lfm-propro-page .lfm-propro-tabela .col-pronumero {
    font-weight: 600;
    color: #1e293b;
}

.lfm-propro-page .lfm-propro-tabela .col-proinstan,
.lfm-propro-page .lfm-propro-tabela .col-tipo,
.lfm-propro-page .lfm-propro-tabela .col-status {
    text-align: center;
}

.lfm-propro-page .lfm-propro-tabela .linha-atua-sem-procuracao td:first-child {
    box-shadow: inset 3px 0 0 rgb(255, 0, 0);
}

.lfm-propro-page .lfm-propro-tabela .linha-atua-sem-timbre td:first-child {
    box-shadow: inset 3px 0 0 rgb(0, 0, 255);
}

.lfm-propro-page .lfm-propro-tabela .linha-atua-nao td:first-child {
    box-shadow: inset 3px 0 0 rgb(0, 128, 0);
}

.lfm-propro-page .lfm-propro-tabela .linha-atua-sim td:first-child {
    box-shadow: inset 3px 0 0 rgb(0, 0, 0);
}

.lfm-propro-page .lfm-propro-tabela .linha-encerrado td {
    color: #94a3b8;
}

.lfm-propro-page .lfm-propro-tabela .linha-confidencial td {
    font-weight: 700;
}

.lfm-propro-page .lfm-propro-tabela tbody tr.lfm-row-selected,
.lfm-propro-page .lfm-propro-tabela tbody tr.lfm-row-selected > td,
.lfm-propro-page .lfm-propro-tabela tbody tr.linha-selecionada,
.lfm-propro-page .lfm-propro-tabela tbody tr.linha-selecionada > td {
    background-color: #F3E7E5 !important;
}

.lfm-propro-page .lfm-propro-tabela tbody tr:hover:not(.lfm-row-selected):not(.linha-selecionada),
.lfm-propro-page .lfm-propro-tabela tbody tr:hover:not(.lfm-row-selected):not(.linha-selecionada) > td {
    background-color: #F7F5F3;
}

@media (max-width: 1100px) {
    .lfm-propro-page .lfm-digcli-topo-unificado {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    .lfm-propro-page .lfm-propro-topo-filtros {
        width: 100%;
    }

    .lfm-propro-page .lfm-propro-campo-adv,
    .lfm-propro-page .lfm-propro-campo-estag {
        width: 128px;
        flex: 0 0 128px;
        max-width: 128px;
    }

    .lfm-propro-page .lfm-propro-campo-cliente,
    .lfm-propro-page .lfm-propro-campo-busca {
        width: 100%;
        flex: 1 1 180px;
        max-width: none;
    }

    .lfm-propro-page .lfm-propro-rodape {
        flex-wrap: wrap;
    }

    .lfm-propro-page .lfm-propro-busca-grade {
        width: 100%;
        flex: 1 1 180px;
        max-width: none;
    }

    .lfm-propro-page .lfm-propro-drawer.open {
        width: min(420px, 100%);
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 20;
        box-shadow: -8px 0 24px rgba(28, 43, 57, 0.12);
    }

    .lfm-propro-page .lfm-propro-shell {
        position: relative;
    }
}

.lfm-propro-page .lfm-propro-shell {
    flex: 1 1 0%;
    min-height: 0;
    display: flex;
    overflow: hidden;
}

.lfm-propro-page .lfm-propro-shell > .lfm-maint-body {
    flex: 1 1 0%;
    min-width: 0;
}

.lfm-propro-page .lfm-propro-drawer {
    --propro-drawer-ink: #1C2B39;
    --propro-drawer-ink-soft: #5B6B66;
    --propro-drawer-line: #DADFDC;
    --propro-drawer-line-soft: #E6E9E7;
    --propro-drawer-paper: #EEF1EF;
    --propro-drawer-wine: #7A3B3B;
    --propro-drawer-wine-soft: #F3E7E5;
    width: 0;
    overflow: hidden;
    flex-shrink: 0;
    background: #fff;
    border-left: 1px solid var(--propro-drawer-line-soft);
    transition: width 0.22s ease;
    color: var(--propro-drawer-ink);
}

.lfm-propro-page .lfm-propro-drawer.open {
    width: 420px;
}

.lfm-propro-drawer-inner {
    width: 420px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.lfm-propro-drawer-head {
    padding: 18px 22px 14px;
    border-bottom: 1px solid var(--propro-drawer-line-soft);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-shrink: 0;
    gap: 12px;
}

.lfm-propro-drawer-head h2 {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 600;
    font-size: 18px;
    margin: 0 0 4px;
    line-height: 1.25;
    color: var(--propro-drawer-ink);
}

.lfm-propro-drawer-head p {
    margin: 0;
    color: var(--propro-drawer-ink-soft);
    font-size: 13px;
}

.lfm-propro-drawer-close {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--propro-drawer-ink-soft);
    font-size: 18px;
    line-height: 1;
    padding: 2px;
}

.lfm-propro-drawer-tabs {
    display: flex;
    gap: 2px;
    padding: 0 22px;
    border-bottom: 1px solid var(--propro-drawer-line-soft);
    flex-shrink: 0;
    overflow-x: auto;
}

.lfm-propro-drawer-tabs button {
    background: none;
    border: none;
    font-family: inherit;
    font-size: 13px;
    font-weight: 500;
    color: var(--propro-drawer-ink-soft);
    padding: 10px 4px;
    margin-right: 18px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    white-space: nowrap;
}

.lfm-propro-drawer-tabs button.active {
    color: var(--propro-drawer-ink);
    border-bottom-color: var(--propro-drawer-wine);
}

.lfm-propro-drawer-body {
    padding: 18px 22px;
    overflow-y: auto;
    flex: 1;
}

.lfm-propro-phase-track {
    display: flex;
    align-items: center;
    margin: 6px 0 20px;
}

.lfm-propro-phase-step {
    flex: 1;
    text-align: center;
    position: relative;
}

.lfm-propro-phase-step .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--propro-drawer-line);
    margin: 0 auto 6px;
    position: relative;
    z-index: 1;
}

.lfm-propro-phase-step.done .dot {
    background: #3F6652;
}

.lfm-propro-phase-step.current .dot {
    background: var(--propro-drawer-wine);
    box-shadow: 0 0 0 3px var(--propro-drawer-wine-soft);
}

.lfm-propro-phase-step label {
    font-size: 11px;
    color: var(--propro-drawer-ink-soft);
}

.lfm-propro-phase-step.current label {
    color: var(--propro-drawer-ink);
    font-weight: 600;
}

.lfm-propro-phase-line {
    position: absolute;
    top: 5px;
    left: -50%;
    width: 100%;
    height: 1px;
    background: var(--propro-drawer-line);
    z-index: 0;
}

.lfm-propro-phase-step.done .lfm-propro-phase-line {
    background: #3F6652;
}

.lfm-propro-phase-step:first-child .lfm-propro-phase-line {
    display: none;
}

.lfm-propro-drawer-body h4 {
    font-size: 12px;
    text-transform: none;
    color: var(--propro-drawer-ink-soft);
    margin: 0 0 6px;
    font-weight: 500;
}

.lfm-propro-drawer-dados-titulo {
    margin-top: 22px !important;
}

.lfm-propro-drawer-empty {
    border: 1px dashed var(--propro-drawer-line);
    border-radius: 6px;
    padding: 16px;
    color: var(--propro-drawer-ink-soft);
    font-size: 13px;
    background: var(--propro-drawer-paper);
    white-space: pre-wrap;
}

.lfm-propro-kv {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid var(--propro-drawer-line-soft);
    font-size: 13px;
}

.lfm-propro-kv:last-child {
    border-bottom: none;
}

.lfm-propro-kv span:first-child {
    color: var(--propro-drawer-ink-soft);
    flex-shrink: 0;
}

.lfm-propro-kv span:last-child {
    font-weight: 500;
    text-align: right;
}

.lfm-propro-vinc-item {
    border: 1px solid var(--propro-drawer-line-soft);
    border-radius: 6px;
    padding: 10px 12px;
    margin-bottom: 8px;
    font-size: 12.5px;
}

.lfm-propro-drawer-footer {
    padding: 14px 22px;
    border-top: 1px solid var(--propro-drawer-line-soft);
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.lfm-propro-drawer-btn {
    flex: 1;
    border: none;
    border-radius: 4px;
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 500;
    padding: 9px 16px;
    cursor: pointer;
}

.lfm-propro-drawer-btn-primary {
    background: var(--propro-drawer-wine);
    color: #fff;
}

.lfm-propro-drawer-btn-primary:hover {
    background: #682f2f;
}

.lfm-propro-drawer-btn-ghost {
    background: transparent;
    color: var(--propro-drawer-ink);
    border: 1px solid var(--propro-drawer-line);
}

.lfm-propro-drawer-btn-ghost:hover {
    background: #fff;
    border-color: #C4CBC7;
}