/* _content/ByTescaro.ConstrutorApp.UI/Components/Layout/MainLayout.razor.rz.scp.css */
/* Container com padding fluido */
.ca-container[b-mt8o8ypzii] {
    padding: 12px;
} 

@media (min-width: 768px) {
    .ca-container[b-mt8o8ypzii] {
        padding: 16px 20px;
    }
}

/* Sidebar overlay no mobile; est�tico no desktop */
.ca-sidebar[b-mt8o8ypzii] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    /* z-index alto p/ sobrepor o conte�do quando expandido */
    z-index: 1000;
}

@media (min-width: 1024px) { /* md: ?1024px */
    .ca-sidebar[b-mt8o8ypzii] {
        position: static; /* vira coluna fixa no desktop */
        z-index: auto;
    }
}

/* M�dia responsiva geral: evitar overflow */
img[b-mt8o8ypzii], svg[b-mt8o8ypzii], video[b-mt8o8ypzii], canvas[b-mt8o8ypzii] {
    max-width: 100%;
    height: auto;
}
/* _content/ByTescaro.ConstrutorApp.UI/Components/Layout/NavMenu.razor.rz.scp.css */
/* Faz o menu rolar quando a lista � grande */ 
.rz-panel-menu[b-px5vuxd1dc] {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}

    /* Espa�amento leve do cabe�alho �Ol� usu�rio� */
    .rz-panel-menu .rz-navigation-item:first-child .rz-navigation-item-text[b-px5vuxd1dc] {
        font-weight: 600;
    }
/* _content/ByTescaro.ConstrutorApp.UI/Components/Pages/Agenda/AgendaIndex.razor.rz.scp.css */

/* Reuso do estilo do ProjetoDetalhe */
.header-like[b-ba0fgknns1] {
    position: sticky;
    top: -8px;
    z-index: 2;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16,24,40,.06);
    padding: 10px 12px;
    margin-bottom: .75rem; 
}

/* KPIs */
.kpi-like[b-ba0fgknns1] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--rz-border);
    border-radius: 12px;
    background: #fff !important;
    padding: .5rem .75rem;
    transition: transform .12s ease, box-shadow .12s ease;
    min-width: 200px;
}

    .kpi-like[b-ba0fgknns1]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 4px;
        background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
    }

    .kpi-like.info[b-ba0fgknns1]::before {
        background: linear-gradient(90deg, var(--rz-info), transparent 60%);
    }

    .kpi-like.warning[b-ba0fgknns1]::before {
        background: linear-gradient(90deg, var(--rz-warning), transparent 60%);
    }

    .kpi-like.success[b-ba0fgknns1]::before {
        background: linear-gradient(90deg, var(--rz-success), transparent 60%);
    }

    .kpi-like:hover[b-ba0fgknns1] {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(16,24,40,.08);
    }

.co-kpi-title[b-ba0fgknns1] {
    font-size: .8rem;
    color: #6b7280;
}

.co-kpi-value[b-ba0fgknns1] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}

/* Cartão base */
.card-like[b-ba0fgknns1] {
    border: 1px solid var(--rz-border);
    border-radius: 14px;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

    .card-like[b-ba0fgknns1]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 3px;
        background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
    }

    .card-like:hover[b-ba0fgknns1] {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(16,24,40,.08);
    }

/* Espaçamento geral desktop/mobile */
@media (max-width:600px) {
    .header-like[b-ba0fgknns1] {
        padding: 8px;
    }
}

/* _content/ByTescaro.ConstrutorApp.UI/Components/Pages/Fluxo/FluxoCronogramaTab.razor.rz.scp.css */
.fc-root[b-yszedh9alx] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.fc-head[b-yszedh9alx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    justify-content: space-between;
}

.fc-title[b-yszedh9alx] {
    font: 600 18px/1.3 system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}

.fc-actions[b-yszedh9alx] {
    display: flex;
    gap: .5rem;
    align-items: center;
    flex-wrap: wrap;
}

.fc-input[b-yszedh9alx] {
    height: 36px;
    padding: 0 .6rem;
    border: 1px solid #d0d7de;
    border-radius: 8px;
    min-width: 220px;
}

.fc-btn[b-yszedh9alx] {
    height: 36px;
    padding: 0 .9rem;
    border: 1px solid #d0d7de;
    background: #fff;
    border-radius: 8px;
    cursor: pointer;
}

    .fc-btn.primary[b-yszedh9alx] {
        background: #1976d2;
        color: #fff;
        border-color: #1976d2;
    }

    .fc-btn:disabled[b-yszedh9alx] {
        opacity: .5;
        cursor: not-allowed;
    }

.fc-divider[b-yszedh9alx] {
    width: 1px;
    height: 28px;
    background: #e5e7eb;
    margin: 0 .25rem;
}

.fc-loading[b-yszedh9alx] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #6b7280;
}

.spinner[b-yszedh9alx] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #e5e7eb;
    border-top-color: #1976d2;
    animation: spin-b-yszedh9alx .9s linear infinite;
}

@keyframes spin-b-yszedh9alx {
    to {
        transform: rotate(360deg);
    }
}

.fc-empty[b-yszedh9alx] {
    color: #6b7280;
}

.fc-board[b-yszedh9alx] {
    display: grid;
    grid-template-columns: repeat(5, minmax(240px, 1fr));
    gap: .75rem;
}

.fc-col[b-yszedh9alx] {
    display: flex;
    flex-direction: column;
    min-height: 420px;
    background: #fafafa;
    border: 1px solid #ececec;
    border-radius: 12px;
}

    .fc-col.is-disabled[b-yszedh9alx] {
        opacity: .6;
        pointer-events: none;
    }

.fc-col-head[b-yszedh9alx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .6rem .8rem;
    border-bottom: 1px solid #ececec;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.fc-col-backlog[b-yszedh9alx] {
    background: #0079BF;
}

.fc-col-execucao[b-yszedh9alx] {
    background: #FFC600;
}

.fc-col-pendencia[b-yszedh9alx] {
    background: #FF9F1A;
}

.fc-col-retrabalho[b-yszedh9alx] {
    background: #EB5A46;
}

.fc-col-concluido[b-yszedh9alx] {
    background: #61BD4F;
}

.fc-col-title[b-yszedh9alx] {
    font-weight: 600;
}

.fc-col-count[b-yszedh9alx] {
    font: 600 12px/1.2 ui-sans-serif;
    color: #6b7280;
}

.fc-col-body[b-yszedh9alx] {
    padding: .6rem;
    display: flex;
    flex-direction: column;
    gap: .6rem;
}

.fc-col-empty[b-yszedh9alx] {
    color: #9ca3af;
    font-size: 13px;
    border: 1px dashed #e5e7eb;
    border-radius: 10px;
    padding: .9rem;
    text-align: center;
}

.fc-card[b-yszedh9alx] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: .6rem .7rem;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.fc-card-title[b-yszedh9alx] {
    font-weight: 600;
    margin-bottom: .2rem;
}

.fc-card-desc[b-yszedh9alx] {
    color: #4b5563;
    font-size: 13px;
    margin-bottom: .25rem;
}

.fc-card-foot[b-yszedh9alx] {
    display: flex;
    align-items: center;
    gap: .35rem;
}

.fc-icon-btn[b-yszedh9alx] {
    border: 1px solid #e5e7eb;
    background: #fff;
    border-radius: 8px;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    cursor: pointer;
}

    .fc-icon-btn.danger[b-yszedh9alx] {
        color: #b91c1c;
        border-color: #f0d2d2;
    }

.chip[b-yszedh9alx] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    font-size: 12px;
    padding: .2rem .5rem;
    border-radius: 999px;
    background: #eef2ff;
    color: #1e3a8a;
}

    .chip.success[b-yszedh9alx] {
        background: #e7f8ef;
        color: #166534;
    }

    .chip.warning[b-yszedh9alx] {
        background: #fff7ed;
        color: #a16207;
    }

.spacer[b-yszedh9alx] {
    flex: 1;
}

@media (max-width: 1100px) {
    .fc-board[b-yszedh9alx] {
        grid-template-columns: repeat(2, minmax(240px, 1fr));
    }
}

@media (max-width: 720px) {
    .fc-board[b-yszedh9alx] {
        grid-template-columns: 1fr;
    }
}
/* _content/ByTescaro.ConstrutorApp.UI/Components/Pages/Orcamento/OrcamentoDetalhe.razor.rz.scp.css */

/* ===== Header sticky (padrão ProjetoDetalhe) ===== */
.header-like[b-5uoa3203r0] {
    position: sticky;
    top: -8px;
    z-index: 2;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16,24,40,.06);
    padding: 10px 12px; 
    margin-bottom: .75rem;
}

/* ===== KPI ===== */
.kpi-like[b-5uoa3203r0] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--rz-border);
    border-radius: 12px;
    background: #fff !important;
    padding: .5rem .75rem;
    transition: transform .12s ease, box-shadow .12s ease;
    min-width: 180px;
}

    .kpi-like[b-5uoa3203r0]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 4px;
        background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
    }

    .kpi-like.info[b-5uoa3203r0]::before {
        background: linear-gradient(90deg, var(--rz-info), transparent 60%);
    }

    .kpi-like.success[b-5uoa3203r0]::before {
        background: linear-gradient(90deg, var(--rz-success), transparent 60%);
    }

    .kpi-like.warning[b-5uoa3203r0]::before {
        background: linear-gradient(90deg, var(--rz-warning), transparent 60%);
    }

    .kpi-like.danger[b-5uoa3203r0]::before {
        background: linear-gradient(90deg, var(--rz-danger), transparent 60%);
    }

    .kpi-like:hover[b-5uoa3203r0] {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(16,24,40,.08);
    }

.co-kpi-title[b-5uoa3203r0] {
    font-size: .8rem;
    color: #6b7280;
}

.co-kpi-value[b-5uoa3203r0] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}

