/* Páginas do fluxo unificado VD+F&I — usa master.css + estes overrides */

.page-head {
    background: white;
    padding: 16px 20px;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
    margin: 0 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.page-head h2 { margin: 0; font-size: 1.15rem; font-weight: 600; color: #19181B; }
.page-head__meta { font-size: 0.82rem; color: #6b7383; margin-top: 3px; }
.page-head__actions { display: flex; gap: 8px; }

.status-pill {
    display: inline-flex; align-items: center; gap: 5px;
    padding: 3px 9px; border-radius: 99px;
    font-size: 0.71rem; font-weight: 500;
    background: #f3f4f6; color: #4b5563; border: 1px solid #e5e7eb;
    white-space: nowrap;
}
.status-pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.status-pill--success { background: #ecfdf5; color: #047857; border-color: #6ee7b7; }
.status-pill--warning { background: #fffbeb; color: #b45309; border-color: #fcd34d; }
.status-pill--danger  { background: #fef2f2; color: #b91c1c; border-color: #fca5a5; }
.status-pill--info    { background: #eff6ff; color: #1d4ed8; border-color: #93c5fd; }
.status-pill--purple  { background: #f5f3ff; color: #6923D0; border-color: #c4b5fd; }

.fi-progresses {
    display: flex; align-items: center;
    background: #fff; border-radius: 6px;
    padding: 24px 16px 14px;
    margin: 0 0 18px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
    overflow-x: auto;
}
.fi-step { flex: 1; min-width: 90px; max-width: 130px; text-align: center; position: relative; }
.fi-step__circle {
    background-color: #ced4da; color: white;
    font-size: 14px; width: 36px; height: 36px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%; margin: 0 auto 6px;
    font-weight: 600; border: 3px solid #fff;
    box-shadow: 0 0 0 1px #ced4da;
}
.fi-step__label { font-size: 11px; color: #495057; line-height: 1.25; padding: 0 4px; }
.fi-step__line { position: absolute; top: 18px; left: 50%; right: -50%; height: 3px; background: #ced4da; z-index: -1; }
.fi-step:last-child .fi-step__line { display: none; }
.fi-step--done .fi-step__circle { background-color: #aad1ac; box-shadow: 0 0 0 1px #aad1ac; }
.fi-step--done .fi-step__line { background: #aad1ac; }
.fi-step--current .fi-step__circle { background-color: #6923D0; box-shadow: 0 0 0 1px #6923D0, 0 0 0 5px #ede9fe; }
.fi-step--current .fi-step__label { color: #6923D0; font-weight: 600; }

.badge-novo {
    background: #6923D0; color: #fff;
    font-size: 0.6rem; padding: 1px 6px; border-radius: 3px;
    text-transform: uppercase; letter-spacing: 0.04em;
    font-weight: 700; margin-left: 6px;
    vertical-align: middle;
}

.tipo-badge {
    display: inline-block;
    background: #e9ecef; color: #495057;
    font-size: 0.7rem; padding: 2px 7px;
    border-radius: 3px; margin: 0 3px 3px 0;
}

.btn-roxo { background: #6923D0; color: white; border-color: #6923D0; }
.btn-roxo:hover { background: #5a1eb8; color: white; border-color: #5a1eb8; }

.table thead th {
    background: #f8f9fa; font-size: 0.75rem;
    text-transform: uppercase; letter-spacing: 0.03em;
    color: #6b7383; font-weight: 600;
    border-bottom: 2px solid #e9ecef; padding: 8px 12px;
}
.table tbody td { padding: 10px 12px; vertical-align: middle; font-size: 0.86rem; }
.table--white { background: white; }
.acoes { width: 60px; text-align: center; }