/* /Layout/HomeLayout.razor.rz.scp.css */
body[b-iubhw9ntbz] {
    margin: 0;
    padding: 0;
    background-color: black;
    color: white;
    font-family: Arial, sans-serif;
}

.container[b-iubhw9ntbz] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: space-between;
}

.header[b-iubhw9ntbz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px;
}

    .header h1[b-iubhw9ntbz] {
        margin: 0;
    }

.link[b-iubhw9ntbz] {
    color: orange;
    text-decoration: none;
    font-size: 16px;
    margin-left: auto; /* Adiciona margem automática à esquerda para empurrar o link para a direita */
}

.main-content[b-iubhw9ntbz] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
}

.footer[b-iubhw9ntbz] {
    text-align: center;
    padding: 10px 0;
}
/* /Layout/LoginLayout.razor.rz.scp.css */
/* Reset agressivo para corrigir HTML aninhado do Blazor */
html[b-8o5yfrvq59], body[b-8o5yfrvq59] {
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    background-color: black !important;
    color: white;
    font-family: Arial, sans-serif;
    overflow-x: hidden !important; /* Previne scroll horizontal */
}

/* Force o box-sizing em TUDO */
*[b-8o5yfrvq59], *[b-8o5yfrvq59]::before, *[b-8o5yfrvq59]::after {
    box-sizing: border-box !important;
    margin: 0;
    padding: 0;
}

/* Container principal - FORÇA 100% da largura da viewport */
.container[b-8o5yfrvq59] {
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
    justify-content: space-between !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100vw !important; /* 100% da largura da viewport */
    max-width: 100vw !important;
    min-width: 100vw !important;
    overflow-x: hidden !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
}

/* Header - ocupa 100% da largura */
.header[b-8o5yfrvq59] {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 20px !important;
    background-color: black !important;
    min-height: 120px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

    .header h1[b-8o5yfrvq59] {
        margin: 0 !important;
    }

.link[b-8o5yfrvq59] {
    color: orange !important;
    text-decoration: none !important;
    font-size: 16px !important;
    margin-left: auto !important;
}

/* CRÍTICO: Main content - ZERO de tudo, 100% da largura */
.main-content[b-8o5yfrvq59] {
    background-color: white !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding: 0 !important; /* ZERO padding */
    margin: 0 !important; /* ZERO margin */
    flex-grow: 1 !important;
    width: 100% !important; /* 100% da largura */
    max-width: 100% !important;
    min-width: 100% !important;
    color: black !important;
    overflow-x: hidden !important; /* Previne overflow horizontal */
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
}

/* Footer - ocupa 100% da largura */
.footer[b-8o5yfrvq59] {
    background-color: #000000 !important;
    height: 80px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Previne qualquer elemento filho de causar overflow */
.main-content > *[b-8o5yfrvq59],
.container > *[b-8o5yfrvq59] {
    max-width: 100% !important;
}

/* Se o Blazor adicionar divs extras, force-as também */
#app[b-8o5yfrvq59] {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* /Layout/LogoffLayout.razor.rz.scp.css */
body[b-46ab6cywr8] {
    margin: 0;
    padding: 0;
    background-color: black;
    color: white;
    font-family: Arial, sans-serif;
}

.container[b-46ab6cywr8] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: space-between;
}

.header[b-46ab6cywr8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 10px;
}

    .header h1[b-46ab6cywr8] {
        margin: 0;
    }

.link[b-46ab6cywr8] {
    color: orange;
    text-decoration: none;
    font-size: 16px;
    margin-left: auto; /* Adiciona margem automática à esquerda para empurrar o link para a direita */
}

.main-content[b-46ab6cywr8] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
}

.footer[b-46ab6cywr8] {
    text-align: center;
    padding: 10px 0;
}
/* /Layout/MainLayout.razor.rz.scp.css */
/* Reset agressivo para corrigir HTML aninhado do Blazor */
html[b-1h9jiswo63], body[b-1h9jiswo63] {
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    background-color: black !important;
    color: white;
    font-family: Arial, sans-serif;
    overflow-x: hidden !important; /* Previne scroll horizontal */
}

/* Force o box-sizing em TUDO */
*[b-1h9jiswo63], *[b-1h9jiswo63]::before, *[b-1h9jiswo63]::after {
    box-sizing: border-box !important;
    margin: 0;
    padding: 0;
}

/* Container principal - FORÇA 100% da largura da viewport */
.container[b-1h9jiswo63] {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
    /*height: 100vh !important;*/
    justify-content: space-between !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100vw !important; /* 100% da largura da viewport */
    max-width: 100vw !important;
    min-width: 100vw !important;
    overflow-x: hidden !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
}

/* Header - ocupa 100% da largura */
.header[b-1h9jiswo63] {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 20px !important;
    background-color: black !important;
    min-height: 120px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-shrink: 0 !important; /*Este item NÃO deve encolher, mesmo que o contêiner fique pequeno.*/
}

    .header h1[b-1h9jiswo63] {
        margin: 0 !important;
    }

/* Container para os links - alinhado à direita */
.header-links[b-1h9jiswo63] {
    display: flex !important;
    gap: 10px !important; /* Espaçamento de 10px entre os links */
    align-items: center !important;
    margin-left: auto !important; /* Empurra os links para a direita */
}

.link[b-1h9jiswo63] {
    color: orange !important;
    text-decoration: none !important;
    font-size: 16px !important;
    margin-left: auto !important;
}

/* CRÍTICO: Main content - ZERO de tudo, 100% da largura */
.main-content[b-1h9jiswo63] {
    background-color: white !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    padding: 0 !important; /* ZERO padding */
    margin: 0 !important; /* ZERO margin */
    flex-grow: 1 !important;
    width: 100% !important; /* 100% da largura */
    max-width: 100% !important;
    min-width: 100% !important;
    color: black !important;
    overflow-x: hidden !important; /* Previne overflow horizontal */
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
    overflow-y: auto;
}

/* Footer - ocupa 100% da largura */
.footer[b-1h9jiswo63] {
    background-color: #000000 !important;
    height: 80px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: white !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-shrink: 0 !important; /*Este item NÃO deve encolher, mesmo que o contêiner fique pequeno.*/
}

/* Previne qualquer elemento filho de causar overflow */
.main-content > *[b-1h9jiswo63],
.container > *[b-1h9jiswo63] {
    max-width: 100% !important;
}

/* Se o Blazor adicionar divs extras, force-as também */
#app[b-1h9jiswo63] {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* /Pages/Collections/CollectionsSend.razor.rz.scp.css */
/* ============================================
   BOMBUS - Enviar Cobrança
   CSS Isolado (scoped)
   Baseado no mockup MAUI
   ============================================ */

/* Container principal - SEGUE PADRÃO DO LOGIN */
.collections-send[b-cx3lmd8otd] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 2rem;
    background-color: white;
    box-sizing: border-box;
}

/* ========== HEADER ========== */
.page-header[b-cx3lmd8otd] {
    margin-bottom: 1rem;
}

.page-title[b-cx3lmd8otd] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a1a1a;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
}

.badge[b-cx3lmd8otd] {
    padding: 0.2rem 0.6rem;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 600;
}

.badge-orange[b-cx3lmd8otd] {
    background: #ff8c00;
    color: white;
}

.badge-green[b-cx3lmd8otd] {
    background: #4caf50;
    color: white;
}

.page-subtitle[b-cx3lmd8otd] {
    font-size: 0.85rem;
    color: #666;
    margin-top: 0.25rem;
    line-height: 1.4;
}

/* ========== STEPPER ========== */
.stepper[b-cx3lmd8otd] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 1rem 0 1.5rem;
    padding: 0 0.5rem;
}

.step[b-cx3lmd8otd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    position: relative;
    max-width: 150px;
}

.step-circle[b-cx3lmd8otd] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #e0e0e0;
    color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.85rem;
    transition: all 0.3s ease;
    z-index: 1;
}

.step.active .step-circle[b-cx3lmd8otd] {
    background: #ff8c00;
    color: white;
    box-shadow: 0 3px 12px rgba(255, 140, 0, 0.4);
}

.step.completed .step-circle[b-cx3lmd8otd] {
    background: #4caf50;
    color: white;
}