/* ===== Card com faixa ===== */
.card-like[b-5uoa3203r0] {
    border: 1px solid var(--rz-border);
    border-radius: 14px;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

    .card-like[b-5uoa3203r0]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 3px;
        background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
    }

    .card-like:hover[b-5uoa3203r0] {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(16,24,40,.08);
    }

/* ===== Mobile ===== */
@media (max-width:600px) {
    .header-like[b-5uoa3203r0] {
        padding: 8px;
    }
}

/* _content/ByTescaro.ConstrutorApp.UI/Components/Pages/Orcamento/Orcamentos.razor.rz.scp.css */

/* ===== Header sticky (padrão ProjetoDetalhe) ===== */
.header-like[b-300901wn54] {
    position: sticky;
    top: -8px;
    z-index: 2;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16,24,40,.06); 
    padding: 10px 12px;
    margin-bottom: .75rem;
}

/* ===== KPI ===== */
.kpi-like[b-300901wn54] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--rz-border);
    border-radius: 12px;
    background: #fff !important;
    padding: .5rem .75rem;
    transition: transform .12s ease, box-shadow .12s ease;
    min-width: 180px;
}

    .kpi-like[b-300901wn54]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 4px;
        background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
    }

    .kpi-like.info[b-300901wn54]::before {
        background: linear-gradient(90deg, var(--rz-info), transparent 60%);
    }

    .kpi-like.success[b-300901wn54]::before {
        background: linear-gradient(90deg, var(--rz-success), transparent 60%);
    }

    .kpi-like.warning[b-300901wn54]::before {
        background: linear-gradient(90deg, var(--rz-warning), transparent 60%);
    }

    .kpi-like.danger[b-300901wn54]::before {
        background: linear-gradient(90deg, var(--rz-danger), transparent 60%);
    }

    .kpi-like:hover[b-300901wn54] {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(16,24,40,.08);
    }

.co-kpi-title[b-300901wn54] {
    font-size: .8rem;
    color: #6b7280;
}

.co-kpi-value[b-300901wn54] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}

/* ===== Card com faixa ===== */
.card-like[b-300901wn54] {
    border: 1px solid var(--rz-border);
    border-radius: 14px;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

    .card-like[b-300901wn54]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 3px;
        background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
    }

    .card-like:hover[b-300901wn54] {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(16,24,40,.08);
    }

/* ===== Mobile ===== */
@media (max-width:600px) {
    .header-like[b-300901wn54] {
        padding: 8px;
    }
}

/* _content/ByTescaro.ConstrutorApp.UI/Components/Pages/Projetos/Obra/ChecklistObraDetalheTab.razor.rz.scp.css */
/* ===== Branco global defensivo (escopo do componente) ===== */ 
.co-shell[b-26p9fyhkpd],
.co-shell *[b-26p9fyhkpd] {
    background-color: transparent;
}

.co-shell[b-26p9fyhkpd] {
    background: #fff; /* fundo branco como ProjetoDetalhe */
    border-radius: 16px;
    padding: 12px;
}

/* ===== Header “igual ao ProjetoDetalhe” ===== */
.header-like[b-26p9fyhkpd] {
    position: sticky;
    top: -8px;
    z-index: 2;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16,24,40,.06);
    padding: 8px 12px;
    display: grid;
    gap: .5rem;
    grid-template-columns: 1fr;
    margin-bottom: .75rem;
}

@media (min-width:768px) {
    .header-like[b-26p9fyhkpd] {
        grid-template-columns: 320px 1fr;
        align-items: end;
    }
}

/* KPI com faixa superior (como kpi-card do ProjetoDetalhe) */
.kpi-like[b-26p9fyhkpd] {
    --pad: .5rem;
    padding: var(--pad) .75rem;
    border: 1px solid var(--rz-border);
    border-radius: 12px;
    position: relative;
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease;
    background: #fff !important;
    display: grid;
    gap: .25rem;
}

    .kpi-like[b-26p9fyhkpd]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 4px;
        background: linear-gradient(90deg, var(--rz-info), transparent 60%);
    }

    .kpi-like:hover[b-26p9fyhkpd] {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(16,24,40,.08);
    }

.co-kpi-title[b-26p9fyhkpd] {
    font-size: .85rem;
    color: #6b7280;
}

.co-kpi-value[b-26p9fyhkpd] {
    font-size: 1.35rem;
    font-weight: 600;
    line-height: 1;
}

.kpi-like.info[b-26p9fyhkpd]::before {
    background: linear-gradient(90deg, var(--rz-info), transparent 60%);
}

/* Painel de filtros com cara de “card” */
.panel-like[b-26p9fyhkpd] {
    border: 1px solid var(--rz-border);
    border-radius: 12px;
    background: #fff;
    padding: .375rem .5rem;
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    align-items: center;
}

.co-filter-group[b-26p9fyhkpd] {
    display: flex;
    align-items: center;
    gap: .375rem;
    flex-wrap: wrap;
}

.co-filter-label[b-26p9fyhkpd] {
    font-size: .8rem;
    color: #6b7280;
    margin-right: .125rem;
}

.co-filter-btn[b-26p9fyhkpd] {
    font: inherit;
    line-height: 1;
    padding: .35rem .6rem;
    border-radius: 999px;
    border: 1px solid var(--rz-border);
    background: #fff;
    cursor: pointer;
}

    .co-filter-btn:hover[b-26p9fyhkpd] {
        background: #f7f7f7;
    }

    .co-filter-btn.is-active[b-26p9fyhkpd] {
        border-color: var(--rz-primary);
        background: color-mix(in srgb, var(--rz-primary) 8%, #fff);
        color: var(--rz-primary);
    }

/* ===== Cartões das etapas com faixa/acento ===== */
.card-like[b-26p9fyhkpd] {
    --rz-card-padding: 14px;
    border: 1px solid var(--rz-border);
    border-radius: 14px;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
    margin-bottom: .75rem;
}

    .card-like[b-26p9fyhkpd]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 3px;
        background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
    }

    .card-like:hover[b-26p9fyhkpd] {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(16,24,40,.08);
    }

.co-stage-head[b-26p9fyhkpd] {
    display: grid;
    gap: .5rem;
    padding: .75rem .75rem .25rem .75rem;
}

@media (min-width:768px) {
    .co-stage-head[b-26p9fyhkpd] {
        grid-template-columns: 1fr 280px;
        align-items: center;
    }
}

.co-stage-title[b-26p9fyhkpd] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.co-stage-name[b-26p9fyhkpd] {
    font-weight: 600;
}

.co-stage-count[b-26p9fyhkpd] {
    font-size: .85rem;
    color: #6b7280;
}

/* ===== Grid/Lista ===== */
.co-grid[b-26p9fyhkpd] {
    padding: .25rem .5rem .75rem .5rem;
}

.co-cards[b-26p9fyhkpd] {
    padding: .25rem .5rem .75rem .5rem;
}

/* DataGrid branco, sem “zebrados” */
.grid-like .rz-grid[b-26p9fyhkpd],
.grid-like .rz-grid-header[b-26p9fyhkpd],
.grid-like .rz-grid-content[b-26p9fyhkpd],
.grid-like .rz-grid-table[b-26p9fyhkpd],
.grid-like .rz-grid-table tr[b-26p9fyhkpd],
.grid-like .rz-grid-table th[b-26p9fyhkpd],
.grid-like .rz-grid-table td[b-26p9fyhkpd] {
    background: #fff !important;
}

    .grid-like .rz-grid-table th[b-26p9fyhkpd] {
        border-bottom: 1px solid rgba(0,0,0,.06);
    }

    .grid-like .rz-grid-table td[b-26p9fyhkpd] {
        border-bottom: 1px solid rgba(0,0,0,.04);
    }

.co-dg .rz-grid-table td[b-26p9fyhkpd], .co-dg .rz-grid-table th[b-26p9fyhkpd] {
    padding: .375rem .5rem;
}

/* Item dentro do grid */
.co-item[b-26p9fyhkpd] {
    display: flex;
    gap: .5rem;
    align-items: flex-start;
}

.co-thumb[b-26p9fyhkpd] {
    width: 56px;
    height: 56px;
    object-fit: cover;
    border-radius: 10px;
    cursor: pointer;
    flex: 0 0 auto;
    border: 1px solid var(--rz-border);
}

    .co-thumb.ph[b-26p9fyhkpd] {
        display: grid;
        place-items: center;
        color: #9ca3af;
        background: #fafafa;
    }

.co-item-main[b-26p9fyhkpd] {
    min-width: 0;
    display: grid;
    gap: .25rem;
}

.co-item-name[b-26p9fyhkpd] {
    font-weight: 600;
}

.co-item-obs[b-26p9fyhkpd] {
    display: flex;
    align-items: center;
    gap: .25rem;
    color: #6b7280;
    font-size: .85rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.co-obs-text[b-26p9fyhkpd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 38ch;
}

.co-item-actions[b-26p9fyhkpd] {
    display: flex;
    gap: .375rem;
    align-items: center;
    flex-wrap: wrap;
    margin-top: .25rem;
}

/* Cartões (mobile) */
.co-card[b-26p9fyhkpd] {
    padding: .5rem;
    display: grid;
    gap: .5rem;
}

.co-card-top[b-26p9fyhkpd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .5rem;
}

.co-card-title[b-26p9fyhkpd] {
    font-weight: 600;
}

.co-card-switch[b-26p9fyhkpd] {
    display: flex;
    align-items: center;
    gap: .375rem;
    white-space: nowrap;
}

.co-card-switch-txt[b-26p9fyhkpd] {
    color: #6b7280;
    font-size: .85rem;
}

.co-card-row[b-26p9fyhkpd] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    font-size: .925rem;
    color: #4b5563;
}

.co-card-prazo b[b-26p9fyhkpd] {
    font-weight: 600;
}

.co-thumb-large[b-26p9fyhkpd] {
    width: 100%;
    height: auto;
    border-radius: 12px;
    border: 1px solid var(--rz-border);
    cursor: pointer;
}

.co-card-actions[b-26p9fyhkpd] {
    display: flex;
    gap: .375rem;
    flex-wrap: wrap;
}

.co-card-obs[b-26p9fyhkpd] {
    color: #6b7280;
    font-size: .9rem;
    display: flex;
    gap: .25rem;
    align-items: center;
}

/* Estados gerais */
.co-loading[b-26p9fyhkpd] {
    padding: .75rem;
    display: grid;
    gap: .5rem;
}

.co-empty[b-26p9fyhkpd] {
    padding: 1rem;
    text-align: center;
}

.co-muted[b-26p9fyhkpd] {
    color: #6b7280;
    font-size: .925rem;
}

/* Mobile refinamentos */
@media (max-width:600px) {
    .co-shell[b-26p9fyhkpd] {
        padding: 12px;
        border-radius: 12px;
    }

    .co-dg .rz-grid-table td[b-26p9fyhkpd], .co-dg .rz-grid-table th[b-26p9fyhkpd] {
        padding: .35rem .45rem;
    }
}
/* _content/ByTescaro.ConstrutorApp.UI/Components/Pages/Projetos/Obra/ChecklistObraTab.razor.rz.scp.css */
/* ===== Branco global e base ===== */

.co-shell[b-lvksytpwwd] {
    background: #fff;
    border-radius: 16px;
    padding: 0 !important;
}

.co-loading[b-lvksytpwwd] {
    padding: .75rem;
    display: grid;
    gap: .5rem;
}

.co-muted[b-lvksytpwwd] {
    color: #6b7280;
    font-size: .925rem;
}

/* ===== Header sticky (como ProjetoDetalhe) ===== */
.header-like[b-lvksytpwwd] {
    position: sticky;
    top: -8px;
    z-index: 2;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16,24,40,.06);
    padding: 10px 12px;
    margin-bottom: .75rem;
}

.co-actions[b-lvksytpwwd] {
    display: flex;
    gap: .5rem;
}

/* ===== KPI ===== */
.kpi-like[b-lvksytpwwd] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--rz-border);
    border-radius: 12px;
    background: #fff !important;
    padding: .5rem .75rem;
    transition: transform .12s ease, box-shadow .12s ease;
    min-width: 220px;
}

    .kpi-like[b-lvksytpwwd]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 4px;
        background: linear-gradient(90deg, var(--rz-info), transparent 60%);
    }

    .kpi-like:hover[b-lvksytpwwd] {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(16,24,40,.08);
    }

.co-kpi-title[b-lvksytpwwd] {
    font-size: .8rem;
    color: #6b7280;
}

.co-kpi-value[b-lvksytpwwd] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}

/* ===== Painel de filtros ===== */
.panel-like[b-lvksytpwwd] {
    border: 1px solid var(--rz-border);
    border-radius: 12px;
    background: #fff;
    padding: .5rem .75rem;
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
}

.co-filter-group[b-lvksytpwwd] {
    display: flex;
    align-items: center;
    gap: .375rem;
    flex-wrap: wrap;
}

.co-filter-label[b-lvksytpwwd] {
    font-size: .85rem;
    color: #6b7280;
    margin-right: .25rem;
}

.co-filter-btn[b-lvksytpwwd] {
    border: 1px solid var(--rz-border);
    background: #fff;
    color: #111;
    border-radius: 999px;
    padding: .25rem .6rem;
    font-size: .85rem;
    cursor: pointer;
}

    .co-filter-btn.is-active[b-lvksytpwwd] {
        background: var(--rz-primary-lighter);
        border-color: var(--rz-primary);
        color: var(--rz-primary);
    }

/* ===== Card com faixa ===== */
.card-like[b-lvksytpwwd] {
    border: 1px solid var(--rz-border);
    border-radius: 14px;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
    padding: .75rem;
}

    .card-like[b-lvksytpwwd]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 3px;
        background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
    }

    .card-like:hover[b-lvksytpwwd] {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(16,24,40,.08);
    }

/* ===== Etapa ===== */
.co-stage[b-lvksytpwwd] {
    margin-bottom: 1rem;
}

.co-stage-head[b-lvksytpwwd] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: .75rem;
    margin-bottom: .5rem;
}

.co-stage-title[b-lvksytpwwd] {
    display: flex;
    align-items: baseline;
    gap: .5rem;
}

.co-stage-name[b-lvksytpwwd] {
    font-weight: 700;
}

.co-stage-count[b-lvksytpwwd] {
    font-size: .9rem;
    color: #6b7280;
}

.co-stage-tools[b-lvksytpwwd] {
    display: flex;
    justify-content: flex-end;
}

.co-stage-progress[b-lvksytpwwd] {
    margin-bottom: .5rem;
}

/* ===== Mobile ===== */
@media (max-width:600px) {
    .co-shell[b-lvksytpwwd] {
        padding: 12px;
        border-radius: 12px;
    }

    .panel-like[b-lvksytpwwd] {
        padding: .5rem;
    }

    .co-stage-head[b-lvksytpwwd] {
        grid-template-columns: 1fr;
    }

    .co-stage-tools[b-lvksytpwwd] {
        justify-content: flex-start;
    }
}

/* _content/ByTescaro.ConstrutorApp.UI/Components/Pages/Projetos/Obra/ObraDocumentosDetalheTab.razor.rz.scp.css */

/* ===== Branco global defensivo dentro do shell ===== */  
.od-shell[b-bj8ini3ym3],
.od-shell *[b-bj8ini3ym3] {
    background-color: transparent;
}

.od-shell[b-bj8ini3ym3] {
    background: #fff;
    border-radius: 16px;
    padding: 12px;
}

/* Header sticky com sombra — igual ao ProjetoDetalhe */
.header-like[b-bj8ini3ym3] {
    position: sticky;
    top: -8px;
    z-index: 2;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16,24,40,.06);
    padding: 8px 12px;
    margin-bottom: .75rem;
}

/* Mini KPIs com faixa superior — consistentes */
.kpi-like[b-bj8ini3ym3] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--rz-border);
    border-radius: 12px;
    background: #fff !important;
    padding: .5rem .75rem;
    transition: transform .12s ease, box-shadow .12s ease;
}

    .kpi-like[b-bj8ini3ym3]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 4px;
        background: linear-gradient(90deg, var(--rz-info), transparent 60%);
    }

    .kpi-like.success[b-bj8ini3ym3]::before {
        background: linear-gradient(90deg, var(--rz-success), transparent 60%);
    }

    .kpi-like:hover[b-bj8ini3ym3] {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(16,24,40,.08);
    }

.od-kpi-mini[b-bj8ini3ym3] {
    display: grid;
    gap: .15rem;
    min-width: 100px;
    text-align: right;
}

.od-kpi-title[b-bj8ini3ym3] {
    font-size: .8rem;
    color: #6b7280;
}

.od-kpi-value[b-bj8ini3ym3] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}

/* Card container com faixa superior primária */
.card-like[b-bj8ini3ym3] {
    border: 1px solid var(--rz-border);
    border-radius: 14px;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

    .card-like[b-bj8ini3ym3]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 3px;
        background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
    }

    .card-like:hover[b-bj8ini3ym3] {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(16,24,40,.08);
    }

.od-card[b-bj8ini3ym3] {
    padding: .9rem;
}

/* Upload seção + divisor sutil */
.od-upload[b-bj8ini3ym3] {
    margin-bottom: .25rem;
}

.od-divider[b-bj8ini3ym3] {
    height: 1px;
    background: rgba(0,0,0,.06);
    margin: .75rem 0;
}

/* Grid branco consistente */
.od-grid-wrap[b-bj8ini3ym3] {
    overflow-x: auto;
}

.grid-like .rz-grid[b-bj8ini3ym3],
.grid-like .rz-grid-header[b-bj8ini3ym3],
.grid-like .rz-grid-content[b-bj8ini3ym3],
.grid-like .rz-grid-table[b-bj8ini3ym3],
.grid-like .rz-grid-table tr[b-bj8ini3ym3],
.grid-like .rz-grid-table th[b-bj8ini3ym3],
.grid-like .rz-grid-table td[b-bj8ini3ym3] {
    background: #fff !important;
}

    .grid-like .rz-grid-table th[b-bj8ini3ym3] {
        border-bottom: 1px solid rgba(0,0,0,.06);
    }

    .grid-like .rz-grid-table td[b-bj8ini3ym3] {
        border-bottom: 1px solid rgba(0,0,0,.04);
    }

    .grid-like .rz-grid-table td[b-bj8ini3ym3],
    .grid-like .rz-grid-table th[b-bj8ini3ym3] {
        padding: .5rem .625rem;
    }

/* Loading */
.od-loading[b-bj8ini3ym3] {
    padding: .75rem;
    display: grid;
    gap: .5rem;
}

.od-muted[b-bj8ini3ym3] {
    color: #6b7280;
    font-size: .925rem;
}

/* Ações alinhadas */
.acoes-doc[b-bj8ini3ym3] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

/* Mobile */
@media (max-width:600px) {
    .od-shell[b-bj8ini3ym3] {
        padding: 12px;
        border-radius: 12px;
    }

    .grid-like .rz-grid-table td[b-bj8ini3ym3],
    .grid-like .rz-grid-table th[b-bj8ini3ym3] {
        padding: .4rem .5rem;
    }
}
/* Botão de download: branco + texto preto */
.btn-download[b-bj8ini3ym3] {
    background: #fff !important;
    color: #111 !important;
    border: 1px solid rgba(0,0,0,.16);
    box-shadow: 0 1px 2px rgba(16,24,40,.08);
}

    .btn-download:hover[b-bj8ini3ym3] {
        background: #f6f7f9 !important;
        box-shadow: 0 6px 14px rgba(16,24,40,.12);
    }

    .btn-download .rz-button-icon[b-bj8ini3ym3] {
        color: #111;
    }

    /* Chip da extensão (PDF, DOCX...) */
    .btn-download .file-chip[b-bj8ini3ym3] {
        background: #eef0f2;
        color: #111;
        border: 1px solid rgba(0,0,0,.08);
    }

    /* Acessibilidade: foco visível */
    .btn-download:focus-visible[b-bj8ini3ym3] {
        outline: 2px solid #111;
        outline-offset: 2px;
    }