.step-label[b-cx3lmd8otd] {
    font-size: 0.65rem;
    color: #999;
    margin-top: 0.35rem;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.step.active .step-label[b-cx3lmd8otd],
.step.completed .step-label[b-cx3lmd8otd] {
    color: #333;
}

.step-line[b-cx3lmd8otd] {
    position: absolute;
    top: 18px;
    left: calc(50% + 22px);
    width: calc(100% - 44px);
    height: 3px;
    background: #e0e0e0;
    z-index: 0;
    transition: background 0.3s ease;
}

.step:last-child .step-line[b-cx3lmd8otd] {
    display: none;
}

.step.completed .step-line[b-cx3lmd8otd] {
    background: #4caf50;
}

/* ========== DIVIDER ========== */
.divider[b-cx3lmd8otd] {
    height: 1px;
    background: linear-gradient(90deg, transparent, #ddd, transparent);
    margin: 0.75rem 0;
}

/* ========== CONTENT AREA ========== */
.content-area[b-cx3lmd8otd] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.step-content[b-cx3lmd8otd] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* ========== ANIMATIONS ========== */
.fade-in[b-cx3lmd8otd] {
    animation: fadeIn-b-cx3lmd8otd 0.3s ease-out;
}

@keyframes fadeIn-b-cx3lmd8otd {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes scaleIn-b-cx3lmd8otd {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

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

/* ========== INFO BANNER ========== */
.info-banner[b-cx3lmd8otd] {
    background: linear-gradient(135deg, #fff8f0 0%, #fff4e6 100%);
    border-left: 4px solid #ff8c00;
    padding: 0.875rem 1rem;
    margin-bottom: 1.25rem;
    border-radius: 8px;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

    .info-banner.info[b-cx3lmd8otd] {
        background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
        border-left-color: #2196f3;
    }

        .info-banner.info .info-banner-title[b-cx3lmd8otd] {
            color: #1976d2;
        }

    .info-banner.error-banner[b-cx3lmd8otd] {
        background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);
        border-left-color: #c62828;
    }

        .info-banner.error-banner .info-banner-title[b-cx3lmd8otd] {
            color: #c62828;
        }

        .info-banner.error-banner .info-banner-description[b-cx3lmd8otd] {
            color: #b71c1c;
        }

.info-banner-icon[b-cx3lmd8otd] {
    font-size: 1.25rem;
    flex-shrink: 0;
}

.info-banner-text[b-cx3lmd8otd] {
    flex: 1;
}

.info-banner-title[b-cx3lmd8otd] {
    font-weight: 700;
    color: #e67e00;
    font-size: 0.8rem;
    margin-bottom: 0.15rem;
}

.info-banner-description[b-cx3lmd8otd] {
    color: #666;
    font-size: 0.75rem;
    line-height: 1.4;
}

.close-btn[b-cx3lmd8otd] {
    background: transparent;
    border: none;
    color: #999;
    font-size: 1rem;
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 4px;
    transition: all 0.2s;
    flex-shrink: 0;
}

    .close-btn:hover[b-cx3lmd8otd] {
        background: rgba(255, 140, 0, 0.1);
        color: #ff8c00;
    }

/* ========== FORM SECTION ========== */
.form-section[b-cx3lmd8otd] {
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 1.25rem;
    margin-bottom: 1rem;
}

.section-title[b-cx3lmd8otd] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid #f0f0f0;
}

.form-group[b-cx3lmd8otd] {
    margin-bottom: 1rem;
    width: 100%;
}

.form-label[b-cx3lmd8otd] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: #444;
    margin-bottom: 0.35rem;
    letter-spacing: 0.3px;
}

.required[b-cx3lmd8otd] {
    color: #ff8c00;
}

.form-input[b-cx3lmd8otd],
[b-cx3lmd8otd] .form-input {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 0.9rem;
    font-family: inherit;
    transition: all 0.2s;
    background: white;
    color: #333;
    box-sizing: border-box;
}

    .form-input:focus[b-cx3lmd8otd],
    [b-cx3lmd8otd] .form-input:focus {
        outline: none;
        border-color: #ff8c00;
        box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.1);
    }

    .form-input[b-cx3lmd8otd]::placeholder {
        color: #bbb;
    }

    .form-input.error[b-cx3lmd8otd] {
        border-color: #c62828;
    }

.form-helper[b-cx3lmd8otd] {
    font-size: 0.65rem;
    color: #999;
    margin-top: 0.25rem;
    display: block;
}

.validation-error[b-cx3lmd8otd],
[b-cx3lmd8otd] .validation-message {
    color: #c62828;
    font-size: 0.65rem;
    margin-top: 0.25rem;
    display: block;
}

.form-row[b-cx3lmd8otd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.calculated-field[b-cx3lmd8otd] {
    background: #e8f5e9 !important;
    border-color: #4caf50 !important;
    color: #2e7d32 !important;
    font-weight: 600;
}

/* ========== SEARCH RESULTS ========== */
.search-results[b-cx3lmd8otd] {
    margin-bottom: 1rem;
}

.empty-state[b-cx3lmd8otd] {
    text-align: center;
    padding: 2.5rem 1.5rem;
    color: #999;
}

.empty-state-icon[b-cx3lmd8otd] {
    font-size: 3rem;
    margin-bottom: 0.75rem;
    opacity: 0.4;
}

.empty-state h3[b-cx3lmd8otd] {
    font-size: 1rem;
    color: #666;
    font-weight: 600;
    margin-bottom: 0.35rem;
}

.empty-state p[b-cx3lmd8otd] {
    font-size: 0.8rem;
    line-height: 1.4;
    margin: 0;
}

.loading-state[b-cx3lmd8otd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5rem;
    gap: 0.75rem;
}

.loading-spinner[b-cx3lmd8otd] {
    width: 36px;
    height: 36px;
    border: 3px solid #f0f0f0;
    border-top-color: #ff8c00;
    border-radius: 50%;
    animation: spin-b-cx3lmd8otd 1s linear infinite;
}

.loading-text[b-cx3lmd8otd] {
    color: #666;
    font-size: 0.8rem;
}

/* ========== RESULT CARD ========== */
.result-card[b-cx3lmd8otd] {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    overflow: hidden;
}

.result-header[b-cx3lmd8otd] {
    padding: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

    .result-header.success[b-cx3lmd8otd] {
        background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%);
        border-color: #c8e6c9;
    }

    .result-header.error[b-cx3lmd8otd] {
        background: linear-gradient(135deg, #ffebee 0%, #fce4ec 100%);
        border-color: #ffcdd2;
    }

.result-title[b-cx3lmd8otd] {
    font-size: 1rem;
    font-weight: 600;
    color: #2e7d32;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.result-header.error .result-title[b-cx3lmd8otd] {
    color: #c62828;
}

.result-subtitle[b-cx3lmd8otd] {
    font-size: 0.75rem;
    color: #558b2f;
    margin-top: 0.25rem;
}

.result-header.error .result-subtitle[b-cx3lmd8otd] {
    color: #666;
}

.result-body[b-cx3lmd8otd] {
    padding: 1rem;
}

.detail-grid[b-cx3lmd8otd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.detail-item[b-cx3lmd8otd] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

    .detail-item.full-width[b-cx3lmd8otd] {
        grid-column: span 2;
    }

.detail-label[b-cx3lmd8otd] {
    font-size: 0.6rem;
    color: #999;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.detail-value[b-cx3lmd8otd] {
    font-size: 0.85rem;
    color: #333;
    font-weight: 500;
}

.status-badge[b-cx3lmd8otd] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    width: fit-content;
}

    .status-badge.active[b-cx3lmd8otd] {
        background: #e8f5e9;
        color: #2e7d32;
    }

/* ========== DEBTOR CARD ========== */
.debtor-card[b-cx3lmd8otd] {
    background: linear-gradient(135deg, #fff8f0 0%, #fff4e6 100%);
    border: 1px solid #ffe0b2;
    border-left: 4px solid #ff8c00;
    border-radius: 10px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.debtor-card-title[b-cx3lmd8otd] {
    font-size: 0.65rem;
    color: #999;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
}

.debtor-info[b-cx3lmd8otd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.debtor-avatar[b-cx3lmd8otd] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff8c00, #e67e00);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-size: 0.95rem;
    box-shadow: 0 3px 10px rgba(255, 140, 0, 0.3);
    flex-shrink: 0;
}

.debtor-name[b-cx3lmd8otd] {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
}

.debtor-id[b-cx3lmd8otd] {
    font-size: 0.75rem;
    color: #666;
    font-family: 'SF Mono', 'Courier New', monospace;
}

/* ========== PREVIEW PARCELAS ========== */
.preview-section[b-cx3lmd8otd] {
    background: #f8f9fa;
    border: 1px dashed #ddd;
    border-radius: 10px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.preview-title[b-cx3lmd8otd] {
    font-size: 0.75rem;
    color: #666;
    font-weight: 600;
    margin-bottom: 0.75rem;
}

.preview-grid[b-cx3lmd8otd] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

.preview-item[b-cx3lmd8otd] {
    background: white;
    padding: 0.75rem;
    border-radius: 8px;
    border: 1px solid #eee;
}

    .preview-item.preview-more[b-cx3lmd8otd] {
        background: #f8f9fa;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .preview-item.preview-more .preview-item-value[b-cx3lmd8otd] {
            color: #999;
        }

.preview-item-label[b-cx3lmd8otd] {
    font-size: 0.6rem;
    color: #999;
    text-transform: uppercase;
    font-weight: 600;
}

.preview-item-value[b-cx3lmd8otd] {
    font-size: 0.85rem;
    color: #333;
    font-weight: 600;
}

.preview-item-date[b-cx3lmd8otd] {
    font-size: 0.65rem;
    color: #999;
    margin-top: 0.2rem;
}

/* ========== SUCCESS CARD ========== */
.success-card[b-cx3lmd8otd] {
    background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%);
    border: 1px solid #c8e6c9;
    border-left: 4px solid #4caf50;
    border-radius: 12px;
    padding: 2rem 1.5rem;
    text-align: center;
    margin-bottom: 1rem;
}

.success-icon[b-cx3lmd8otd] {
    font-size: 3.5rem;
    margin-bottom: 1rem;
    animation: scaleIn-b-cx3lmd8otd 0.6s ease-out;
}

.success-title[b-cx3lmd8otd] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #2e7d32;
    margin-bottom: 0.75rem;
}

.success-message[b-cx3lmd8otd] {
    font-size: 0.9rem;
    color: #558b2f;
    line-height: 1.5;
    margin: 0;
}

.success-submessage[b-cx3lmd8otd] {
    font-size: 0.8rem;
    color: #689f38;
    margin-top: 0.5rem;
}

/* ========== SUMMARY SECTION ========== */
.summary-section[b-cx3lmd8otd] {
    background: #fafafa;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 1rem;
    margin-bottom: 1rem;
}

.summary-title[b-cx3lmd8otd] {
    font-size: 0.7rem;
    color: #999;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 1rem;
    text-align: center;
}

.summary-grid[b-cx3lmd8otd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.summary-item[b-cx3lmd8otd] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.summary-label[b-cx3lmd8otd] {
    font-size: 0.6rem;
    color: #999;
    text-transform: uppercase;
    font-weight: 600;
}

.summary-value[b-cx3lmd8otd] {
    font-size: 0.85rem;
    color: #333;
    font-weight: 600;
}

    .summary-value.highlight[b-cx3lmd8otd] {
        font-size: 1.25rem;
        color: #4caf50;
    }

/* ========== NEXT STEPS ========== */
.next-steps[b-cx3lmd8otd] {
    background: linear-gradient(135deg, #fff8f0 0%, #fff4e6 100%);
    border-left: 4px solid #ff8c00;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 8px;
}

.next-steps-header[b-cx3lmd8otd] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.75rem;
}

.next-steps-title[b-cx3lmd8otd] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #e67e00;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.steps-list[b-cx3lmd8otd] {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .steps-list li[b-cx3lmd8otd] {
        padding: 0.5rem 0;
        padding-left: 1.75rem;
        position: relative;
        color: #666;
        font-size: 0.8rem;
        line-height: 1.4;
    }

        .steps-list li[b-cx3lmd8otd]::before {
            content: '✓';
            position: absolute;
            left: 0;
            top: 0.5rem;
            width: 18px;
            height: 18px;
            background: #4caf50;
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.55rem;
            font-weight: bold;
        }

/* ========== BUTTON GROUP FOOTER ========== */
.btn-group-footer[b-cx3lmd8otd] {
    display: flex;
    gap: 0.75rem;
    margin-top: auto;
    padding-top: 1.5rem;
}

.btn[b-cx3lmd8otd] {
    flex: 1;
    padding: 0.875rem 1rem;
    border-radius: 8px;
    border: none;
    font-weight: 600;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-family: inherit;
}

    .btn:disabled[b-cx3lmd8otd] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.btn-primary[b-cx3lmd8otd] {
    background: linear-gradient(135deg, #ff8c00, #e67e00);
    color: white;
    box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3);
}

    .btn-primary:hover:not(:disabled)[b-cx3lmd8otd] {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(255, 140, 0, 0.4);
    }

.btn-secondary[b-cx3lmd8otd] {
    background: white;
    color: #666;
    border: 2px solid #e0e0e0;
}

    .btn-secondary:hover:not(:disabled)[b-cx3lmd8otd] {
        border-color: #ff8c00;
        color: #ff8c00;
    }

/* ========== SPINNER ========== */
.spinner[b-cx3lmd8otd] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-cx3lmd8otd 0.8s linear infinite;
}

/* ========== RESPONSIVIDADE ========== */
@media (max-width: 768px) {
    .collections-send[b-cx3lmd8otd] {
        padding: 1.5rem;
    }

    .stepper[b-cx3lmd8otd] {
        padding: 0;
    }

    .step[b-cx3lmd8otd] {
        max-width: 120px;
    }

    .step-circle[b-cx3lmd8otd] {
        width: 32px;
        height: 32px;
        font-size: 0.8rem;
    }

    .step-line[b-cx3lmd8otd] {
        top: 16px;
        left: calc(50% + 20px);
        width: calc(100% - 40px);
    }
}

@media (max-width: 480px) {
    .collections-send[b-cx3lmd8otd] {
        padding: 1rem;
    }

    .page-title[b-cx3lmd8otd] {
        font-size: 1.25rem;
    }

    .form-row[b-cx3lmd8otd] {
        grid-template-columns: 1fr;
    }

    .detail-grid[b-cx3lmd8otd] {
        grid-template-columns: 1fr;
    }

    .detail-item.full-width[b-cx3lmd8otd] {
        grid-column: span 1;
    }

    .summary-grid[b-cx3lmd8otd] {
        grid-template-columns: 1fr;
    }

    .preview-grid[b-cx3lmd8otd] {
        grid-template-columns: 1fr;
    }

    .btn-group-footer[b-cx3lmd8otd] {
        flex-direction: column;
    }

    .success-icon[b-cx3lmd8otd] {
        font-size: 3rem;
    }

    .success-title[b-cx3lmd8otd] {
        font-size: 1.1rem;
    }
}
/* /Pages/Collections/Sent.razor.rz.scp.css */
*[b-gu6rst28cz] {
    box-sizing: border-box;
}

.page-content[b-gu6rst28cz] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
    background-color: white;
    font-family: Arial, sans-serif;
    min-height: calc(100vh - 200px);
}

/* Cabeçalho */
.page-header[b-gu6rst28cz] {
    margin-bottom: 1.5rem;
}

.page-title[b-gu6rst28cz] {
    font-size: 2rem;
    font-weight: normal;
    color: #333;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.send-badge[b-gu6rst28cz] {
    background: #ff8c00;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 600;
}

.page-subtitle[b-gu6rst28cz] {
    font-size: 0.95rem;
    color: #666;
}

hr[b-gu6rst28cz] {
    height: 1px;
    background-color: #666;
    border: none;
    margin: 1.0rem 0;
}

/* Loading */
.loading-state[b-gu6rst28cz] {
    text-align: center;
    padding: 4rem 2rem;
    color: #666;
}

.spinner[b-gu6rst28cz] {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #ff8c00;
    border-radius: 50%;
    animation: spin-b-gu6rst28cz 1s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin-b-gu6rst28cz {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Mensagens */
.message[b-gu6rst28cz] {
    padding: 1rem 1.25rem;
    border-radius: 4px;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.875rem;
}

.message-error[b-gu6rst28cz] {
    background: #ffebee;
    color: #c62828;
    border-left: 4px solid #c62828;
}

/* Cards de resumo */
.summary-cards[b-gu6rst28cz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.summary-card[b-gu6rst28cz] {
    background: #f8f8f8;
    border: 2px solid #e0e0e0;
    border-radius: 4px;
    padding: 1.25rem;
    transition: all 0.3s ease;
}

    .summary-card.pending[b-gu6rst28cz] {
        border-left: 4px solid #ff8c00;
    }

    .summary-card.approved[b-gu6rst28cz] {
        border-left: 4px solid #4caf50;
    }

    .summary-card.rejected[b-gu6rst28cz] {
        border-left: 4px solid #c62828;
    }

    .summary-card:hover[b-gu6rst28cz] {
        border-color: #999;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

.summary-label[b-gu6rst28cz] {
    font-size: 0.75rem;
    color: #999;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 0.5rem;
}

.summary-value[b-gu6rst28cz] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #333;
}

.summary-subvalue[b-gu6rst28cz] {
    font-size: 0.875rem;
    color: #666;
    margin-top: 0.25rem;
}

/* Filtros */
.filters-section[b-gu6rst28cz] {
    background: #f8f8f8;
    border: 2px solid #e0e0e0;
    border-radius: 4px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.filters-header[b-gu6rst28cz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    cursor: pointer;
}

.filters-title[b-gu6rst28cz] {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-icon[b-gu6rst28cz] {
    font-size: 1.125rem;
}

.toggle-icon[b-gu6rst28cz] {
    font-size: 1.25rem;
    color: #999;
    transition: transform 0.3s ease;
}

    .toggle-icon.expanded[b-gu6rst28cz] {
        transform: rotate(180deg);
    }

.filters-content[b-gu6rst28cz] {
    animation: fadeIn-b-gu6rst28cz 0.3s ease-out;
}

@keyframes fadeIn-b-gu6rst28cz {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.filters-grid[b-gu6rst28cz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.filter-group[b-gu6rst28cz] {
    display: flex;
    flex-direction: column;
}

.filter-label[b-gu6rst28cz] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.5rem;
}

.filter-input[b-gu6rst28cz] {
    padding: 0.75rem;
    border: 2px solid #e0e0e0;
    border-radius: 4px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    font-family: Arial, sans-serif;
}

    .filter-input:focus[b-gu6rst28cz] {
        outline: none;
        border-color: #ff8c00;
    }

.filter-actions[b-gu6rst28cz] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    margin-top: 1rem;
}

.btn[b-gu6rst28cz] {
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    border: none;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: Arial, sans-serif;
}

    .btn:disabled[b-gu6rst28cz] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.btn-primary[b-gu6rst28cz] {
    background: #ff8c00;
    color: white;
}

    .btn-primary:hover:not(:disabled)[b-gu6rst28cz] {
        background: #e67e00;
        transform: translateY(-1px);
    }

.btn-secondary[b-gu6rst28cz] {
    background: white;
    color: #666;
    border: 2px solid #e0e0e0;
}

    .btn-secondary:hover:not(:disabled)[b-gu6rst28cz] {
        background: #f8f8f8;
        border-color: #999;
    }

/* Lista de cobranças */
.collections-list[b-gu6rst28cz] {
    margin-bottom: 2rem;
}

.list-header[b-gu6rst28cz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.list-title[b-gu6rst28cz] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #333;
}

.list-count[b-gu6rst28cz] {
    font-size: 0.875rem;
    color: #666;
}

.collection-item[b-gu6rst28cz] {
    background: white;
    border: 2px solid #e0e0e0;
    border-radius: 4px;
    padding: 1.5rem;
    margin-bottom: 1rem;
    transition: all 0.3s ease;
}

    .collection-item:hover[b-gu6rst28cz] {
        border-color: #ff8c00;
        box-shadow: 0 2px 8px rgba(255, 140, 0, 0.1);
    }

.item-header[b-gu6rst28cz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
    gap: 1rem;
}

.item-info[b-gu6rst28cz] {
    flex: 1;
}

.item-debtor-name[b-gu6rst28cz] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.25rem;
}

.item-debtor-id[b-gu6rst28cz] {
    font-size: 0.875rem;
    color: #666;
    font-family: 'Courier New', monospace;
    margin-bottom: 0.5rem;
}

.item-description[b-gu6rst28cz] {
    font-size: 0.95rem;
    color: #666;
    margin-bottom: 0.75rem;
}

.item-status[b-gu6rst28cz] {
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-pending[b-gu6rst28cz] {
    background: #fff8f0;
    color: #e67e00;
    border: 2px solid #ff8c00;
}

.status-approved[b-gu6rst28cz] {
    background: #e8f5e9;
    color: #2e7d32;
    border: 2px solid #4caf50;
}

.status-rejected[b-gu6rst28cz] {
    background: #ffebee;
    color: #c62828;
    border: 2px solid #ef5350;
}

.item-details[b-gu6rst28cz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
}

.detail-item[b-gu6rst28cz] {
    display: flex;
    flex-direction: column;
}

.detail-label[b-gu6rst28cz] {
    font-size: 0.7rem;
    color: #999;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 0.25rem;
}

.detail-value[b-gu6rst28cz] {
    font-size: 0.95rem;
    color: #333;
    font-weight: 600;
}

    .detail-value.highlight[b-gu6rst28cz] {
        font-size: 1.125rem;
        color: #ff8c00;
    }

/* Paginação */
.pagination[b-gu6rst28cz] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin-top: 2rem;
}

.page-btn[b-gu6rst28cz] {
    padding: 0.5rem 1rem;
    border: 2px solid #e0e0e0;
    background: white;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 600;
    color: #666;
    transition: all 0.3s ease;
    font-family: Arial, sans-serif;
}

    .page-btn:hover:not(.active):not(:disabled)[b-gu6rst28cz] {
        border-color: #ff8c00;
        color: #ff8c00;
    }

    .page-btn.active[b-gu6rst28cz] {
        background: #ff8c00;
        color: white;
        border-color: #ff8c00;
    }

    .page-btn:disabled[b-gu6rst28cz] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* Empty state */
.empty-state[b-gu6rst28cz] {
    text-align: center;
    padding: 4rem 2rem;
    color: #999;
}

.empty-icon[b-gu6rst28cz] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-title[b-gu6rst28cz] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #666;
}

.empty-message[b-gu6rst28cz] {
    font-size: 0.95rem;
}

/* Responsividade */
@media (max-width: 768px) {
    .page-content[b-gu6rst28cz] {
        padding: 1rem;
    }

    .page-title[b-gu6rst28cz] {
        font-size: 1.5rem;
    }

    .summary-cards[b-gu6rst28cz] {
        grid-template-columns: 1fr;
    }

    .filters-grid[b-gu6rst28cz] {
        grid-template-columns: 1fr;
    }

    .filter-actions[b-gu6rst28cz] {
        flex-direction: column;
    }

    .btn[b-gu6rst28cz] {
        width: 100%;
        justify-content: center;
    }

    .item-header[b-gu6rst28cz] {
        flex-direction: column;
    }

    .item-status[b-gu6rst28cz] {
        align-self: flex-start;
    }

    .item-details[b-gu6rst28cz] {
        grid-template-columns: 1fr 1fr;
    }

    .pagination[b-gu6rst28cz] {
        flex-wrap: wrap;
    }
}
/* /Pages/Creditors/CreditorRegister.razor.rz.scp.css */
/* ============================================
   BOMBUS - Cadastro de Credor
   CSS Isolado (scoped)
   ============================================ */

/* Container principal */
/*.creditor-register {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    padding: 1.5rem;
    min-height: calc(100vh - 200px);
}*/

/* Animação de fade-in */
/*.fade-in {
    animation: fadeIn 0.3s ease-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}*/

/* ========== LANDING ========== */

/*.landing-hero {
    text-align: center;
    padding: 1rem 0 1.5rem;
}

.landing-title {
    font-size: 1.35rem;
    font-weight: 600;
    color: #333;
    line-height: 1.3;
    margin-bottom: 0.75rem;
}

    .landing-title .highlight {
        color: #ff8c00;
    }

.landing-subtitle {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.5;
}

.benefits-list {
    list-style: none;
    margin: 1.5rem 0;
    padding: 1.25rem;
    background: #f8f9fa;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
}

    .benefits-list li {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.65rem 0;
        font-size: 0.9rem;
        color: #333;
    }

        .benefits-list li:not(:last-child) {
            border-bottom: 1px solid #e0e0e0;
        }

.benefit-icon {
    width: 28px;
    height: 28px;
    background: #e8f5e9;
    color: #4caf50;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    flex-shrink: 0;
    font-weight: bold;
}*/

/* ========== MINI STEPPER ========== */

/*.mini-stepper {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.mini-step {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e0e0e0;
    transition: all 0.3s ease;
}

    .mini-step.active {
        background: #ff8c00;
        width: 24px;
        border-radius: 4px;
    }

    .mini-step.completed {
        background: #4caf50;
    }*/

/* ========== FORMULÁRIO ========== */

/*.form-title {
    font-size: 1.15rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.25rem;
}

.form-subtitle {
    font-size: 0.85rem;
    color: #666;
    margin-bottom: 1.5rem;
}

.form-group {
    margin-bottom: 1.15rem;
}

.form-label {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.4rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .form-label .optional {
        font-weight: 400;
        color: #999;
        text-transform: none;
    }

.input-with-icon {
    position: relative;
}

.input-icon {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #999;
    pointer-events: none;
}

.form-input,
::deep .form-input {
    width: 100%;
    padding: 0.875rem 1rem 0.875rem 2.75rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    font-family: inherit;
    transition: all 0.2s ease;
    background: #fff;
    color: #333;
}

    .form-input:focus,
    ::deep .form-input:focus {
        outline: none;
        border-color: #ff8c00;
        box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.1);
    }

    .form-input::placeholder {
        color: #bbb;
    }

.form-helper {
    font-size: 0.7rem;
    color: #999;
    margin-top: 0.3rem;
    display: block;
}

.validation-error,
::deep .validation-message {
    font-size: 0.7rem;
    color: #c62828;
    margin-top: 0.3rem;
    display: block;
}*/

/* ========== VERIFICAÇÃO SMS ========== */

/*.verification-section {
    text-align: center;
    padding: 1rem 0;
}

.verification-icon {
    font-size: 3.5rem;
    margin-bottom: 1rem;
}

.verification-title {
    font-size: 1.15rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.35rem;
}

.verification-subtitle {
    font-size: 0.9rem;
    color: #666;
    line-height: 1.5;
}

.verification-phone {
    color: #333;
    font-weight: 600;
}

.code-input-group {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    margin: 1.5rem 0;
}

.code-input {
    width: 48px;
    height: 56px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    font-family: inherit;
    transition: all 0.2s ease;
    color: #333;
}

    .code-input:focus {
        outline: none;
        border-color: #ff8c00;
        box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.1);
    }

.resend-link {
    text-align: center;
    margin-top: 0.5rem;
}*/

/* ========== SUCCESS CARD ========== */

/*.success-card {
    background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%);
    border-radius: 12px;
    padding: 2rem 1.5rem;
    text-align: center;
    margin-bottom: 1.5rem;
    border: 1px solid #c8e6c9;
}

.success-icon {
    font-size: 4rem;
    margin-bottom: 1rem;
    animation: bounceIn 0.6s ease-out;
}

@keyframes bounceIn {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.success-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: #2e7d32;
    margin-bottom: 0.5rem;
}

.success-message {
    font-size: 0.95rem;
    color: #558b2f;
    line-height: 1.5;
}*/

/* ========== CONNECT SECTION ========== */

/*.connect-section {
    background: #fff8f0;
    border-left: 4px solid #ff8c00;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.25rem;
}

.connect-title {
    font-size: 0.95rem;
    font-weight: 600;
    color: #e67e00;
    margin-bottom: 0.35rem;
}

.connect-description {
    font-size: 0.85rem;
    color: #666;
    line-height: 1.5;
    margin: 0;
}*/

/* ========== COMPANY CARD ========== */

/*.company-card {
    background: #f8f9fa;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    padding: 1rem;
    margin: 1rem 0;
}

    .company-card.found {
        border-color: #4caf50;
        background: #e8f5e9;
    }

.company-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.company-avatar {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #ff8c00, #e67e00);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 1rem;
    flex-shrink: 0;
}

.company-card.found .company-avatar {
    background: linear-gradient(135deg, #4caf50, #45a049);
}

.company-details {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.company-name {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
}

.company-cnpj {
    font-size: 0.8rem;
    color: #666;
    font-family: 'Courier New', monospace;
}

.company-status {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #4caf50;
    font-weight: 600;
}

    .company-status.pending {
        color: #ff8c00;
    }*/

/* ========== BOTÕES ========== */

/*.btn-group {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: auto;
    padding-top: 1.5rem;
}

.btn {
    width: 100%;
    padding: 1rem;
    border-radius: 8px;
    border: none;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-family: inherit;
}

    .btn:disabled {
        opacity: 0.6;
        cursor: not-allowed;
    }

.btn-primary {
    background: linear-gradient(135deg, #ff8c00, #e67e00);
    color: white;
    box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3);
}

    .btn-primary:hover:not(:disabled) {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(255, 140, 0, 0.4);
    }

.btn-secondary {
    background: #fff;
    color: #666;
    border: 2px solid #e0e0e0;
}

    .btn-secondary:hover:not(:disabled) {
        border-color: #ff8c00;
        color: #ff8c00;
    }

.btn-link {
    background: none;
    border: none;
    color: #ff8c00;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5rem;
    font-family: inherit;
    text-align: center;
}

    .btn-link:hover:not(:disabled) {
        text-decoration: underline;
    }

    .btn-link:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }*/

/* ========== SPINNER ========== */

/*.spinner {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}*/

/* ========== ERROR BANNER ========== */

/*.error-banner {
    background: #ffebee;
    color: #c62828;
    padding: 0.875rem 1rem;
    border-radius: 8px;
    font-size: 0.85rem;
    margin-bottom: 1rem;
    border-left: 4px solid #c62828;
}*/

/* ========== RESPONSIVO ========== */

/*@media (max-width: 400px) {
    .creditor-register {
        padding: 1rem;
    }

    .landing-title {
        font-size: 1.2rem;
    }

    .code-input {
        width: 42px;
        height: 50px;
        font-size: 1.25rem;
    }

    .code-input-group {
        gap: 0.35rem;
    }

    .success-icon {
        font-size: 3rem;
    }

    .success-title {
        font-size: 1.15rem;
    }
}*/

/* ========== STEP CONTENT ========== */

/*.step-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}*/

/* ============================================
   BOMBUS - Cadastro de Credor
   CSS Isolado (scoped)
   ============================================ */

/* Container principal - SEGUE PADRÃO DO LOGIN */
.creditor-register[b-vhdajwqble] {
    display: flex;
    flex-direction: column;
    width: 100%; /* ← 100% da largura disponível */
    max-width: 960px; /* ← Limita largura máxima para legibilidade */
    margin: 0 auto; /* ← Centraliza horizontalmente */
    padding: 2rem; /* ← Espaçamento INTERNO */
    background-color: white;
    box-sizing: border-box; /* ← CRÍTICO: padding incluído na largura */
}

/* Animação de fade-in */
.fade-in[b-vhdajwqble] {
    animation: fadeIn-b-vhdajwqble 0.3s ease-out;
}

@keyframes fadeIn-b-vhdajwqble {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ========== LANDING ========== */

.landing-hero[b-vhdajwqble] {
    text-align: center;
    padding: 1rem 0 1.5rem;
}

.landing-title[b-vhdajwqble] {
    font-size: 1.35rem;
    font-weight: 600;
    color: #333;
    line-height: 1.3;
    margin-bottom: 0.75rem;
}

    .landing-title .highlight[b-vhdajwqble] {
        color: #ff8c00;
    }

.landing-subtitle[b-vhdajwqble] {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.5;
}

.benefits-list[b-vhdajwqble] {
    list-style: none;
    margin: 1.5rem 0;
    padding: 1.25rem;
    background: #f8f9fa;
    border-radius: 12px;
    border: 1px solid #e0e0e0;
}

    .benefits-list li[b-vhdajwqble] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.65rem 0;
        font-size: 0.9rem;
        color: #333;
    }

        .benefits-list li:not(:last-child)[b-vhdajwqble] {
            border-bottom: 1px solid #e0e0e0;
        }

.benefit-icon[b-vhdajwqble] {
    width: 28px;
    height: 28px;
    background: #e8f5e9;
    color: #4caf50;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    flex-shrink: 0;
    font-weight: bold;
}

/* ========== MINI STEPPER ========== */

.mini-stepper[b-vhdajwqble] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.mini-step[b-vhdajwqble] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #e0e0e0;
    transition: all 0.3s ease;
}

    .mini-step.active[b-vhdajwqble] {
        background: #ff8c00;
        width: 24px;
        border-radius: 4px;
    }

    .mini-step.completed[b-vhdajwqble] {
        background: #4caf50;
    }

/* ========== FORMULÁRIO ========== */

.form-title[b-vhdajwqble] {
    font-size: 1.15rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.25rem;
}

.form-subtitle[b-vhdajwqble] {
    font-size: 0.85rem;
    color: #666;
    margin-bottom: 1.5rem;
}

.form-group[b-vhdajwqble] {
    margin-bottom: 1.15rem;
    width: 100%;
}

.form-label[b-vhdajwqble] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.4rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .form-label .optional[b-vhdajwqble] {
        font-weight: 400;
        color: #999;
        text-transform: none;
    }

.input-with-icon[b-vhdajwqble] {
    position: relative;
    width: 100%;
}

.input-icon[b-vhdajwqble] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #999;
    pointer-events: none;
}

.form-input[b-vhdajwqble],
[b-vhdajwqble] .form-input {
    width: 100%;
    padding: 0.875rem 1rem 0.875rem 2.75rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    font-family: inherit;
    transition: all 0.2s ease;
    background: #fff;
    color: #333;
    box-sizing: border-box;
}

    .form-input:focus[b-vhdajwqble],
    [b-vhdajwqble] .form-input:focus {
        outline: none;
        border-color: #ff8c00;
        box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.1);
    }

    .form-input[b-vhdajwqble]::placeholder {
        color: #bbb;
    }

.form-helper[b-vhdajwqble] {
    font-size: 0.7rem;
    color: #999;
    margin-top: 0.3rem;
    display: block;
}

.validation-error[b-vhdajwqble],
[b-vhdajwqble] .validation-message {
    font-size: 0.7rem;
    color: #c62828;
    margin-top: 0.3rem;
    display: block;
}

/* ========== VERIFICAÇÃO SMS ========== */

.verification-section[b-vhdajwqble] {
    text-align: center;
    padding: 1rem 0;
}

.verification-icon[b-vhdajwqble] {
    font-size: 3.5rem;
    margin-bottom: 1rem;
}

.verification-title[b-vhdajwqble] {
    font-size: 1.15rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.35rem;
}

.verification-subtitle[b-vhdajwqble] {
    font-size: 0.9rem;
    color: #666;
    line-height: 1.5;
}

.verification-phone[b-vhdajwqble] {
    color: #333;
    font-weight: 600;
}

.code-input-group[b-vhdajwqble] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    margin: 1.5rem 0;
}

.code-input[b-vhdajwqble] {
    width: 48px;
    height: 56px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    font-family: inherit;
    transition: all 0.2s ease;
    color: #333;
}

    .code-input:focus[b-vhdajwqble] {
        outline: none;
        border-color: #ff8c00;
        box-shadow: 0 0 0 3px rgba(255, 140, 0, 0.1);
    }

.resend-link[b-vhdajwqble] {
    text-align: center;
    margin-top: 0.5rem;
}

/* ========== SUCCESS CARD ========== */

.success-card[b-vhdajwqble] {
    background: linear-gradient(135deg, #e8f5e9 0%, #f1f8e9 100%);
    border-radius: 12px;
    padding: 2rem 1.5rem;
    text-align: center;
    margin-bottom: 1.5rem;
    border: 1px solid #c8e6c9;
}

.success-icon[b-vhdajwqble] {
    font-size: 4rem;
    margin-bottom: 1rem;
    animation: bounceIn-b-vhdajwqble 0.6s ease-out;
}

@keyframes bounceIn-b-vhdajwqble {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.success-title[b-vhdajwqble] {
    font-size: 1.35rem;
    font-weight: 700;
    color: #2e7d32;
    margin-bottom: 0.5rem;
}

.success-message[b-vhdajwqble] {
    font-size: 0.95rem;
    color: #558b2f;
    line-height: 1.5;
}

/* ========== CONNECT SECTION ========== */

.connect-section[b-vhdajwqble] {
    background: #fff8f0;
    border-left: 4px solid #ff8c00;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.25rem;
}

.connect-title[b-vhdajwqble] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #e67e00;
    margin-bottom: 0.35rem;
}

.connect-description[b-vhdajwqble] {
    font-size: 0.85rem;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

/* ========== COMPANY CARD ========== */

.company-card[b-vhdajwqble] {
    background: #f8f9fa;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    padding: 1rem;
    margin: 1rem 0;
}

    .company-card.found[b-vhdajwqble] {
        border-color: #4caf50;
        background: #e8f5e9;
    }

.company-header[b-vhdajwqble] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.company-avatar[b-vhdajwqble] {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #ff8c00, #e67e00);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: 700;
    font-size: 1rem;
    flex-shrink: 0;
}

.company-card.found .company-avatar[b-vhdajwqble] {
    background: linear-gradient(135deg, #4caf50, #45a049);
}

.company-details[b-vhdajwqble] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.company-name[b-vhdajwqble] {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
}

.company-cnpj[b-vhdajwqble] {
    font-size: 0.8rem;
    color: #666;
    font-family: 'Courier New', monospace;
}

.company-status[b-vhdajwqble] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: #4caf50;
    font-weight: 600;
}

    .company-status.pending[b-vhdajwqble] {
        color: #ff8c00;
    }

/* ========== BOTÕES ========== */

.btn-group[b-vhdajwqble] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-top: auto;
    padding-top: 1.5rem;
    width: 100%;
}

.btn[b-vhdajwqble] {
    width: 100%;
    padding: 1rem;
    border-radius: 8px;
    border: none;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-family: inherit;
}

    .btn:disabled[b-vhdajwqble] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.btn-primary[b-vhdajwqble] {
    background: linear-gradient(135deg, #ff8c00, #e67e00);
    color: white;
    box-shadow: 0 4px 15px rgba(255, 140, 0, 0.3);
}

    .btn-primary:hover:not(:disabled)[b-vhdajwqble] {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(255, 140, 0, 0.4);
    }

.btn-secondary[b-vhdajwqble] {
    background: #fff;
    color: #666;
    border: 2px solid #e0e0e0;
}

    .btn-secondary:hover:not(:disabled)[b-vhdajwqble] {
        border-color: #ff8c00;
        color: #ff8c00;
    }

.btn-link[b-vhdajwqble] {
    background: none;
    border: none;
    color: #ff8c00;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5rem;
    font-family: inherit;
    text-align: center;
}

    .btn-link:hover:not(:disabled)[b-vhdajwqble] {
        text-decoration: underline;
    }

    .btn-link:disabled[b-vhdajwqble] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* ========== SPINNER ========== */

.spinner[b-vhdajwqble] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-vhdajwqble 0.8s linear infinite;
}

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

/* ========== ERROR BANNER ========== */

.error-banner[b-vhdajwqble] {
    background: #ffebee;
    color: #c62828;
    padding: 0.875rem 1rem;
    border-radius: 8px;
    font-size: 0.85rem;
    margin-bottom: 1rem;
    border-left: 4px solid #c62828;
}

/* ========== STEP CONTENT ========== */

.step-content[b-vhdajwqble] {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
}

/* ========== RESPONSIVIDADE - SEGUE PADRÃO DO LOGIN ========== */

@media (max-width: 768px) {
    .creditor-register[b-vhdajwqble] {
        padding: 1.5rem;
    }

    .btn-group[b-vhdajwqble] {
        align-items: center;
    }

    .btn[b-vhdajwqble] {
        max-width: 100%;
    }
}

@media (max-width: 480px) {
    .creditor-register[b-vhdajwqble] {
        padding: 1rem;
    }

    .landing-title[b-vhdajwqble] {
        font-size: 1.2rem;
    }

    .code-input[b-vhdajwqble] {
        width: 42px;
        height: 50px;
        font-size: 1.25rem;
    }

    .code-input-group[b-vhdajwqble] {
        gap: 0.35rem;
    }

    .success-icon[b-vhdajwqble] {
        font-size: 3rem;
    }

    .success-title[b-vhdajwqble] {
        font-size: 1.15rem;
    }
}
/* /Pages/Dashboard.razor.rz.scp.css */
/* Container principal do Dashboard - Segue o mesmo padrão do LoginByPhone */
.page-content[b-dqkr9c9pp3] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 2rem; /* Espaçamento INTERNO - não cria bordas externas */
    background-color: white;
    font-family: Arial, sans-serif;
    box-sizing: border-box; /* CRÍTICO: padding incluído na largura */
    min-height: calc(100vh - 200px); /* Ajustado para o layout */
}

/* Linha divisória */
hr[b-dqkr9c9pp3] {
    height: 1px;
    background-color: black;
    border: none;
    margin: 1rem 0;
    width: 100%;
}

/* Mensagem de boas-vindas */
.welcome-message[b-dqkr9c9pp3] {
    font-size: 20px;
    margin-bottom: 30px;
    color: #444;
}

/* Caixa de saldo */
.balance-box[b-dqkr9c9pp3] {
    background-color: #eaeaea;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

.balance-label[b-dqkr9c9pp3] {
    font-size: 16px;
    color: #555;
    margin-bottom: 15px;
}

.balance-amount[b-dqkr9c9pp3] {
    font-size: 42px;
    font-weight: bold;
    color: darkorange;
}

/* Background dos botões de ação */
.action-background[b-dqkr9c9pp3] {
    position: relative;
    background-image: url('/images/bkgBottons.png');
    background-repeat: repeat-x;
    height: 50px;
    margin-bottom: 40px;
    width: 100%;
    border-radius: 8px;
    overflow: hidden; /* Mantém a imagem dentro do border-radius */
    box-sizing: border-box;
}

/* Container dos botões de ação */
.action-buttons[b-dqkr9c9pp3] {
    position: absolute;
    top: 0;
    right: 20px;
    display: flex;
    gap: 20px;
    height: 100%;
}

/* Botões de ação */
.action-button[b-dqkr9c9pp3] {
    width: 160px;
    height: 50px;
    background-color: darkorange;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .action-button:hover[b-dqkr9c9pp3] {
        background-color: #ff7b00;
    }

    .action-button:focus[b-dqkr9c9pp3] {
        outline: none;
        box-shadow: 0 0 0 2px rgba(255, 140, 0, 0.4);
    }

/* Seção de pagamentos recentes */
.recent-payments[b-dqkr9c9pp3] {
    width: 100%;
}

    .recent-payments h4[b-dqkr9c9pp3] {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
        color: #333;
    }

/* Lista de pagamentos */
.payments-list[b-dqkr9c9pp3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
    width: 100%;
}

/* Item individual de pagamento */
.payment-item[b-dqkr9c9pp3] {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 20px;
    align-items: center;
    padding: 20px;
    border-radius: 4px;
    box-sizing: border-box;
}

    .payment-item:nth-child(odd)[b-dqkr9c9pp3] {
        background-color: #f8f8f8;
    }

/* Informações do pagamento */
.payment-store[b-dqkr9c9pp3] {
    font-size: 16px;
    color: #333;
}

.payment-date[b-dqkr9c9pp3] {
    font-size: 14px;
    color: #777;
}

.payment-amount[b-dqkr9c9pp3] {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    text-align: right;
}

/* Link "Ver todos" */
.see-all-link[b-dqkr9c9pp3] {
    display: block;
    text-align: right;
    color: darkorange;
    text-decoration: underline;
    font-size: 16px;
    margin-top: 10px;
    cursor: pointer;
    transition: color 0.3s ease;
}

    .see-all-link:hover[b-dqkr9c9pp3] {
        color: #ff7b00;
    }

/* Mensagem quando não há pagamentos */
.no-payments[b-dqkr9c9pp3] {
    color: #777;
    font-style: italic;
    text-align: center;
    padding: 40px 0;
}

/* Responsividade - mesmo padrão do LoginByPhone */
@media (max-width: 768px) {
    .page-content[b-dqkr9c9pp3] {
        padding: 1.5rem;
    }

    .action-background[b-dqkr9c9pp3] {
        height: auto;
        padding: 10px;
    }

    .action-buttons[b-dqkr9c9pp3] {
        position: relative;
        right: 0;
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }

    .action-button[b-dqkr9c9pp3] {
        width: 100%;
    }

    .payment-item[b-dqkr9c9pp3] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .payment-amount[b-dqkr9c9pp3] {
        text-align: left;
    }
}

/* Telas muito pequenas */
@media (max-width: 480px) {
    .page-content[b-dqkr9c9pp3] {
        padding: 1rem;
    }

    .balance-amount[b-dqkr9c9pp3] {
        font-size: 32px;
    }

    .welcome-message[b-dqkr9c9pp3] {
        font-size: 18px;
    }
}
/* /Pages/Debtors/DebtorsListing.razor.rz.scp.css */
*[b-2co5lkosu6] {
    box-sizing: border-box;
}

.page-content[b-2co5lkosu6] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
    background-color: white;
    font-family: Arial, sans-serif;
    min-height: calc(100vh - 200px);
}

/* Cabeçalho */
.page-header[b-2co5lkosu6] {
    margin-bottom: 1.5rem;
}

.page-title[b-2co5lkosu6] {
    font-size: 2rem;
    font-weight: normal;
    color: #333;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.send-badge[b-2co5lkosu6] {
    background: #ff8c00;
    color: white;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.875rem;
    font-weight: 600;
}

.page-subtitle[b-2co5lkosu6] {
    font-size: 0.95rem;
    color: #666;
}

hr[b-2co5lkosu6] {
    height: 1px;
    background-color: #666;
    border: none;
    margin: 1.0rem 0;
}

/* Loading */
.loading-state[b-2co5lkosu6] {
    text-align: center;
    padding: 4rem 2rem;
    color: #666;
}

.spinner[b-2co5lkosu6] {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #ff8c00;
    border-radius: 50%;
    animation: spin-b-2co5lkosu6 1s linear infinite;
    margin: 0 auto 1rem;
}

@keyframes spin-b-2co5lkosu6 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Filtros */
.filters-section[b-2co5lkosu6] {
    background: #f8f8f8;
    border: 2px solid #e0e0e0;
    border-radius: 4px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.filters-header[b-2co5lkosu6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    cursor: pointer;
}

.filters-title[b-2co5lkosu6] {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-icon[b-2co5lkosu6] {
    font-size: 1.125rem;
}

.toggle-icon[b-2co5lkosu6] {
    font-size: 1.25rem;
    color: #999;
    transition: transform 0.3s ease;
}

    .toggle-icon.expanded[b-2co5lkosu6] {
        transform: rotate(180deg);
    }

.filters-content[b-2co5lkosu6] {
    animation: fadeIn-b-2co5lkosu6 0.3s ease-out;
}

@keyframes fadeIn-b-2co5lkosu6 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.filters-grid[b-2co5lkosu6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.filter-group[b-2co5lkosu6] {
    display: flex;
    flex-direction: column;
}

.filter-label[b-2co5lkosu6] {
    font-size: 0.875rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.5rem;
}

.filter-input[b-2co5lkosu6] {
    padding: 0.75rem;
    border: 2px solid #e0e0e0;
    border-radius: 4px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    font-family: Arial, sans-serif;
}

    .filter-input:focus[b-2co5lkosu6] {
        outline: none;
        border-color: #ff8c00;
    }

.filter-actions[b-2co5lkosu6] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    margin-top: 1rem;
}

.btn[b-2co5lkosu6] {
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    border: none;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: Arial, sans-serif;
}

    .btn:disabled[b-2co5lkosu6] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.btn-primary[b-2co5lkosu6] {
    background: #ff8c00;
    color: white;
}

    .btn-primary:hover:not(:disabled)[b-2co5lkosu6] {
        background: #e67e00;
        transform: translateY(-1px);
    }

.btn-secondary[b-2co5lkosu6] {
    background: white;
    color: #666;
    border: 2px solid #e0e0e0;
}

    .btn-secondary:hover:not(:disabled)[b-2co5lkosu6] {
        background: #f8f8f8;
        border-color: #999;
    }

/* Lista de devedores */
.collections-list[b-2co5lkosu6] {
    margin-bottom: 2rem;
}

.list-header[b-2co5lkosu6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.list-title[b-2co5lkosu6] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #333;
}

.list-count[b-2co5lkosu6] {
    font-size: 0.875rem;
    color: #666;
}

.collection-item[b-2co5lkosu6] {
    background: white;
    border: 2px solid #e0e0e0;
    border-radius: 4px;
    padding: 1.5rem;
    margin-bottom: 1rem;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .collection-item:hover[b-2co5lkosu6] {
        border-color: #ff8c00;
        box-shadow: 0 2px 8px rgba(255, 140, 0, 0.1);
    }

.item-header[b-2co5lkosu6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
    gap: 1rem;
}

.item-info[b-2co5lkosu6] {
    flex: 1;
}

.item-debtor-name[b-2co5lkosu6] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.25rem;
}

.item-debtor-id[b-2co5lkosu6] {
    font-size: 0.875rem;
    color: #666;
    font-family: 'Courier New', monospace;
    margin-bottom: 0.5rem;
}

.item-status[b-2co5lkosu6] {
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}

.status-pending[b-2co5lkosu6] {
    background: #fff8f0;
    color: #e67e00;
    border: 2px solid #ff8c00;
}

.item-details[b-2co5lkosu6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
}

.detail-item[b-2co5lkosu6] {
    display: flex;
    flex-direction: column;
}

.detail-label[b-2co5lkosu6] {
    font-size: 0.7rem;
    color: #999;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 0.25rem;
}

.detail-value[b-2co5lkosu6] {
    font-size: 0.95rem;
    color: #333;
    font-weight: 600;
}

/* Paginação */
.pagination[b-2co5lkosu6] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    margin-top: 2rem;
}

.page-btn[b-2co5lkosu6] {
    padding: 0.5rem 1rem;
    border: 2px solid #e0e0e0;
    background: white;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.875rem;
    font-weight: 600;
    color: #666;
    transition: all 0.3s ease;
    font-family: Arial, sans-serif;
}

    .page-btn:hover:not(.active):not(:disabled)[b-2co5lkosu6] {
        border-color: #ff8c00;
        color: #ff8c00;
    }

    .page-btn.active[b-2co5lkosu6] {
        background: #ff8c00;
        color: white;
        border-color: #ff8c00;
    }

    .page-btn:disabled[b-2co5lkosu6] {
        opacity: 0.5;
        cursor: not-allowed;
    }

/* Empty state */
.empty-state[b-2co5lkosu6] {
    text-align: center;
    padding: 4rem 2rem;
    color: #999;
}

.empty-icon[b-2co5lkosu6] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-title[b-2co5lkosu6] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: #666;
}

.empty-message[b-2co5lkosu6] {
    font-size: 0.95rem;
}

/* Responsividade */
@media (max-width: 768px) {
    .page-content[b-2co5lkosu6] {
        padding: 1rem;
    }

    .page-title[b-2co5lkosu6] {
        font-size: 1.5rem;
    }

    .filters-grid[b-2co5lkosu6] {
        grid-template-columns: 1fr;
    }

    .filter-actions[b-2co5lkosu6] {
        flex-direction: column;
    }

    .btn[b-2co5lkosu6] {
        width: 100%;
        justify-content: center;
    }

    .item-header[b-2co5lkosu6] {
        flex-direction: column;
    }

    .item-status[b-2co5lkosu6] {
        align-self: flex-start;
    }

    .item-details[b-2co5lkosu6] {
        grid-template-columns: 1fr 1fr;
    }

    .pagination[b-2co5lkosu6] {
        flex-wrap: wrap;
    }
}
/* /Pages/LoginByPhone.razor.rz.scp.css */
/* Container principal do formulário - ADICIONA espaçamento INTERNO */
.login-form[b-dyrhzn81ec] {
    display: flex;
    flex-direction: column;
    width: 100%; /* ← 100% da largura disponível */
    max-width: 960px; /* ← Limita largura máxima para legibilidade */
    margin: 0 auto; /* ← Centraliza horizontalmente */
    padding: 2rem; /* ← Espaçamento INTERNO (não cria bordas externas) */
    background-color: white;
    font-family: Arial, sans-serif;
    box-sizing: border-box; /* ← CRÍTICO: padding incluído na largura */
}

h3[b-dyrhzn81ec] {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 10px;
    margin-top: 0;
}

hr[b-dyrhzn81ec] {
    border: none;
    border-top: 2px solid #e0e0e0;
    margin-bottom: 30px;
    width: 100%;
}

/* Texto introdutório */
.intro-text[b-dyrhzn81ec] {
    font-size: 14px;
    color: #555;
    line-height: 1.5;
    margin-bottom: 15px;
    text-align: justify;
}

/* Form groups */
.form-group[b-dyrhzn81ec] {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    width: 100%;
}

    .form-group label[b-dyrhzn81ec] {
        display: block;
        font-size: 14px;
        color: #555555;
        margin-bottom: 5px;
    }

    /* Form controls */
    [b-dyrhzn81ec] .form-control,
    .form-group .form-control[b-dyrhzn81ec] {
        width: 100%;
        height: 35px;
        border: 1px solid #cccccc;
        border-radius: 4px;
        padding: 0 10px;
        font-size: 14px;
        background-color: #f9f9f9;
        box-sizing: border-box;
    }

        [b-dyrhzn81ec] .form-control:focus,
        .form-group .form-control:focus[b-dyrhzn81ec] {
            outline: none;
            border-color: #FF8C00;
            box-shadow: 0 0 0 2px rgba(255, 140, 0, 0.25);
        }

/* Mensagens de validação */
[b-dyrhzn81ec] .validation-message,
.validation-message[b-dyrhzn81ec] {
    color: #dc3545;
    font-size: 12px;
    margin-top: 5px;
}

/* Container do botão */
.button-container[b-dyrhzn81ec] {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px;
    width: 100%;
}

/* Botões de ação */
.buttonAction[b-dyrhzn81ec],
.buttonEfect[b-dyrhzn81ec] {
    width: 130px;
    height: 35px;
    background-color: #FF8C00;
    color: white;
    font-size: 14px;
    font-weight: bold;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .buttonAction:hover[b-dyrhzn81ec],
    .buttonEfect:hover[b-dyrhzn81ec] {
        background-color: #e67e00;
    }

    .buttonAction:focus[b-dyrhzn81ec],
    .buttonEfect:focus[b-dyrhzn81ec] {
        outline: none;
        box-shadow: 0 0 0 2px rgba(255, 140, 0, 0.4);
    }

/* Alertas de erro */
.alert[b-dyrhzn81ec] {
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 15px;
    font-size: 14px;
}

.alert-danger[b-dyrhzn81ec] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Link de assinatura centralizado */
.centralizar-link[b-dyrhzn81ec] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    margin-top: 10px;
}

[b-dyrhzn81ec] .nav-link {
    color: #FF8C00;
    font-size: 14px;
    text-decoration: none;
}

    [b-dyrhzn81ec] .nav-link:hover {
        color: #e67e00;
        text-decoration: underline;
    }

/* Responsividade */
@media (max-width: 768px) {
    .login-form[b-dyrhzn81ec] {
        padding: 1.5rem; /* Menos padding em telas pequenas */
    }

    .button-container[b-dyrhzn81ec] {
        justify-content: center;
    }

    .buttonAction[b-dyrhzn81ec],
    .buttonEfect[b-dyrhzn81ec] {
        width: 100%;
        max-width: 250px;
    }
}

/* Telas muito pequenas */
@media (max-width: 480px) {
    .login-form[b-dyrhzn81ec] {
        padding: 1rem;
    }
}