/* _content/ByTescaro.ConstrutorApp.UI/Components/Pages/Projetos/Obra/ObraEquipamentosDetalheTab.razor.rz.scp.css */
/* ===== Branco global defensivo dentro do shell ===== */ 
.oe-shell[b-881gs1jlfx],
.oe-shell *[b-881gs1jlfx] {
    background-color: transparent;
}

.oe-shell[b-881gs1jlfx] {
    background: #fff;
    border-radius: 16px;
    padding: 12px;
}

/* Loading */
.oe-loading[b-881gs1jlfx] {
    padding: .75rem;
    display: grid;
    gap: .5rem;
}

.oe-muted[b-881gs1jlfx] {
    color: #6b7280;
    font-size: .925rem;
}

/* ===== Header igual ao ProjetoDetalhe (sticky card com sombra) ===== */
.header-like[b-881gs1jlfx] {
    position: sticky;
    top: -8px;
    z-index: 2;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16,24,40,.06);
    padding: 8px 12px;
    margin-bottom: .75rem;
}

/* ===== Mini KPI com faixa no topo ===== */
.kpi-like[b-881gs1jlfx] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--rz-border);
    border-radius: 12px;
    background: #fff !important;
    padding: .5rem .75rem;
    transition: transform .12s ease, box-shadow .12s ease;
}

    .kpi-like[b-881gs1jlfx]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 4px;
        background: linear-gradient(90deg, var(--rz-info), transparent 60%);
    }

    .kpi-like:hover[b-881gs1jlfx] {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(16,24,40,.08);
    }

.oe-kpi-mini[b-881gs1jlfx] {
    display: grid;
    gap: .15rem;
    min-width: 86px;
    text-align: right;
}

.oe-kpi-title[b-881gs1jlfx] {
    font-size: .8rem;
    color: #6b7280;
}

.oe-kpi-value[b-881gs1jlfx] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}

/* ===== Card container (coerente com cards do ProjetoDetalhe) ===== */
.card-like[b-881gs1jlfx] {
    border: 1px solid var(--rz-border);
    border-radius: 14px;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

    .card-like[b-881gs1jlfx]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 3px;
        background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
    }

    .card-like:hover[b-881gs1jlfx] {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(16,24,40,.08);
    }

.oe-card[b-881gs1jlfx] {
    padding: .75rem;
}

.oe-grid-wrap[b-881gs1jlfx] {
    overflow-x: auto;
}

/* ===== DataGrid branco ===== */
.grid-like .rz-grid[b-881gs1jlfx],
.grid-like .rz-grid-header[b-881gs1jlfx],
.grid-like .rz-grid-content[b-881gs1jlfx],
.grid-like .rz-grid-table[b-881gs1jlfx],
.grid-like .rz-grid-table tr[b-881gs1jlfx],
.grid-like .rz-grid-table th[b-881gs1jlfx],
.grid-like .rz-grid-table td[b-881gs1jlfx] {
    background: #fff !important;
}

    .grid-like .rz-grid-table th[b-881gs1jlfx] {
        border-bottom: 1px solid rgba(0,0,0,.06);
    }

    .grid-like .rz-grid-table td[b-881gs1jlfx] {
        border-bottom: 1px solid rgba(0,0,0,.04);
    }

    .grid-like .rz-grid-table td[b-881gs1jlfx],
    .grid-like .rz-grid-table th[b-881gs1jlfx] {
        padding: .5rem .625rem;
    }

/* ===== Mobile ===== */
@media (max-width:600px) {
    .oe-shell[b-881gs1jlfx] {
        padding: 12px;
        border-radius: 12px;
    }

    .grid-like .rz-grid-table td[b-881gs1jlfx],
    .grid-like .rz-grid-table th[b-881gs1jlfx] {
        padding: .4rem .5rem;
    }
}
/* _content/ByTescaro.ConstrutorApp.UI/Components/Pages/Projetos/Obra/ObraFuncionariosDetalheTab.razor.rz.scp.css */
/* ===== Branco global defensivo dentro do shell ===== */ 
.of-shell[b-0egl7dypyn],
.of-shell *[b-0egl7dypyn] {
    background-color: transparent;
}

.of-shell[b-0egl7dypyn] {
    background: #fff;
    border-radius: 16px;
    padding: 12px;
}

/* Loading/empty */
.of-loading[b-0egl7dypyn] {
    padding: .75rem;
    display: grid;
    gap: .5rem;
}

.of-muted[b-0egl7dypyn] {
    color: #6b7280;
    font-size: .925rem;
}

/* ===== Header igual ao ProjetoDetalhe (sticky card com sombra) ===== */
.header-like[b-0egl7dypyn] {
    position: sticky;
    top: -8px;
    z-index: 2;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16,24,40,.06);
    padding: 8px 12px;
    margin-bottom: .75rem;
}

/* ===== Mini KPI (faixa no topo) ===== */
.kpi-like[b-0egl7dypyn] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--rz-border);
    border-radius: 12px;
    background: #fff !important;
    padding: .5rem .75rem;
    transition: transform .12s ease, box-shadow .12s ease;
}

    .kpi-like[b-0egl7dypyn]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 4px;
        background: linear-gradient(90deg, var(--rz-info), transparent 60%);
    }

    .kpi-like:hover[b-0egl7dypyn] {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(16,24,40,.08);
    }

.of-kpi-mini[b-0egl7dypyn] {
    display: grid;
    gap: .15rem;
    min-width: 86px;
    text-align: right;
}

.of-kpi-title[b-0egl7dypyn] {
    font-size: .8rem;
    color: #6b7280;
}

.of-kpi-value[b-0egl7dypyn] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}

/* ===== Card container (coerente com cards do ProjetoDetalhe) ===== */
.card-like[b-0egl7dypyn] {
    border: 1px solid var(--rz-border);
    border-radius: 14px;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

    .card-like[b-0egl7dypyn]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 3px;
        background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
    }

    .card-like:hover[b-0egl7dypyn] {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(16,24,40,.08);
    }

.of-card[b-0egl7dypyn] {
    padding: .75rem;
}

.of-grid-wrap[b-0egl7dypyn] {
    overflow-x: auto;
}

/* ===== DataGrid branco ===== */
.grid-like .rz-grid[b-0egl7dypyn],
.grid-like .rz-grid-header[b-0egl7dypyn],
.grid-like .rz-grid-content[b-0egl7dypyn],
.grid-like .rz-grid-table[b-0egl7dypyn],
.grid-like .rz-grid-table tr[b-0egl7dypyn],
.grid-like .rz-grid-table th[b-0egl7dypyn],
.grid-like .rz-grid-table td[b-0egl7dypyn] {
    background: #fff !important;
}

    .grid-like .rz-grid-table th[b-0egl7dypyn] {
        border-bottom: 1px solid rgba(0,0,0,.06);
    }

    .grid-like .rz-grid-table td[b-0egl7dypyn] {
        border-bottom: 1px solid rgba(0,0,0,.04);
    }

    .grid-like .rz-grid-table td[b-0egl7dypyn],
    .grid-like .rz-grid-table th[b-0egl7dypyn] {
        padding: .5rem .625rem;
    }

/* ===== Mobile refinamentos ===== */
@media (max-width:600px) {
    .of-shell[b-0egl7dypyn] {
        padding: 12px;
        border-radius: 12px;
    }

    .grid-like .rz-grid-table td[b-0egl7dypyn],
    .grid-like .rz-grid-table th[b-0egl7dypyn] {
        padding: .4rem .5rem;
    }
}
/* _content/ByTescaro.ConstrutorApp.UI/Components/Pages/Projetos/Obra/ObraHub.razor.rz.scp.css */
/* ===== Shell geral ===== */ 
/*.obrahub-shell {
    max-width: 1500px;
    margin-inline: auto;
    background: #fff;
    border-radius: 16px;
    padding: 16px;*/ /* desktop */
/*}*/

/* ===== Header sticky ===== */
/*.header-bar {
    position: sticky;
    top: -8px;
    background: #fff;
    z-index: 2;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16,24,40,.06);
    padding: 8px 12px;*/ /* desktop */
/*}

.header-wrap {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}*/

/* ===== Tabs: remover respiros extras ===== */
/*.obrahub-tabs .rz-tabview {
    background: #fff;
}

.obrahub-tabs .rz-tabview-nav {
    gap: 6px;
    padding: 0 6px;
}

    .obrahub-tabs .rz-tabview-nav li a {
        border-radius: 10px;
        padding: 8px 10px;
    }*/
/* área onde os componentes de cada aba renderizam */
/*.obrahub-tabs .rz-tabview-panels,
.obrahub-tabs .rz-tabview-panel {
    padding: 12px;*/ /* desktop */
/*}*/

/* ====== Mobile-first (≤ 600px) → padding interno = 1px ====== */
/*@media (max-width: 600px) {
    .obrahub-shell {
        padding: 1px !important;*/ /* pedido do cliente */
        /*border-radius: 10px;
    }

    .header-bar {
        padding: 1px !important;*/ /* pedido do cliente */
        /*border-radius: 8px;
        box-shadow: none;*/ /* mais “flat” no mobile */
    /*}

    .header-wrap {
        gap: .35rem;
    }*/

    /* Tabs com mínima margem/padding e navegação horizontal se entupir */
    /*.obrahub-tabs .rz-tabview-nav {
        padding: 0 1px !important;
        gap: 2px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

        .obrahub-tabs .rz-tabview-nav li a {
            padding: 6px 8px !important;
        }

    .obrahub-tabs .rz-tabview-panels,
    .obrahub-tabs .rz-tabview-panel {
        padding: 1px !important;*/ /* pedido do cliente: máximo de largura útil */
    /*}*/

    /* Se algum RadzenCard interno insistir em padding, force 1px. */
    /*.obrahub-shell .rz-card {
        --rz-card-padding: 1px;
        padding: 1px !important;
    }
}*/
/* _content/ByTescaro.ConstrutorApp.UI/Components/Pages/Projetos/Obra/ObraImagensDetalheTab.razor.rz.scp.css */
/* ===== Shell branco (mesma base do ProjetoDetalhe) ===== */ 
.img-shell[b-lvd9my48r2], .img-shell *[b-lvd9my48r2] {
    background-color: transparent;
}

.img-shell[b-lvd9my48r2] {
    background: #fff;
    border-radius: 16px;
    padding: 12px;
}

/* ===== Header sticky ===== */
.header-like[b-lvd9my48r2] {
    position: sticky;
    top: -8px;
    z-index: 2;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16,24,40,.06);
    padding: 8px 12px;
    margin-bottom: .75rem;
}

/* ===== KPIs com faixa ===== */
.kpi-like[b-lvd9my48r2] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--rz-border);
    border-radius: 12px;
    background: #fff !important;
    padding: .5rem .75rem;
    transition: transform .12s ease, box-shadow .12s ease;
}

    .kpi-like[b-lvd9my48r2]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 4px;
        background: linear-gradient(90deg, var(--rz-info), transparent 60%);
    }

    .kpi-like.success[b-lvd9my48r2]::before {
        background: linear-gradient(90deg, var(--rz-success), transparent 60%);
    }

    .kpi-like:hover[b-lvd9my48r2] {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(16,24,40,.08);
    }

.kpi-mini[b-lvd9my48r2] {
    display: grid;
    gap: .15rem;
    min-width: 92px;
    text-align: right;
}

.kpi-title[b-lvd9my48r2] {
    font-size: .8rem;
    color: #6b7280;
}

.kpi-value[b-lvd9my48r2] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}

/* ===== Card container ===== */
.card-like[b-lvd9my48r2] {
    border: 1px solid var(--rz-border);
    border-radius: 14px;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

    .card-like[b-lvd9my48r2]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 3px;
        background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
    }

    .card-like:hover[b-lvd9my48r2] {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(16,24,40,.08);
    }

.img-card[b-lvd9my48r2] {
    padding: .75rem;
}

.img-muted[b-lvd9my48r2] {
    color: #6b7280;
}

/* ===== Galeria em grid (cards responsivos) ===== */
.gallery-grid[b-lvd9my48r2] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(190px,1fr));
}

/* Card da imagem */
.thumb[b-lvd9my48r2] {
    border: 1px solid var(--rz-border);
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow .12s ease, transform .12s ease;
}

    .thumb:hover[b-lvd9my48r2] {
        box-shadow: 0 10px 24px rgba(16,24,40,.08);
        transform: translateY(-1px);
    }

/* Área da mídia com altura consistente */
.thumb-media[b-lvd9my48r2] {
    position: relative;
    aspect-ratio: 16/9; /* mantém tiles uniformes */
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .thumb-media img[b-lvd9my48r2] {
        width: 100%;
        height: 100%;
        object-fit: cover; /* preenche bem o tile */
        display: block;
    }

/* Ações (download/excluir) como ícones no canto */
.thumb-actions[b-lvd9my48r2] {
    position: absolute;
    /*inset: 8px 8px auto auto;*/ /* topo-direita */
    display: flex;
    gap: 6px;
    z-index: 2;
}

.thumb-btn[b-lvd9my48r2] {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.thumb-download[b-lvd9my48r2] {
    background: #fff !important; /* botão branco com ícone escuro */
    color: #111 !important;
    border: 1px solid rgba(0,0,0,.1);
}

    /* garante o ícone branco no botão primário */
    .thumb-download .rz-button-icon[b-lvd9my48r2] {
        color: #fff !important;
    }

    /* opcional: força um azul específico (se o tema primário não for azul) */
    .thumb-download.rz-button[b-lvd9my48r2] {
        background-color: #1e88e5 !important;
        border-color: #1e88e5 !important;
        color: #fff !important;
    }


/* Rodapé do card */
.thumb-footer[b-lvd9my48r2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .5rem .6rem .6rem;
}

.thumb-name[b-lvd9my48r2] {
    font-size: .92rem;
}

.thumb-chip[b-lvd9my48r2] {
    font-size: .75rem;
    padding: .15rem .45rem;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,.08);
    background: #eef0f2;
    color: #111;
    white-space: nowrap;
}

/* Mobile */
@media (max-width:600px) {
    .img-shell[b-lvd9my48r2] {
        padding: 12px;
        border-radius: 12px;
    }
}

/* _content/ByTescaro.ConstrutorApp.UI/Components/Pages/Projetos/Obra/ObraInsumoListasDetalheTab.razor.rz.scp.css */
/* ===== Branco global defensivo dentro do shell ===== */
.oi-shell[b-5r2vxlhtlk],
.oi-shell *[b-5r2vxlhtlk] {
    background-color: transparent;
}

.oi-shell[b-5r2vxlhtlk] {
    background: #fff;
    border-radius: 16px;
    padding: 12px;
}

/* Loading */
.oi-loading[b-5r2vxlhtlk] {
    padding: .75rem;
    display: grid;
    gap: .5rem;
}

.oi-muted[b-5r2vxlhtlk] {
    color: #6b7280;
    font-size: .925rem;
}

/* ===== Header igual ao ProjetoDetalhe (sticky card com sombra) ===== */
.header-like[b-5r2vxlhtlk] {
    position: sticky;
    top: -8px;
    z-index: 2;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16,24,40,.06);
    padding: 8px 12px;
    margin-bottom: .75rem;
}

/* ===== Mini KPIs com faixa superior ===== */
.kpi-like[b-5r2vxlhtlk] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--rz-border);
    border-radius: 12px;
    background: #fff !important;
    padding: .5rem .75rem;
    transition: transform .12s ease, box-shadow .12s ease;
}

    .kpi-like[b-5r2vxlhtlk]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 4px;
        background: linear-gradient(90deg, var(--rz-info), transparent 60%);
    }

    .kpi-like.success[b-5r2vxlhtlk]::before {
        background: linear-gradient(90deg, var(--rz-success), transparent 60%);
    }

    .kpi-like:hover[b-5r2vxlhtlk] {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(16,24,40,.08);
    }

.oi-kpi-mini[b-5r2vxlhtlk] {
    display: grid;
    gap: .15rem;
    min-width: 86px;
    text-align: right;
}

.oi-kpi-title[b-5r2vxlhtlk] {
    font-size: .8rem;
    color: #6b7280;
}

.oi-kpi-value[b-5r2vxlhtlk] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}

/* ===== Filtros globais (pills) ===== */
.oi-filters[b-5r2vxlhtlk] {
    display: flex;
    gap: .75rem;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid var(--rz-border);
    border-radius: 12px;
    padding: .375rem .5rem;
    background: #fff;
}

.oi-filter-group[b-5r2vxlhtlk] {
    display: flex;
    align-items: center;
    gap: .375rem;
    flex-wrap: wrap;
}

.oi-filter-label[b-5r2vxlhtlk] {
    font-size: .8rem;
    color: #6b7280;
    margin-right: .125rem;
}

.oi-filter-btn[b-5r2vxlhtlk] {
    font: inherit;
    line-height: 1;
    padding: .35rem .6rem;
    border-radius: 999px;
    border: 1px solid var(--rz-border);
    background: #fff;
    cursor: pointer;
}

    .oi-filter-btn:hover[b-5r2vxlhtlk] {
        background: #f7f7f7;
    }

    .oi-filter-btn.is-active[b-5r2vxlhtlk] {
        border-color: var(--rz-primary);
        background: color-mix(in srgb, var(--rz-primary) 8%, #fff);
        color: var(--rz-primary);
    }

/* ===== Card container coerente com ProjetoDetalhe ===== */
.card-like[b-5r2vxlhtlk] {
    border: 1px solid var(--rz-border);
    border-radius: 14px;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

    .card-like[b-5r2vxlhtlk]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 3px;
        background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
    }

    .card-like:hover[b-5r2vxlhtlk] {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(16,24,40,.08);
    }

.oi-card[b-5r2vxlhtlk] {
    padding: .75rem;
}

/* Accordion pequenas suavizações */
.oi-acc .rz-accordion-header[b-5r2vxlhtlk] {
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,.06);
}

.oi-acc .rz-accordion-content[b-5r2vxlhtlk] {
    background: #fff;
    padding: .75rem .25rem .25rem .25rem;
}

/* ===== Grid branco ===== */
.oi-grid-wrap[b-5r2vxlhtlk] {
    overflow-x: auto;
}

.grid-like .rz-grid[b-5r2vxlhtlk],
.grid-like .rz-grid-header[b-5r2vxlhtlk],
.grid-like .rz-grid-content[b-5r2vxlhtlk],
.grid-like .rz-grid-table[b-5r2vxlhtlk],
.grid-like .rz-grid-table tr[b-5r2vxlhtlk],
.grid-like .rz-grid-table th[b-5r2vxlhtlk],
.grid-like .rz-grid-table td[b-5r2vxlhtlk] {
    background: #fff !important;
}

    .grid-like .rz-grid-table th[b-5r2vxlhtlk] {
        border-bottom: 1px solid rgba(0,0,0,.06);
    }

    .grid-like .rz-grid-table td[b-5r2vxlhtlk] {
        border-bottom: 1px solid rgba(0,0,0,.04);
    }

    .grid-like .rz-grid-table td[b-5r2vxlhtlk],
    .grid-like .rz-grid-table th[b-5r2vxlhtlk] {
        padding: .5rem .625rem;
    }

/* ===== Mobile ===== */
@media (max-width:600px) {
    .oi-shell[b-5r2vxlhtlk] {
        padding: 12px;
        border-radius: 12px;
    }

    .grid-like .rz-grid-table td[b-5r2vxlhtlk],
    .grid-like .rz-grid-table th[b-5r2vxlhtlk] {
        padding: .4rem .5rem;
    }
}

/* _content/ByTescaro.ConstrutorApp.UI/Components/Pages/Projetos/Obra/ObraPendenciasDetalheTab.razor.rz.scp.css */

/* ===== Shell / branco ===== */
.op-shell[b-jdc2gik0f6] {
    background: #fff;
    border-radius: 16px;
    padding: 12px; 
}

.op-loading[b-jdc2gik0f6] {
    padding: .75rem;
    display: grid;
    gap: .5rem;
}

.op-muted[b-jdc2gik0f6] {
    color: #6b7280;
    font-size: .925rem;
}

/* ===== Header ===== */
.header-like[b-jdc2gik0f6] {
    position: sticky;
    top: -8px;
    z-index: 2;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16,24,40,.06);
    padding: 8px 12px;
    margin-bottom: .75rem;
}

.op-header-grid[b-jdc2gik0f6] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: .75rem;
}

/* ===== KPI mini ===== */
.kpi-like[b-jdc2gik0f6] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--rz-border);
    border-radius: 12px;
    background: #fff;
    padding: .45rem .65rem;
    transition: transform .12s ease, box-shadow .12s ease;
}

    .kpi-like[b-jdc2gik0f6]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 4px;
        background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
    }

    .kpi-like.info[b-jdc2gik0f6]::before {
        background: linear-gradient(90deg, var(--rz-info), transparent 60%);
    }

    .kpi-like.success[b-jdc2gik0f6]::before {
        background: linear-gradient(90deg, var(--rz-success), transparent 60%);
    }

    .kpi-like.warning[b-jdc2gik0f6]::before {
        background: linear-gradient(90deg, var(--rz-warning), transparent 60%);
    }

    .kpi-like:hover[b-jdc2gik0f6] {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(16,24,40,.08);
    }

.kpi-scroll[b-jdc2gik0f6] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

/* textos */
.op-kpi-mini[b-jdc2gik0f6] {
    display: grid;
    gap: .1rem;
    min-width: 96px;
    text-align: right;
}

.op-kpi-title[b-jdc2gik0f6] {
    font-size: .8rem;
    color: #6b7280;
}

.op-kpi-value[b-jdc2gik0f6] {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
}

/* ===== Card container ===== */
.card-like[b-jdc2gik0f6] {
    border: 1px solid var(--rz-border);
    border-radius: 14px;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

    .card-like[b-jdc2gik0f6]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 3px;
        background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
    }

    .card-like:hover[b-jdc2gik0f6] {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(16,24,40,.08);
    }

.op-card[b-jdc2gik0f6] {
    padding: .75rem;
}

/* ===== Filtros (chips) ===== */
.op-filters[b-jdc2gik0f6] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.op-filter-label[b-jdc2gik0f6] {
    font-size: .9rem;
    color: #6b7280;
    margin-right: .25rem;
}

.op-chip-row[b-jdc2gik0f6] {
    display: flex;
    gap: .4rem;
    flex-wrap: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: .25rem;
}

.op-chip[b-jdc2gik0f6] {
    font: inherit;
    padding: .38rem .75rem;
    border-radius: 999px;
    border: 1px solid var(--rz-border);
    background: #fff;
    color: #111827;
    cursor: pointer;
    line-height: 1;
    transition: all .12s ease;
    white-space: nowrap;
}

    .op-chip:hover[b-jdc2gik0f6] {
        background: #f7f7f7;
    }

    .op-chip.is-active[b-jdc2gik0f6] {
        background: var(--rz-primary);
        border-color: var(--rz-primary);
        color: #fff;
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--rz-primary) 20%, transparent);
    }

/* ===== Grid branco ===== */
.op-grid-wrap[b-jdc2gik0f6] {
    overflow-x: auto;
}

.grid-like .rz-grid[b-jdc2gik0f6],
.grid-like .rz-grid-header[b-jdc2gik0f6],
.grid-like .rz-grid-content[b-jdc2gik0f6],
.grid-like .rz-grid-table[b-jdc2gik0f6],
.grid-like .rz-grid-table tr[b-jdc2gik0f6],
.grid-like .rz-grid-table th[b-jdc2gik0f6],
.grid-like .rz-grid-table td[b-jdc2gik0f6] {
    background: #fff !important;
}

    .grid-like .rz-grid-table th[b-jdc2gik0f6] {
        border-bottom: 1px solid rgba(0,0,0,.06);
    }

    .grid-like .rz-grid-table td[b-jdc2gik0f6] {
        border-bottom: 1px solid rgba(0,0,0,.04);
    }

    .grid-like .rz-grid-table td[b-jdc2gik0f6], .grid-like .rz-grid-table th[b-jdc2gik0f6] {
        padding: .5rem .625rem;
    }

/* ===== Tag de status ===== */
.tag[b-jdc2gik0f6] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .28rem .65rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: .85rem;
    border: 1px solid var(--rz-border);
    color: #374151;
    background: #fff;
}

.tag-warning[b-jdc2gik0f6] {
    color: var(--rz-warning);
    border-color: var(--rz-warning);
    background: color-mix(in srgb, var(--rz-warning) 10%, #fff);
}

.tag-info[b-jdc2gik0f6] {
    color: var(--rz-info);
    border-color: var(--rz-info);
    background: color-mix(in srgb, var(--rz-info) 12%, #fff);
}

.tag-success[b-jdc2gik0f6] {
    color: var(--rz-success);
    border-color: var(--rz-success);
    background: color-mix(in srgb, var(--rz-success) 10%, #fff);
}

/* ===== Mobile tweaks ===== */
@media (max-width:600px) {
    .op-shell[b-jdc2gik0f6] {
        padding: 12px;
        border-radius: 12px;
    }

    .op-header-grid[b-jdc2gik0f6] {
        grid-template-columns: 1fr;
    }

    .kpi-scroll[b-jdc2gik0f6] {
        gap: .4rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: .25rem;
    }

    .op-kpi-mini[b-jdc2gik0f6] {
        min-width: 78px;
    }

    .op-kpi-title[b-jdc2gik0f6] {
        font-size: .72rem;
    }

    .op-kpi-value[b-jdc2gik0f6] {
        font-size: 1.05rem;
    }

    .grid-like .rz-grid-table td[b-jdc2gik0f6], .grid-like .rz-grid-table th[b-jdc2gik0f6] {
        padding: .42rem .5rem;
    }
}

/* _content/ByTescaro.ConstrutorApp.UI/Components/Pages/Projetos/Obra/ObraRetrabalhosDetalheTab.razor.rz.scp.css */
/* ===== Shell ===== */
.or-shell[b-z3hkpxdc23] {
    background: #fff;
    border-radius: 16px;
    padding: 12px;
}

.or-loading[b-z3hkpxdc23] {
    padding: .75rem; 
    display: grid;
    gap: .5rem;
}

.or-muted[b-z3hkpxdc23] {
    color: #6b7280;
    font-size: .925rem;
}

/* ===== Header ===== */
.header-like[b-z3hkpxdc23] {
    position: sticky;
    top: -8px;
    z-index: 2;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16,24,40,.06);
    padding: 8px 12px;
    margin-bottom: .75rem;
}

.or-header-grid[b-z3hkpxdc23] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: .75rem;
}

/* ===== KPI mini ===== */
.kpi-like[b-z3hkpxdc23] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--rz-border);
    border-radius: 12px;
    background: #fff;
    padding: .45rem .65rem;
    transition: transform .12s ease, box-shadow .12s ease;
}

    .kpi-like[b-z3hkpxdc23]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 4px;
        background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
    }

    .kpi-like.info[b-z3hkpxdc23]::before {
        background: linear-gradient(90deg, var(--rz-info), transparent 60%);
    }

    .kpi-like.success[b-z3hkpxdc23]::before {
        background: linear-gradient(90deg, var(--rz-success), transparent 60%);
    }

    .kpi-like.warning[b-z3hkpxdc23]::before {
        background: linear-gradient(90deg, var(--rz-warning), transparent 60%);
    }

    .kpi-like:hover[b-z3hkpxdc23] {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(16,24,40,.08);
    }

.kpi-scroll[b-z3hkpxdc23] {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
}

.or-kpi-mini[b-z3hkpxdc23] {
    display: grid;
    gap: .1rem;
    min-width: 96px;
    text-align: right;
}

.or-kpi-title[b-z3hkpxdc23] {
    font-size: .8rem;
    color: #6b7280;
}

.or-kpi-value[b-z3hkpxdc23] {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1;
}

/* ===== Card ===== */
.card-like[b-z3hkpxdc23] {
    border: 1px solid var(--rz-border);
    border-radius: 14px;
    background: #fff;
    position: relative;
    overflow: hidden;
}

    .card-like[b-z3hkpxdc23]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 3px;
        background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
    }

.or-card[b-z3hkpxdc23] {
    padding: .75rem;
}

/* ===== Grid ===== */
.or-grid-wrap[b-z3hkpxdc23] {
    overflow-x: auto;
}

.grid-like .rz-grid[b-z3hkpxdc23], .grid-like .rz-grid-header[b-z3hkpxdc23], .grid-like .rz-grid-content[b-z3hkpxdc23],
.grid-like .rz-grid-table[b-z3hkpxdc23], .grid-like .rz-grid-table tr[b-z3hkpxdc23], .grid-like .rz-grid-table th[b-z3hkpxdc23], .grid-like .rz-grid-table td[b-z3hkpxdc23] {
    background: #fff !important;
}

    .grid-like .rz-grid-table th[b-z3hkpxdc23] {
        border-bottom: 1px solid rgba(0,0,0,.06);
    }

    .grid-like .rz-grid-table td[b-z3hkpxdc23] {
        border-bottom: 1px solid rgba(0,0,0,.04);
    }

    .grid-like .rz-grid-table td[b-z3hkpxdc23], .grid-like .rz-grid-table th[b-z3hkpxdc23] {
        padding: .5rem .625rem;
    }

/* ===== Chips filtro ===== */
.or-filters[b-z3hkpxdc23] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.or-filter-label[b-z3hkpxdc23] {
    font-size: .9rem;
    color: #6b7280;
    margin-right: .25rem;
}

.or-chip-row[b-z3hkpxdc23] {
    display: flex;
    gap: .4rem;
    flex-wrap: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-top: .25rem;
}

.or-chip[b-z3hkpxdc23] {
    font: inherit;
    padding: .38rem .75rem;
    border-radius: 999px;
    border: 1px solid var(--rz-border);
    background: #fff;
    color: #111827;
    cursor: pointer;
    line-height: 1;
    transition: all .12s ease;
    white-space: nowrap;
}

    .or-chip:hover[b-z3hkpxdc23] {
        background: #f7f7f7;
    }

    .or-chip.is-active[b-z3hkpxdc23] {
        background: var(--rz-primary);
        border-color: var(--rz-primary);
        color: #fff;
    }

/* ===== Tag status ===== */
.tag[b-z3hkpxdc23] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    padding: .28rem .65rem;
    border-radius: 999px;
    font-weight: 600;
    font-size: .85rem;
    border: 1px solid var(--rz-border);
    color: #374151;
    background: #fff;
}

.tag-warning[b-z3hkpxdc23] {
    color: var(--rz-warning);
    border-color: var(--rz-warning);
    background: color-mix(in srgb, var(--rz-warning) 10%, #fff);
}

.tag-info[b-z3hkpxdc23] {
    color: var(--rz-info);
    border-color: var(--rz-info);
    background: color-mix(in srgb, var(--rz-info) 12%, #fff);
}

.tag-success[b-z3hkpxdc23] {
    color: var(--rz-success);
    border-color: var(--rz-success);
    background: color-mix(in srgb, var(--rz-success) 10%, #fff);
}

/* ===== Mobile ===== */
@media (max-width:600px) {
    .or-shell[b-z3hkpxdc23] {
        padding: 12px;
        border-radius: 12px;
    }

    .or-header-grid[b-z3hkpxdc23] {
        grid-template-columns: 1fr;
    }

    .kpi-scroll[b-z3hkpxdc23] {
        gap: .4rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: .25rem;
    }

    .or-kpi-mini[b-z3hkpxdc23] {
        min-width: 78px;
    }

    .or-kpi-title[b-z3hkpxdc23] {
        font-size: .72rem;
    }

    .or-kpi-value[b-z3hkpxdc23] {
        font-size: 1.05rem;
    }

    .grid-like .rz-grid-table td[b-z3hkpxdc23], .grid-like .rz-grid-table th[b-z3hkpxdc23] {
        padding: .42rem .5rem;
    }
}

/* ===== Filtros (chips) ===== */
.op-filters[b-z3hkpxdc23] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.op-filter-label[b-z3hkpxdc23] {
    font-size: .9rem;
    color: #6b7280;
    margin-right: .25rem;
}

.op-chip-row[b-z3hkpxdc23] {
    display: flex;
    gap: .4rem;
    flex-wrap: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: .25rem;
}

.op-chip[b-z3hkpxdc23] {
    font: inherit;
    padding: .38rem .75rem;
    border-radius: 999px;
    border: 1px solid var(--rz-border);
    background: #fff;
    color: #111827;
    cursor: pointer;
    line-height: 1;
    transition: all .12s ease;
    white-space: nowrap;
}

    .op-chip:hover[b-z3hkpxdc23] {
        background: #f7f7f7;
    }

    .op-chip.is-active[b-z3hkpxdc23] {
        background: var(--rz-primary);
        border-color: var(--rz-primary);
        color: #fff;
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--rz-primary) 20%, transparent);
    }
/* _content/ByTescaro.ConstrutorApp.UI/Components/Pages/Projetos/Obra/ObraServicoListasDetalheTab.razor.rz.scp.css */
/* ===== Branco global defensivo dentro do shell ===== */ 
.os-shell[b-3ohw9w58l4],
.os-shell *[b-3ohw9w58l4] {
    background-color: transparent;
}

.os-shell[b-3ohw9w58l4] {
    background: #fff;
    border-radius: 16px;
    padding: 12px;
}

/* Loading */
.os-loading[b-3ohw9w58l4] {
    padding: .75rem;
    display: grid;
    gap: .5rem;
}

.os-muted[b-3ohw9w58l4] {
    color: #6b7280;
    font-size: .925rem;
}

/* ===== Header igual ao ProjetoDetalhe (sticky card com sombra) ===== */
.header-like[b-3ohw9w58l4] {
    position: sticky;
    top: -8px;
    z-index: 2;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16,24,40,.06);
    padding: 8px 12px;
    margin-bottom: .75rem;
}

/* ===== Mini KPIs com faixa superior ===== */
.kpi-like[b-3ohw9w58l4] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--rz-border);
    border-radius: 12px;
    background: #fff !important;
    padding: .5rem .75rem;
    transition: transform .12s ease, box-shadow .12s ease;
}

    .kpi-like[b-3ohw9w58l4]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 4px;
        background: linear-gradient(90deg, var(--rz-info), transparent 60%);
    }

    .kpi-like.success[b-3ohw9w58l4]::before {
        background: linear-gradient(90deg, var(--rz-success), transparent 60%);
    }

    .kpi-like:hover[b-3ohw9w58l4] {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(16,24,40,.08);
    }

.os-kpi-mini[b-3ohw9w58l4] {
    display: grid;
    gap: .15rem;
    min-width: 86px;
    text-align: right;
}

.os-kpi-title[b-3ohw9w58l4] {
    font-size: .8rem;
    color: #6b7280;
}

.os-kpi-value[b-3ohw9w58l4] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
}

/* ===== Card container coerente com ProjetoDetalhe ===== */
.card-like[b-3ohw9w58l4] {
    border: 1px solid var(--rz-border);
    border-radius: 14px;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

    .card-like[b-3ohw9w58l4]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 3px;
        background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
    }

    .card-like:hover[b-3ohw9w58l4] {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(16,24,40,.08);
    }

.os-card[b-3ohw9w58l4] {
    padding: .75rem;
}

/* Accordion pequenas suavizações */
.os-acc .rz-accordion-header[b-3ohw9w58l4] {
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,.06);
}

.os-acc .rz-accordion-content[b-3ohw9w58l4] {
    background: #fff;
    padding: .75rem .25rem .25rem .25rem;
}

/* ===== Grid branco ===== */
.os-grid-wrap[b-3ohw9w58l4] {
    overflow-x: auto;
}

.grid-like .rz-grid[b-3ohw9w58l4],
.grid-like .rz-grid-header[b-3ohw9w58l4],
.grid-like .rz-grid-content[b-3ohw9w58l4],
.grid-like .rz-grid-table[b-3ohw9w58l4],
.grid-like .rz-grid-table tr[b-3ohw9w58l4],
.grid-like .rz-grid-table th[b-3ohw9w58l4],
.grid-like .rz-grid-table td[b-3ohw9w58l4] {
    background: #fff !important;
}

    .grid-like .rz-grid-table th[b-3ohw9w58l4] {
        border-bottom: 1px solid rgba(0,0,0,.06);
    }

    .grid-like .rz-grid-table td[b-3ohw9w58l4] {
        border-bottom: 1px solid rgba(0,0,0,.04);
    }

    .grid-like .rz-grid-table td[b-3ohw9w58l4],
    .grid-like .rz-grid-table th[b-3ohw9w58l4] {
        padding: .5rem .625rem;
    }

/* ===== Mobile ===== */
@media (max-width:600px) {
    .os-shell[b-3ohw9w58l4] {
        padding: 12px;
        border-radius: 12px;
    }

    .grid-like .rz-grid-table td[b-3ohw9w58l4],
    .grid-like .rz-grid-table th[b-3ohw9w58l4] {
        padding: .4rem .5rem;
    }
}

/* _content/ByTescaro.ConstrutorApp.UI/Components/Pages/Projetos/ProjetoDetalhe.razor.rz.scp.css */
 /* 0) Garantia de branco global */
.bodyDatelhe[b-jttilqajh8] {
    background: #fff !important;
    z-index: 2;
    padding: 8px 12px;
    border-radius: 12px;
}


/* some ≤ 768px = mobile */
@media (max-width: 768px) {
    .hide-mobile[b-jttilqajh8] {
        display: none !important;
    }
}



/* ===== Shell ===== */
.proj-shell[b-jttilqajh8] {
    max-width: 1500px;
    margin-inline: auto;
    position: relative;
    background: #fff;
    padding: 16px;
    border-radius: 16px;
}

/* ===== Header ===== */
.header-bar[b-jttilqajh8] {
    position: sticky;
    top: -8px;
    background: #fff;
    z-index: 2;
    padding: 8px 12px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16,24,40,.06);
}

/* Centralização geral do header */
.header-center[b-jttilqajh8] {
    text-align: center;
}

    .header-center .action-row[b-jttilqajh8] {
        justify-content: center !important;
        align-items: center !important;
    }

    .header-center .rz-stack[b-jttilqajh8] {
        width: 100%;
        align-items: center;
    }

/* ===== Tabs (desktop) ===== */
.proj-tabs .rz-tabview[b-jttilqajh8] {
    background: #fff;
}

.proj-tabs .rz-tabview-nav[b-jttilqajh8] {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    padding: 0 6px;
    overflow: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

    .proj-tabs .rz-tabview-nav[b-jttilqajh8]::-webkit-scrollbar {
        display: none;
    }

    .proj-tabs .rz-tabview-nav li[b-jttilqajh8] {
        flex: 0 0 auto;
    }

        .proj-tabs .rz-tabview-nav li a[b-jttilqajh8] {
            border-radius: 10px;
            padding: 8px 10px;
        }

.proj-tabs .rz-tabview-panels[b-jttilqajh8],
.proj-tabs .rz-tabview-panel[b-jttilqajh8] {
    padding: 12px;
}

/* ===== KPI & Cards ===== */
.kpi-row .rz-card.kpi-card[b-jttilqajh8] {
    --rz-card-padding: 16px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease;
}

.kpi-card[b-jttilqajh8]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, var(--rz-info), transparent 60%);
}

.kpi-card.success[b-jttilqajh8]::before {
    background: linear-gradient(90deg, var(--rz-success), transparent 60%);
}

.kpi-card.warning[b-jttilqajh8]::before {
    background: linear-gradient(90deg, var(--rz-warning), transparent 60%);
}

.kpi-card.danger[b-jttilqajh8]::before {
    background: linear-gradient(90deg, var(--rz-danger), transparent 60%);
}

.kpi-card:hover[b-jttilqajh8] {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(16,24,40,.08);
}

.kpi-icon[b-jttilqajh8] {
    opacity: .65;
}

.panel-card[b-jttilqajh8] {
    --rz-card-padding: 16px;
    border-radius: 16px;
}

.obra-card[b-jttilqajh8] {
    --rz-card-padding: 14px;
    border-radius: 14px;
    position: relative;
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

    .obra-card:hover[b-jttilqajh8] {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(16,24,40,.08);
    }

.obra-accent[b-jttilqajh8] {
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
}

/* Atalhos: uma opção por linha */
.obra-card .obra-actions[b-jttilqajh8] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .5rem;
}

    .obra-card .obra-actions .rz-button[b-jttilqajh8] {
        width: 100%;
        justify-content: center;
        border-radius: 10px;
        font-weight: 600;
    }

/* ===== Mobile (≤600px): mostra dropdown e esconde abas ===== */
@media (max-width:600px) {
    .proj-shell[b-jttilqajh8] {
        padding: 12px;
        border-radius: 12px;
    }

    .mobile-tab-selector[b-jttilqajh8] {
        display: block;
    }

    .proj-tabs .rz-tabview-nav[b-jttilqajh8] {
        display: none !important;
    }

    .proj-tabs .rz-tabview-panels[b-jttilqajh8],
    .proj-tabs .rz-tabview-panel[b-jttilqajh8] {
        padding: 8px !important;
    }
    /* Botões com espaçamento mais justo */
    .obra-card .obra-actions[b-jttilqajh8] {
        gap: .4rem;
    }
}

/* ===== Desktop (>600px): esconde dropdown ===== */
@media (min-width:601px) {
    .mobile-tab-selector[b-jttilqajh8] {
        display: none;
    }
}


/* _content/ByTescaro.ConstrutorApp.UI/Components/Pages/Projetos/ProjetoForm.razor.rz.scp.css */

/* ===== Shell com fundo branco ===== */
.pf-shell[b-5owomnlnej] {
    background: #fff;
    border-radius: 16px;
    padding: 12px;
}

.pf-loading[b-5owomnlnej] {
    padding: .75rem;
    display: grid;
    gap: .5rem;
}
 
.pf-muted[b-5owomnlnej] {
    color: #6b7280;
    font-size: .95rem;
}

/* ===== Header sticky (estilo ProjetoDetalhe) ===== */
.header-like[b-5owomnlnej] {
    position: sticky;
    top: -8px;
    z-index: 2;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16,24,40,.06);
    padding: 10px 12px;
    margin-bottom: .75rem;
}

.pf-header-grid[b-5owomnlnej] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: .75rem;
}

.pf-actions[b-5owomnlnej] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

/* ===== Card container com faixa superior ===== */
.card-like[b-5owomnlnej] {
    border: 1px solid var(--rz-border);
    border-radius: 14px;
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

    .card-like[b-5owomnlnej]::before {
        content: "";
        position: absolute;
        inset: 0 0 auto 0;
        height: 3px;
        background: linear-gradient(90deg, var(--rz-primary), transparent 60%);
    }

    .card-like:hover[b-5owomnlnej] {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(16,24,40,.08);
    }

.pf-card[b-5owomnlnej] {
    padding: .9rem;
}

/* ===== Fieldset e Tabs suaves ===== */
.pf-fs .rz-fieldset-legend[b-5owomnlnej] {
    font-weight: 600;
}

.pf-acc .rz-accordion-header[b-5owomnlnej] {
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,.06);
}

.pf-tabs .rz-tabs-nav[b-5owomnlnej] {
    background: #fff;
}

/* ===== Mobile ===== */
@media (max-width:600px) {
    .pf-shell[b-5owomnlnej] {
        padding: 12px;
        border-radius: 12px;
    }

    .pf-header-grid[b-5owomnlnej] {
        grid-template-columns: 1fr;
        gap: .5rem;
    }

    .pf-actions[b-5owomnlnej] {
        justify-content: flex-start;
    }
}

/* _content/ByTescaro.ConstrutorApp.UI/Components/Pages/Projetos/Projetos.razor.rz.scp.css */
/* =========================
   ESTILOS — Material3 branco
   (mesmos do ProjetoDetalhe)
   ========================= */

/* Branco global defensivo */
html[b-u62idu8y2a], body[b-u62idu8y2a], #app[b-u62idu8y2a], .rz-application[b-u62idu8y2a], .rz-layout[b-u62idu8y2a], .rz-content[b-u62idu8y2a], .rz-page[b-u62idu8y2a] {
    background: #fff !important;
}

/* Shell do conteúdo */
.proj-shell[b-u62idu8y2a] {
    max-width: 1500px; 
    margin-inline: auto;
    position: relative;
    background: #fff;
    padding: 16px;
    border-radius: 16px;
}

/* Header centralizado com sombra suave */
.header-bar[b-u62idu8y2a], .filtro-kpi[b-u62idu8y2a] {
    position: sticky;
    top: -8px;
    background: #fff;
    z-index: 2;
    padding: 8px 12px;
    border-radius: 12px;
    box-shadow: 0 2px 10px rgba(16,24,40,.06);
}

.header-center[b-u62idu8y2a] {
    text-align: center;
}

    .header-center .action-row[b-u62idu8y2a] {
        justify-content: center !important;
        align-items: center !important;
    }

    .header-center .rz-stack[b-u62idu8y2a] {
        width: 100%;
        align-items: center;
    }

/* KPIs com faixa superior */
.kpi-row .rz-card.kpi-card[b-u62idu8y2a] {
    --rz-card-padding: 16px;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
    transition: transform .12s ease, box-shadow .12s ease;
    background: #fff !important;
}

.kpi-card[b-u62idu8y2a]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 4px;
    background: linear-gradient(90deg, var(--rz-info), transparent 60%);
}

.kpi-card.success[b-u62idu8y2a]::before {
    background: linear-gradient(90deg, var(--rz-success), transparent 60%);
}

.kpi-card.warning[b-u62idu8y2a]::before {
    background: linear-gradient(90deg, var(--rz-warning), transparent 60%);
}

.kpi-card.danger[b-u62idu8y2a]::before {
    background: linear-gradient(90deg, var(--rz-danger), transparent 60%);
}

.kpi-card:hover[b-u62idu8y2a] {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(16,24,40,.08);
}

.kpi-icon[b-u62idu8y2a] {
    opacity: .65;
}

/* Cards gerais */
.rz-card[b-u62idu8y2a], .panel-card[b-u62idu8y2a] {
    background: #fff !important;
    --rz-card-padding: 16px;
    border-radius: 16px;
}

/* DataGrid: fundo branco */
.projs-grid[b-u62idu8y2a],
.projs-grid .rz-grid[b-u62idu8y2a],
.projs-grid .rz-grid-header[b-u62idu8y2a],
.projs-grid .rz-grid-content[b-u62idu8y2a],
.projs-grid .rz-grid-table[b-u62idu8y2a],
.projs-grid .rz-grid-table tr[b-u62idu8y2a],
.projs-grid .rz-grid-table th[b-u62idu8y2a],
.projs-grid .rz-grid-table td[b-u62idu8y2a] {
    background: #fff !important;
}

    .projs-grid .rz-grid-table th[b-u62idu8y2a] {
        border-bottom: 1px solid rgba(0,0,0,.06);
    }

    .projs-grid .rz-grid-table td[b-u62idu8y2a] {
        border-bottom: 1px solid rgba(0,0,0,.04);
    }

/* Mobile ajustes */
@media (max-width:600px) {
    .proj-shell[b-u62idu8y2a] {
        padding: 12px;
        border-radius: 12px;
    }
}

/* Espaço respirando entre os KPIs e o Resumo */
.kpi-row[b-u62idu8y2a] {
    margin-bottom: 12px; /* mobile */
}

.summary-row[b-u62idu8y2a] {
    margin-top: 4px;
}

/* + ar em telas médias */
@media (min-width:600px) {
    .kpi-row[b-u62idu8y2a] {
        margin-bottom: 16px;
    }

    .summary-row[b-u62idu8y2a] {
        margin-top: 8px;
    }
}

/* ainda mais em desktops largos */
@media (min-width:992px) {
    .kpi-row[b-u62idu8y2a] {
        margin-bottom: 20px;
    }

    .summary-row[b-u62idu8y2a] {
        margin-top: 12px;
    }
}

/* opcional: espaço vertical entre cartões de KPI quando quebram em 2 colunas no mobile */
.kpi-row .rz-column[b-u62idu8y2a] {
    margin-bottom: 8px;
}

@media (min-width:600px) {
    .kpi-row .rz-column[b-u62idu8y2a] {
        margin-bottom: 0;
    }
}