/* /Components/Layout/Footer.razor.rz.scp.css */
.main-footer[b-jud6wlg5pa] { background-color: #f5f5f5; border-top: 1px solid #e0e0e0; padding: 3rem 2rem 2rem; margin-top: 50px; }
.footer-container[b-jud6wlg5pa] { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3rem; max-width: 1080px; margin: 0 auto; }
.footer-left[b-jud6wlg5pa] { display: flex; flex-direction: column; gap: 1.5rem; }

.footer-logo[b-jud6wlg5pa] { width: 271px; }

.footer-contact[b-jud6wlg5pa] { display: flex; flex-direction: column; gap: 0.5rem; }

.contact-label[b-jud6wlg5pa] { font-size: 0.9rem; color: #666; margin: 0; }

.contact-email[b-jud6wlg5pa] { font-size: 0.95rem; color: #333; font-weight: 600; text-decoration: none; transition: color 0.2s; }

.contact-email:hover[b-jud6wlg5pa] { color: #4ecdc4; }

.footer-center[b-jud6wlg5pa] { display: flex; flex-direction: column; gap: 1rem; }

.footer-menu-title[b-jud6wlg5pa] { font-size: 1.1rem; font-weight: 600; color: #333; margin: 0; padding-bottom: 0.5rem; border-bottom: 2px solid #333; display: inline-block; width: fit-content; }

.footer-nav[b-jud6wlg5pa] { display: flex; flex-direction: column; gap: 0.75rem; align-items: baseline; }

.footer-link[b-jud6wlg5pa] { font-size: 0.95rem; color: #555; text-decoration: none; transition: color 0.2s; }

.footer-link:hover[b-jud6wlg5pa] { color: #4ecdc4; }

.footer-right[b-jud6wlg5pa] { display: flex; flex-direction: column; gap: 1.5rem; align-items: flex-start; }

.footer-search[b-jud6wlg5pa] { position: relative; width: 100%; max-width: 350px; }

.footer-search .search-icon[b-jud6wlg5pa] { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: #999; width: 20px; height: 20px; pointer-events: none; }

.footer-search-input[b-jud6wlg5pa] { width: 100%; padding: 0.75rem 1rem 0.75rem 3rem; border: 1px solid #ddd; border-radius: 25px; font-size: 0.95rem; outline: none; background-color: white; transition: all 0.2s; }

.footer-search-input:focus[b-jud6wlg5pa] { border-color: #4ecdc4; box-shadow: 0 0 0 3px rgba(78, 205, 196, 0.1); }

.footer-search-input[b-jud6wlg5pa]::placeholder { color: #aaa; }

.btn-verificar[b-jud6wlg5pa] { background: linear-gradient(135deg, #4ecdc4 0%, #44a89f 100%); color: white; border: none; border-radius: 25px; padding: 0.9rem 2.5rem; font-size: 1rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(78, 205, 196, 0.3); width: 100%; max-width: 350px; }

.btn-verificar:hover[b-jud6wlg5pa] { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(78, 205, 196, 0.4); }

.btn-verificar:active[b-jud6wlg5pa] { transform: translateY(0); }

.social-icons[b-jud6wlg5pa] { display: flex; gap: 1rem; align-items: center; }

.social-link[b-jud6wlg5pa] { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; color: #333; background-color: transparent; transition: all 0.3s ease; text-decoration: none; }

.social-link:hover[b-jud6wlg5pa] { color: #4ecdc4; background-color: rgba(78, 205, 196, 0.1); transform: translateY(-2px); }

.social-link i[b-jud6wlg5pa] { width: 24px; height: 24px; stroke-width: 2; }

@media (max-width: 1024px) {
    .footer-container[b-jud6wlg5pa] { grid-template-columns: 1fr 1fr; gap: 2rem; }

    .footer-right[b-jud6wlg5pa] { grid-column: 1 / -1; }
}

@media (max-width: 640px) {
    .main-footer[b-jud6wlg5pa] { padding: 2rem 1rem; }

    .footer-container[b-jud6wlg5pa] { grid-template-columns: 1fr; gap: 2rem; }

    .footer-right[b-jud6wlg5pa] { grid-column: 1; }

    .footer-search[b-jud6wlg5pa],
    .btn-verificar[b-jud6wlg5pa] { max-width: 100%; }
}
/* /Components/Layout/Header.razor.rz.scp.css */
.main-header[b-lzr43r6ymt] { background-color: #f0f0f0; border-bottom: 1px solid #e0e0e0; padding: 1rem 2rem; position: sticky; top: 0; z-index: 100; margin-bottom: 30px; }

.header-container[b-lzr43r6ymt] { display: flex; align-items: center; justify-content: space-between; max-width: 1080px; margin: 0 auto; }

.header-left[b-lzr43r6ymt] { flex: 0 0 auto; display: flex; align-items: center; gap: 1rem; }

.mobile-menu-toggle[b-lzr43r6ymt] { display: none; width: 40px; height: 40px; border: none; background-color: transparent; border-radius: 50%; cursor: pointer; align-items: center; justify-content: center; transition: background-color 0.2s; }

.mobile-menu-toggle:hover[b-lzr43r6ymt] { background-color: rgba(0, 0, 0, 0.05); }

.mobile-menu-toggle i[b-lzr43r6ymt] { color: #666; width: 20px; height: 20px; }

.logo-link[b-lzr43r6ymt] { display: block; }

.header-logo[b-lzr43r6ymt] { height: 40px; width: auto; }

.header-center[b-lzr43r6ymt] { flex: 1; max-width: 500px; margin: 0 2rem; }

.search-box[b-lzr43r6ymt] { position: relative; width: 100%; }

.search-icon[b-lzr43r6ymt] { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: #999; width: 20px; height: 20px; pointer-events: none; }

.search-input[b-lzr43r6ymt] { width: 100%; padding: 0.75rem 1rem 0.75rem 3rem; border: 1px solid #ddd; border-radius: 25px; font-size: 0.95rem; outline: none; background-color: white; transition: all 0.2s; }

.search-input:focus[b-lzr43r6ymt] { border-color: #4ecdc4; box-shadow: 0 0 0 3px rgba(78, 205, 196, 0.1); }

.search-input[b-lzr43r6ymt]::placeholder { color: #aaa; }

.header-right[b-lzr43r6ymt] { display: flex; gap: 1rem; align-items: center; }

.icon-button[b-lzr43r6ymt] { position: relative; width: 44px; height: 44px; border: none; background-color: transparent; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background-color 0.2s; }

.icon-button:hover[b-lzr43r6ymt] { background-color: rgba(0, 0, 0, 0.05); }

.icon-button i[b-lzr43r6ymt] { color: #333; width: 22px; height: 22px; stroke-width: 2; }

.notification-button[b-lzr43r6ymt] { position: relative; }

.notification-badge[b-lzr43r6ymt] { position: absolute; top: 8px; right: 8px; background-color: #ff4757; color: white; font-size: 0.7rem; font-weight: bold; border-radius: 10px; padding: 2px 6px; min-width: 18px; text-align: center; }

@media (max-width: 768px) {
    .main-header[b-lzr43r6ymt] { padding: 0.75rem 1rem; }

    .mobile-menu-toggle[b-lzr43r6ymt] { display: flex; }

    .header-center[b-lzr43r6ymt] { display: none; position: absolute; top: 100%; left: 0; right: 0; background-color: #f0f0f0; padding: 1rem; border-bottom: 1px solid #e0e0e0; margin: 0; max-width: none; }

    .header-center.show-mobile[b-lzr43r6ymt] { display: block; }

    .header-right[b-lzr43r6ymt] { gap: 0.5rem; }

    .icon-button[b-lzr43r6ymt] { width: 40px; height: 40px; }
}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-va1s0ng74k] { background: lightyellow; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); box-sizing: border-box; display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 1000; }
#blazor-error-ui .dismiss[b-va1s0ng74k] { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-horizontal[b-vb48sts9jv] { background-color: white; border-radius: 16px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); padding: 16px 32px; display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px 0; min-height: 70px;}
.navbar-brand[b-vb48sts9jv] { font-size: 1.25rem; font-weight: 600; color: #1a1a1a; }
.nav-items[b-vb48sts9jv] { display: flex; align-items: center; gap: 12px; }
.nav-item-link[b-vb48sts9jv] { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 12px; background: transparent; border: none; cursor: pointer; transition: all 0.3s ease; text-decoration: none; padding: 10px; }
.nav-item-link img[b-vb48sts9jv] { margin: 0 15px; }
.nav-item-link:hover[b-vb48sts9jv] { background-color: rgba(45, 212, 191, 0.1); }
.nav-item-link.active[b-vb48sts9jv] { background-color: #2DD4BF; }

.nav-item-dropdown[b-vb48sts9jv] { position: relative; }

.dropdown-menu[b-vb48sts9jv] { position: absolute; top: calc(100% + 8px); right: 0; background: white; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); min-width: 180px; padding: 8px; z-index: 1000; animation: slideDown-b-vb48sts9jv 0.2s ease-out; }

@keyframes slideDown-b-vb48sts9jv {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

.logout[b-vb48sts9jv] { display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 8px; cursor: pointer; transition: background 0.2s ease; }

.logout:hover[b-vb48sts9jv] { background-color: rgba(239, 68, 68, 0.1); }

.logout svg[b-vb48sts9jv] { width: 20px; height: 20px; color: #ef4444; }

.logout span[b-vb48sts9jv] { font-size: 0.95rem; font-weight: 500; color: #1a1a1a; }

@media (max-width: 768px) {
    .navbar-horizontal[b-vb48sts9jv] { margin: 10px; padding: 12px 20px; min-height: 60px; }
    .navbar-brand[b-vb48sts9jv] { font-size: 1rem; }
    .nav-items[b-vb48sts9jv] { gap: 8px; }
    .nav-item-link[b-vb48sts9jv] { width: 42px; height: 42px; }
    .nav-item-link i[b-vb48sts9jv] { width: 20px; height: 20px; }

    .dropdown-menu[b-vb48sts9jv] { min-width: 160px; padding: 6px; }

    .dropdown-item[b-vb48sts9jv] { padding: 10px 14px; font-size: 0.9rem; }
}
/* /Components/Pages/Cadastro/Cadastro.razor.rz.scp.css */
.wizard-container[b-be77sxi80s] {
    min-height: 100vh;
    background: #f5f5f5;
    padding: 2rem 1rem;
}

.progress-header[b-be77sxi80s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.progress-header h3[b-be77sxi80s] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2c3e50;
    margin: 0;
}

.progress-percentage[b-be77sxi80s] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #00c9a7;
}

.progress-bar[b-be77sxi80s] {
    width: 100%;
    max-width: 600px;
    height: 8px;
    background: #e0e0e0;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto 2rem;
}

.progress-fill[b-be77sxi80s] {
    height: 100%;
    background: linear-gradient(90deg, #00c9a7 0%, #00b894 100%);
    border-radius: 10px;
    transition: width 0.3s ease;
}

.wizard-content[b-be77sxi80s] {
    max-width: 600px;
    margin: 0 auto;
}

.wizard-card[b-be77sxi80s] {
    background: white;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.wizard-step[b-be77sxi80s] {
    animation: fadeIn-b-be77sxi80s 0.3s ease-in;
}

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

/* Avatar Section */
.avatar-section[b-be77sxi80s] {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    align-items: flex-start;
}

.avatar[b-be77sxi80s] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    flex-shrink: 0;
}

.intro-text[b-be77sxi80s] {
    color: #555;
    font-size: 0.95rem;
    line-height: 1.6;
    margin: 0;
}

/* Video Section */
.video-section[b-be77sxi80s] {
    margin-bottom: 2rem;
}

.video-player[b-be77sxi80s] {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    background: #000;
    border-radius: 12px;
    overflow: hidden;
}

.video-thumbnail[b-be77sxi80s] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.play-button[b-be77sxi80s] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #2c3e50;
    transition: all 0.3s ease;
}

.play-button:hover[b-be77sxi80s] {
    background: white;
    transform: translate(-50%, -50%) scale(1.1);
}

/* Code Section */
.code-section[b-be77sxi80s] {
    text-align: center;
    padding: 2rem 0;
}

.code-title[b-be77sxi80s] {
    color: #2c3e50;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    line-height: 1.4;
}

.code-hint[b-be77sxi80s] {
    color: #666;
    font-size: 0.95rem;
    margin-bottom: 2.5rem;
}

.code-hint .seconds[b-be77sxi80s] {
    color: #00c9a7;
    font-weight: 600;
}

.code-inputs[b-be77sxi80s] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 2rem;
}

.code-input[b-be77sxi80s] {
    width: 56px;
    height: 68px;
    text-align: center;
    font-size: 1.75rem;
    font-weight: 600;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    transition: all 0.3s ease;
    background: #fafafa;
}

.code-input:focus[b-be77sxi80s] {
    border-color: #00c9a7;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 201, 167, 0.1);
    background: white;
}

.code-separator[b-be77sxi80s] {
    font-size: 1.75rem;
    font-weight: 600;
    color: #ccc;
    margin: 0 0.5rem;
}

.resend-link[b-be77sxi80s] {
    color: #00c9a7;
    font-size: 0.95rem;
    cursor: pointer;
    margin: 2rem 0;
    text-decoration: none;
    transition: all 0.3s ease;
}

.resend-link:hover[b-be77sxi80s] {
    color: #00b894;
    text-decoration: underline;
}

.code-confirmed[b-be77sxi80s] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}

.code-confirmed i[b-be77sxi80s] {
    font-size: 4.5rem;
    color: #00c9a7;
    animation: scaleIn-b-be77sxi80s 0.4s ease-out;
}

@keyframes scaleIn-b-be77sxi80s {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

/* Termos Section */
.termos-section[b-be77sxi80s] {
    margin-bottom: 2rem;
}

.termos-conteudo[b-be77sxi80s] {
    max-height: 400px;
    overflow-y: auto;
    padding: 1.5rem;
    background: #f8f9fa;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    margin-bottom: 1.5rem;
    font-size: 0.9rem;
    line-height: 1.6;
    color: #333;
}

.termos-conteudo[b-be77sxi80s]::-webkit-scrollbar {
    width: 8px;
}

.termos-conteudo[b-be77sxi80s]::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.termos-conteudo[b-be77sxi80s]::-webkit-scrollbar-thumb {
    background: #00c9a7;
    border-radius: 10px;
}

.termos-conteudo[b-be77sxi80s]::-webkit-scrollbar-thumb:hover {
    background: #00b894;
}

.termos-aceite[b-be77sxi80s] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 8px;
}

.termos-aceite label[b-be77sxi80s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 500;
    color: #2c3e50;
}

.termos-aceite .form-check-input[b-be77sxi80s] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    accent-color: #00c9a7;
}

/* Form Section */
.form-section[b-be77sxi80s] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

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

.form-group[b-be77sxi80s] {
    display: flex;
    flex-direction: column;
}

.form-group.full-width[b-be77sxi80s] {
    width: 100%;
}

.form-label[b-be77sxi80s] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #2c3e50;
    margin-bottom: 0.5rem;
}

.form-input[b-be77sxi80s] {
    width: 100%;
    padding: 0.875rem 1rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
}

.form-input:focus[b-be77sxi80s] {
    border-color: #00c9a7;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 201, 167, 0.1);
}

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

/* Wizard Footer */
.wizard-footer[b-be77sxi80s] {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e0e0e0;
}

.btn-voltar[b-be77sxi80s] {
    padding: 0.875rem 2rem;
    background: #2c3e50;
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
}

.btn-voltar:hover[b-be77sxi80s] {
    background: #1a252f;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(44, 62, 80, 0.3);
}

.btn-prosseguir[b-be77sxi80s] {
    padding: 0.875rem 2rem;
    background: linear-gradient(135deg, #00c9a7 0%, #00b894 100%);
    color: white;
    border: none;
    border-radius: 25px;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-prosseguir:hover:not(:disabled)[b-be77sxi80s] {
    background: linear-gradient(135deg, #00b894 0%, #00a080 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 201, 167, 0.3);
}

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

.loading-overlay[b-be77sxi80s] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    backdrop-filter: blur(4px);
}

.loading-content[b-be77sxi80s] {
    background: white;
    padding: 2rem 3rem;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.loading-text[b-be77sxi80s] {
    margin: 0;
    color: #2c3e50;
    font-size: 1.1rem;
    font-weight: 500;
}

/* Estilos para op��es de radio */
.options-section[b-be77sxi80s] {
    padding: 2rem 0;
}

.radio-options[b-be77sxi80s] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.radio-option[b-be77sxi80s] {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #fafafa;
}

.radio-option:hover[b-be77sxi80s] {
    border-color: #00c9a7;
    background: #f0fdf9;
}

.radio-option input[type="radio"][b-be77sxi80s] {
    width: 20px;
    height: 20px;
    margin-right: 1rem;
    cursor: pointer;
    accent-color: #00c9a7;
}

.radio-option input[type="radio"]:checked + .radio-label[b-be77sxi80s] {
    color: #00c9a7;
    font-weight: 600;
}

.radio-label[b-be77sxi80s] {
    font-size: 1rem;
    color: #2c3e50;
    transition: all 0.3s ease;
}

/* Op��es de radio inline */
.radio-options-inline[b-be77sxi80s] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.radio-option-inline[b-be77sxi80s] {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.radio-option-inline input[type="radio"][b-be77sxi80s] {
    width: 18px;
    height: 18px;
    margin-right: 0.5rem;
    cursor: pointer;
    accent-color: #00c9a7;
}

/* Bot�es de op��es (Estado Civil) */
.button-options[b-be77sxi80s] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.option-button[b-be77sxi80s] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    background: #fafafa;
    color: #2c3e50;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: left;
    justify-content: left;
}

.option-button strong[b-be77sxi80s] { display: flex; width: 100%;}

 .option-button i[b-be77sxi80s] {
        font-size: 1.5rem;
        color: #666;
        transition: color 0.3s ease;
    }

.option-button:hover[b-be77sxi80s] {
    border-color: #00c9a7;
    background: #f0fdf9;
}

.option-button:hover i[b-be77sxi80s] {
    color: #00c9a7;
}

.option-button.selected[b-be77sxi80s] {
    border-color: #00c9a7;
    background: linear-gradient(135deg, #00c9a7 0%, #00b894 100%);
    color: white;
}

.option-button.selected i[b-be77sxi80s] {
    color: white;
}

.mt-3[b-be77sxi80s] {
    margin-top: 1.5rem;
}

/* Estilos para perguntas em grupo */
.question-group[b-be77sxi80s] {
    margin-bottom: 2rem;
}

.question-label[b-be77sxi80s] {
    font-size: 1rem;
    font-weight: 500;
    color: #2c3e50;
    margin-bottom: 1rem;
}

.inline-question[b-be77sxi80s] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.quantidade-input[b-be77sxi80s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.input-label[b-be77sxi80s] {
    font-size: 0.95rem;
    color: #666;
    font-weight: 500;
}

.form-input-small[b-be77sxi80s] {
    width: 100px;
    padding: 0.75rem;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: #fafafa;
}

.form-input-small:focus[b-be77sxi80s] {
    border-color: #00c9a7;
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 201, 167, 0.1);
    background: white;
}

/* Remove arrows do input number */
.form-input-small[b-be77sxi80s]::-webkit-inner-spin-button,
.form-input-small[b-be77sxi80s]::-webkit-outer-spin-button {
    opacity: 1;
}

@media (max-width: 768px) {
    .inline-question[b-be77sxi80s] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .quantidade-input[b-be77sxi80s] {
        width: 100%;
    }
    
    .form-input-small[b-be77sxi80s] {
        width: 100%;
    }
}

/* Estilos para input de dinheiro */
.input-with-prefix[b-be77sxi80s] {
    display: flex;
    align-items: center;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    background: #fafafa;
    transition: all 0.3s ease;
    overflow: hidden;
}

.input-with-prefix:focus-within[b-be77sxi80s] {
    border-color: #00c9a7;
    box-shadow: 0 0 0 3px rgba(0, 201, 167, 0.1);
    background: white;
}

.input-prefix[b-be77sxi80s] {
    padding: 1rem 0 1rem 1.25rem;
    font-size: 1.1rem;
    font-weight: 600;
    color: #00c9a7;
    background: transparent;
}

.form-input-money[b-be77sxi80s] {
    flex: 1;
    padding: 1rem 1.25rem;
    border: none;
    background: transparent;
    font-size: 1.1rem;
    font-weight: 500;
    color: #2c3e50;
    outline: none;
}

.form-input-money[b-be77sxi80s]::placeholder {
    color: #999;
    font-weight: 400;
}

@media (max-width: 768px) {
    .input-with-prefix[b-be77sxi80s] {
        width: 100%;
    }
}

/* ===== ESTILOS DO PASSO FINAL (14) ===== */
.final-step[b-be77sxi80s] {
    text-align: center;
}

.final-header[b-be77sxi80s] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.avatar-small[b-be77sxi80s] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid #00c9a7;
}

.final-title[b-be77sxi80s] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #2c3e50;
    margin: 0;
}

.final-subtitle[b-be77sxi80s] {
    font-size: 1rem;
    color: #666;
    margin-bottom: 2rem;
}

/* Indicador de D�vida */
.debt-indicator[b-be77sxi80s] {
    background: #1a1f2e;
    border-radius: 15px;
    padding: 2rem;
    margin-bottom: 2rem;
}

.indicator-title[b-be77sxi80s] {
    color: white;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.debt-bar-container[b-be77sxi80s] {
    position: relative;
    margin-bottom: 1rem;
}

.debt-bar[b-be77sxi80s] {
    display: flex;
    height: 40px;
    border-radius: 10px;
    overflow: hidden;
}

.debt-level[b-be77sxi80s] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    font-weight: 600;
    color: white;
}

.debt-level.equilibrado[b-be77sxi80s] {
    background: linear-gradient(90deg, #00c9a7 0%, #00d4b0 100%);
}

.debt-level.moderado[b-be77sxi80s] {
    background: linear-gradient(90deg, #ffd60a 0%, #ffed4e 100%);
    color: #1a1f2e;
}

.debt-level.critico[b-be77sxi80s] {
    background: linear-gradient(90deg, #ff6b6b 0%, #ee5a6f 100%);
}

.debt-pointer[b-be77sxi80s] {
    position: absolute;
    top: -45px;
    transform: translateX(-50%);
    transition: left 0.5s ease;
}

.pointer-badge[b-be77sxi80s] {
    background: white;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    font-weight: 700;
    color: #2c3e50;
    white-space: nowrap;
}

.pointer-badge i[b-be77sxi80s] {
    color: #00c9a7;
    font-size: 1rem;
}

.pointer-badge[b-be77sxi80s]::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid white;
}

/* Lista de Benef�cios */
.benefits-list[b-be77sxi80s] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.benefit-item[b-be77sxi80s] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    text-align: left;
}

.benefit-icon[b-be77sxi80s] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.5rem;
    color: white;
}

.benefit-icon.phone[b-be77sxi80s] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.benefit-icon.calculator[b-be77sxi80s] {
    background: linear-gradient(135deg, #00c9a7 0%, #00b894 100%);
}

.benefit-icon.law[b-be77sxi80s] {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.benefit-icon.handshake[b-be77sxi80s] {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.benefit-icon.tools[b-be77sxi80s] {
    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

.benefit-text[b-be77sxi80s] {
    font-size: 0.95rem;
    color: #2c3e50;
    margin: 0;
    line-height: 1.5;
}

/* A��o Final */
.final-action[b-be77sxi80s] {
    margin-top: 2rem;
}

.btn-concluir[b-be77sxi80s] {
    background: linear-gradient(135deg, #00c9a7 0%, #00b894 100%);
    color: white;
    border: none;
    padding: 1rem 3rem;
    border-radius: 25px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 201, 167, 0.3);
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
}

.btn-concluir:hover:not(:disabled)[b-be77sxi80s] {
    background: linear-gradient(135deg, #00b894 0%, #00a080 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 201, 167, 0.4);
}

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

/* Responsivo para o passo final */
@media (max-width: 768px) {
    .final-title[b-be77sxi80s] {
        font-size: 1.5rem;
    }

    .benefits-list[b-be77sxi80s] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .debt-indicator[b-be77sxi80s] {
        padding: 1.5rem;
    }

    .debt-level[b-be77sxi80s] {
        font-size: 0.75rem;
    }

    .pointer-badge[b-be77sxi80s] {
        font-size: 0.75rem;
        padding: 0.4rem 0.8rem;
    }

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

.spinner-border-sm[b-be77sxi80s] {
    width: 1rem;
    height: 1rem;
    border-width: 0.15rem;
}

/* Responsive */
@media (max-width: 768px) {
    .wizard-container[b-be77sxi80s] {
        padding: 1rem 0.5rem;
    }

    .wizard-card[b-be77sxi80s] {
        padding: 1.5rem;
    }

    .avatar-section[b-be77sxi80s] {
        flex-direction: column;
    }

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

    .code-inputs[b-be77sxi80s] {
        gap: 0.25rem;
    }

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

    .wizard-footer[b-be77sxi80s] {
        flex-direction: column;
        gap: 1rem;
    }

    .btn-voltar[b-be77sxi80s],
    .btn-prosseguir[b-be77sxi80s] {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .progress-header h3[b-be77sxi80s] {
        font-size: 1rem;
    }

    .progress-percentage[b-be77sxi80s] {
        font-size: 1rem;
    }

    .code-input[b-be77sxi80s] {
        width: 35px;
        height: 45px;
        font-size: 1rem;
    }

    .intro-text[b-be77sxi80s] {
        font-size: 0.875rem;
    }
}
/* /Components/Pages/Content/LerInstrucoes.razor.rz.scp.css */
.instrucoes-container[b-earwjokczp] { max-width: 1080px; margin: 0 auto; padding: 20px; }

.instrucoes-container h3[b-earwjokczp] { color: #0f2c45; font-size: 1.8rem; font-weight: 600; }

.conteudo[b-earwjokczp] { margin-top: 20px; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); line-height: 1.6; }

.conteudo p[b-earwjokczp] { margin-bottom: 15px; }

.conteudo h1[b-earwjokczp],
.conteudo h2[b-earwjokczp],
.conteudo h3[b-earwjokczp],
.conteudo h4[b-earwjokczp] { color: #0f2c45; margin-top: 20px; margin-bottom: 10px; }

.conteudo ul[b-earwjokczp],
.conteudo ol[b-earwjokczp] { margin-left: 20px; margin-bottom: 15px; }

.conteudo li[b-earwjokczp] { margin-bottom: 8px; }

.conteudo img[b-earwjokczp] { max-width: 100%; height: auto; margin: 20px 0; border-radius: 8px; }

.conteudo a[b-earwjokczp] { color: #0066cc; text-decoration: none; }

.conteudo a:hover[b-earwjokczp] { text-decoration: underline; }

@media (max-width: 768px) {
    .instrucoes-container[b-earwjokczp] { padding: 10px; }

    .instrucoes-container h3[b-earwjokczp] { font-size: 1.5rem; }
}
/* /Components/Pages/Content/Passo1.razor.rz.scp.css */
.itens-passo[b-eert80ghck] { display: flex; flex-direction: column; gap: 1rem; margin: 3rem; }
.itens-passo .item[b-eert80ghck] { display: flex; align-items: center; gap: 1rem; justify-content: space-around; }

.btn-primary[b-eert80ghck] { background-color: #16a34a; color: #fff; border: none; font-size: 11pt; font-weight: 700; }
.btn-primary:hover[b-eert80ghck] { background-color: #087831; }
/* /Components/Pages/Content/Passo2.razor.rz.scp.css */
.container-passo2[b-ojz7pn8dcj] {   }
.container-passo2 h4[b-ojz7pn8dcj] { font-size: 24px; font-weight: 600; margin-bottom: 8px; color: #333; }
.container-passo2 > p[b-ojz7pn8dcj] { color: #666; margin-bottom: 2rem; }
.rendas-actions[b-ojz7pn8dcj] { display: flex; justify-content: flex-end; }
.rendas-list[b-ojz7pn8dcj] { display: grid; gap: 1.5rem; }
.renda-card[b-ojz7pn8dcj] { background: white; border: 1px solid #e0e0e0; border-radius: 8px; padding: 1.5rem; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: box-shadow 0.3s ease; }
.renda-card:hover[b-ojz7pn8dcj] { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); }
.renda-header[b-ojz7pn8dcj] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; padding-bottom: 0.75rem; border-bottom: 2px solid #f0f0f0; }
.renda-header h5[b-ojz7pn8dcj] { margin: 0; color: #333; font-size: 1.25rem; }
.renda-body[b-ojz7pn8dcj] { display: grid; grid-template-columns: 1fr auto; gap: 1rem; align-items: center; }
.renda-info[b-ojz7pn8dcj] { display: grid; gap: 0.75rem; }
.info-item[b-ojz7pn8dcj] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.info-item label[b-ojz7pn8dcj] { font-weight: 500; color: #666; margin: 0; }
.info-item span[b-ojz7pn8dcj] { color: #333; font-weight: 600; }
.valor-destaque[b-ojz7pn8dcj] { color: #00bfa5 !important; font-size: 1.1rem; }
.renda-actions[b-ojz7pn8dcj] { display: flex; flex-direction: column; gap: 0.5rem; }
.renda-actions button[b-ojz7pn8dcj] { white-space: nowrap; }
.modal.show[b-ojz7pn8dcj] { display: block; overflow-y: auto; }
.modal-body[b-ojz7pn8dcj] { max-height: calc(100vh - 200px); overflow-y: auto; }
.form-label[b-ojz7pn8dcj] { font-weight: 500; color: #333; }
.form-control[b-ojz7pn8dcj], .form-select[b-ojz7pn8dcj] { border-radius: 4px; }
.form-control:focus[b-ojz7pn8dcj], .form-select:focus[b-ojz7pn8dcj] { border-color: #00bfa5; box-shadow: 0 0 0 0.2rem rgba(0, 102, 204, 0.25); }
h6[b-ojz7pn8dcj] { color: #00bfa5; border-bottom: 1px solid #e0e0e0; padding-bottom: 0.5rem; margin-bottom: 1rem !important; }
.bi[b-ojz7pn8dcj] { margin-right: 0.25rem; }
.alert[b-ojz7pn8dcj] { border-radius: 8px; padding: 1.5rem; }

@media (max-width: 768px) {
   .renda-body[b-ojz7pn8dcj] { grid-template-columns: 1fr; }
   .renda-actions[b-ojz7pn8dcj] { flex-direction: row; justify-content: flex-end; }
   .info-item[b-ojz7pn8dcj] { flex-direction: column; align-items: flex-start; gap: 0.25rem; }
}
/* /Components/Pages/Content/Passo3.razor.rz.scp.css */
.container-passo3[b-zf4majc1b8] {  }
.container-passo3 h4[b-zf4majc1b8] { font-size: 24px; font-weight: 600; margin-bottom: 8px; color: #333; }
.container-passo3 p[b-zf4majc1b8] { color: #666; margin-bottom: 20px; }
.tabs-container[b-zf4majc1b8] { display: flex; gap: 10px; margin-bottom: 20px; }
.tabs-container .btn[b-zf4majc1b8] { padding: 10px 20px; border-radius: 8px; font-size: 14px; font-weight: 500; border: 1px solid #ddd; cursor: pointer; transition: all 0.2s;  }



.despesas-actions[b-zf4majc1b8] { margin-bottom: 20px; }

.despesas-list[b-zf4majc1b8] { display: flex; flex-direction: column; gap: 12px; }

.despesa-item-card[b-zf4majc1b8] { background: #f8f9fa; border-radius: 12px; padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; transition: all 0.2s; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); }

.despesa-item-card:hover[b-zf4majc1b8] { background: #f0f1f2; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); }

.despesa-content[b-zf4majc1b8] { display: flex; align-items: center; justify-content: space-between; flex: 1; gap: 20px; }

.despesa-nome-section[b-zf4majc1b8] { display: flex; flex-direction: column; gap: 4px; }

.despesa-nome[b-zf4majc1b8] { font-size: 16px; font-weight: 600; color: #333; margin: 0; }

.despesa-vencimento[b-zf4majc1b8] { font-size: 13px; color: #666; }

.despesa-valor-section[b-zf4majc1b8] { text-align: right; }

.despesa-valor[b-zf4majc1b8] { font-size: 20px; font-weight: 700; color: #00bfa5; }

.despesa-icons-actions[b-zf4majc1b8] { display: flex; align-items: center; gap: 8px; margin-left: 16px; }

.btn-icon-action[b-zf4majc1b8] { background: transparent; border: none; padding: 4px; cursor: pointer; transition: opacity 0.2s; display: flex; align-items: center; justify-content: center; }

.btn-icon-action:hover[b-zf4majc1b8] { opacity: 0.7; }

.btn-icon-action img[b-zf4majc1b8] { width: 20px; height: 20px; display: block; }

/* Despesas de Sobreviv�ncia */
.despesa-card[b-zf4majc1b8] { background: #fff; border-radius: 12px; padding: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }

.despesa-card h6[b-zf4majc1b8] { font-size: 16px; font-weight: 600; color: #333; margin-bottom: 16px; }

.despesa-info[b-zf4majc1b8] { display: flex; flex-direction: column; gap: 12px; }

.info-item[b-zf4majc1b8] { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid #f0f0f0; }

.info-item:last-child[b-zf4majc1b8] { border-bottom: none; }

.info-item label[b-zf4majc1b8] { font-size: 14px; color: #666; font-weight: 500; margin: 0; }

.info-item span[b-zf4majc1b8] { font-size: 14px; color: #333; font-weight: 600; }

/* Modal styles */
.modal[b-zf4majc1b8] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1050; }

.modal-dialog[b-zf4majc1b8] { margin: 1.75rem auto; max-width: 600px; }

.modal-dialog-scrollable[b-zf4majc1b8] { max-height: calc(100vh - 3.5rem); }

.modal-dialog-scrollable .modal-content[b-zf4majc1b8] { max-height: calc(100vh - 3.5rem); overflow: hidden; }

.modal-dialog-scrollable .modal-body[b-zf4majc1b8] { overflow-y: auto; }

.modal-content[b-zf4majc1b8] { border-radius: 12px; border: none; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); }

.modal-header[b-zf4majc1b8] { border-bottom: 1px solid #e0e0e0; padding: 16px 20px; }

.modal-title[b-zf4majc1b8] { font-size: 18px; font-weight: 600; color: #333; }

.modal-body[b-zf4majc1b8] { padding: 20px; }

.modal-footer[b-zf4majc1b8] { border-top: 1px solid #e0e0e0; padding: 16px 20px; display: flex; justify-content: flex-end; gap: 10px; }

.form-label[b-zf4majc1b8] { font-size: 14px; font-weight: 500; color: #333; margin-bottom: 6px; }

.form-control[b-zf4majc1b8],
.form-select[b-zf4majc1b8] { border: 1px solid #ddd; border-radius: 8px; padding: 10px 12px; font-size: 14px; transition: border-color 0.2s; width: 100%; }

.form-control:focus[b-zf4majc1b8],
.form-select:focus[b-zf4majc1b8] { border-color: #00bfa5; box-shadow: 0 0 0 3px rgba(0, 191, 165, 0.1); outline: none; }

.btn[b-zf4majc1b8] { padding: 10px 20px; border-radius: 8px; font-size: 14px; font-weight: 500; border: none; cursor: pointer; transition: all 0.2s; }

.btn-primary[b-zf4majc1b8] { background: #00bfa5; color: white; }

.btn-primary:hover:not(:disabled)[b-zf4majc1b8] { background: #009688; }

.btn-secondary[b-zf4majc1b8] { background: #f0f0f0; color: #333; }

.btn-secondary:hover[b-zf4majc1b8] { background: #e0e0e0; }

.btn-danger[b-zf4majc1b8] { background: #d32f2f; color: white; }

.btn-danger:hover:not(:disabled)[b-zf4majc1b8] { background: #b71c1c; }

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

.btn-close[b-zf4majc1b8] { background: transparent; border: none; font-size: 24px; cursor: pointer; padding: 0; width: 24px; height: 24px; opacity: 0.5; }

.btn-close[b-zf4majc1b8]::before { content: "�"; font-size: 28px; line-height: 1; }

.btn-close:hover[b-zf4majc1b8] { opacity: 1; }

.alert[b-zf4majc1b8] { padding: 12px 16px; border-radius: 8px; font-size: 14px; }

.alert-info[b-zf4majc1b8] { background: #e3f2fd; color: #1976d2; border: 1px solid #90caf9; }

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

.p-5[b-zf4majc1b8] { padding: 3rem; }

.mb-3[b-zf4majc1b8] { margin-bottom: 1rem; }

.mb-4[b-zf4majc1b8] { margin-bottom: 1.5rem; }

.mt-3[b-zf4majc1b8] { margin-top: 1rem; }

.mb-2[b-zf4majc1b8] { margin-bottom: 0.5rem; }

.row[b-zf4majc1b8] { display: flex; flex-wrap: wrap; margin: 0 -8px; }

.col-md-4[b-zf4majc1b8] { flex: 0 0 33.333333%; max-width: 33.333333%; padding: 0 8px; }

.col-md-6[b-zf4majc1b8] { flex: 0 0 50%; max-width: 50%; padding: 0 8px; }

.col-md-12[b-zf4majc1b8] { flex: 0 0 100%; max-width: 100%; padding: 0 8px; }

h6.mt-3[b-zf4majc1b8] { font-size: 15px; font-weight: 600; color: #333; margin-top: 1.5rem; margin-bottom: 0.5rem; }

@media (max-width: 768px) {
    .tabs-container[b-zf4majc1b8] { flex-direction: column; }

    .despesa-content[b-zf4majc1b8] { flex-direction: column; align-items: flex-start; gap: 8px; }

    .despesa-valor-section[b-zf4majc1b8] { text-align: left; }

    .col-md-4[b-zf4majc1b8],
    .col-md-6[b-zf4majc1b8],
    .col-md-12[b-zf4majc1b8] { flex: 0 0 100%; max-width: 100%; }
}
/* /Components/Pages/Content/Passo4.razor.rz.scp.css */
.container-passo4[b-y1o7igsjpp] {  }
.container-passo4 h4[b-y1o7igsjpp] { font-size: 24px; font-weight: 600; margin-bottom: 8px; color: #333; }
.container-passo4 p[b-y1o7igsjpp] { color: #666; margin-bottom: 20px; }
.dividas-actions[b-y1o7igsjpp] { margin-bottom: 20px; }
.dividas-list[b-y1o7igsjpp] { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; }
.divida-card[b-y1o7igsjpp] { background: #fff; border-radius: 16px; padding: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: transform 0.2s, box-shadow 0.2s; }
.divida-card:hover[b-y1o7igsjpp] { transform: translateY(-4px); box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); }
.divida-card-header[b-y1o7igsjpp] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 16px; }
.divida-title-section[b-y1o7igsjpp] { flex: 1; }
.divida-nome[b-y1o7igsjpp] { font-size: 16px; font-weight: 600; color: #333; margin: 0 0 8px 0; }
.divida-tipo-badge[b-y1o7igsjpp] { display: inline-block; font-size: 11px; color: #666; background: #f0f0f0; padding: 4px 10px; border-radius: 12px; font-weight: 500; }
.divida-actions-icons[b-y1o7igsjpp] { display: flex; gap: 8px; }
.btn-icon[b-y1o7igsjpp] { background: transparent; border: none; padding: 4px; cursor: pointer; transition: opacity 0.2s; }
.btn-icon:hover[b-y1o7igsjpp] { opacity: 0.7; }
.btn-icon img[b-y1o7igsjpp] { width: 20px; height: 20px; display: block; }
.divida-valores[b-y1o7igsjpp] { margin-bottom: 16px; }
.valor-total[b-y1o7igsjpp] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.valor-montante[b-y1o7igsjpp] { font-size: 24px; font-weight: 700; color: #00bfa5; }
.risco-badge[b-y1o7igsjpp] { font-size: 11px; padding: 4px 10px; border-radius: 12px; font-weight: 600; }
.risco-alto[b-y1o7igsjpp] { background: #ffe0e0; color: #d32f2f; }
.valor-prestacoes[b-y1o7igsjpp] { display: flex; flex-direction: column; gap: 4px; }
.label-prestacoes[b-y1o7igsjpp] { font-size: 12px; color: #666; }
.valor-prestacoes-detalhe[b-y1o7igsjpp] { font-size: 14px; font-weight: 600; color: #333; }
.pagas-info[b-y1o7igsjpp] { color: #666; font-weight: 400; font-size: 12px; }

.divida-riscos[b-y1o7igsjpp] { display: flex; flex-direction: column; gap: 10px; margin-bottom: 16px; }

.risco-item[b-y1o7igsjpp] { display: flex; align-items: center; gap: 8px; font-size: 13px; }

.risco-icon[b-y1o7igsjpp] { width: 16px; height: 16px; flex-shrink: 0; }

.risco-sim[b-y1o7igsjpp] { color: #333; }

.risco-sim .risco-icon[b-y1o7igsjpp] { filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%); }

.risco-nao[b-y1o7igsjpp] { color: #999; }

.risco-nao .risco-icon[b-y1o7igsjpp] { filter: invert(60%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(90%); }

.divida-footer[b-y1o7igsjpp] { border-top: 1px solid #f0f0f0; padding-top: 12px; }

.possivel-chance[b-y1o7igsjpp] { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #666; }

.info-icon[b-y1o7igsjpp] { width: 16px; height: 16px; filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(180deg) brightness(118%) contrast(119%); }

/* Modal styles */
.modal[b-y1o7igsjpp] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1050; }

.modal-dialog[b-y1o7igsjpp] { margin: 1.75rem auto; max-width: 600px; }

.modal-dialog-scrollable[b-y1o7igsjpp] { max-height: calc(100vh - 3.5rem); }

.modal-dialog-scrollable .modal-content[b-y1o7igsjpp] { max-height: calc(100vh - 3.5rem); overflow: hidden; }

.modal-dialog-scrollable .modal-body[b-y1o7igsjpp] { overflow-y: auto; }

.modal-content[b-y1o7igsjpp] { border-radius: 12px; border: none; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2); }

.modal-header[b-y1o7igsjpp] { border-bottom: 1px solid #e0e0e0; padding: 16px 20px; }

.modal-title[b-y1o7igsjpp] { font-size: 18px; font-weight: 600; color: #333; }

.modal-body[b-y1o7igsjpp] { padding: 20px; }

.modal-footer[b-y1o7igsjpp] { border-top: 1px solid #e0e0e0; padding: 16px 20px; display: flex; justify-content: flex-end; gap: 10px; }

.form-label[b-y1o7igsjpp] { font-size: 14px; font-weight: 500; color: #333; margin-bottom: 6px; }

.form-control[b-y1o7igsjpp],
.form-select[b-y1o7igsjpp] { border: 1px solid #ddd; border-radius: 8px; padding: 10px 12px; font-size: 14px; transition: border-color 0.2s; }

.form-control:focus[b-y1o7igsjpp],
.form-select:focus[b-y1o7igsjpp] { border-color: #00bfa5; box-shadow: 0 0 0 3px rgba(0, 191, 165, 0.1); }

.btn[b-y1o7igsjpp] { padding: 10px 20px; border-radius: 8px; font-size: 14px; font-weight: 500; border: none; cursor: pointer; transition: all 0.2s; }

.btn-secondary[b-y1o7igsjpp] { background: #f0f0f0; color: #333; }
.btn-secondary:hover[b-y1o7igsjpp] { background: #e0e0e0; }

.btn-danger[b-y1o7igsjpp] { background: #d32f2f; color: white; }

.btn-danger:hover:not(:disabled)[b-y1o7igsjpp] { background: #b71c1c; }

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

.btn-close[b-y1o7igsjpp] { background: transparent; border: none; font-size: 24px; cursor: pointer; padding: 0; width: 24px; height: 24px; opacity: 0.5; }

.btn-close:hover[b-y1o7igsjpp] { opacity: 1; }

.alert[b-y1o7igsjpp] { padding: 12px 16px; border-radius: 8px; font-size: 14px; }

.alert-info[b-y1o7igsjpp] { background: #e3f2fd; color: #1976d2; border: 1px solid #90caf9; }

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

.p-5[b-y1o7igsjpp] { padding: 3rem; }

.mb-3[b-y1o7igsjpp] { margin-bottom: 1rem; }

.mb-4[b-y1o7igsjpp] { margin-bottom: 1.5rem; }

.row[b-y1o7igsjpp] { display: flex; flex-wrap: wrap; margin: 0 -8px; }

.col-md-6[b-y1o7igsjpp] { flex: 0 0 50%; max-width: 50%; padding: 0 8px; }

.col-md-12[b-y1o7igsjpp] { flex: 0 0 100%; max-width: 100%; padding: 0 8px; }

@media (max-width: 768px) {
    .dividas-list[b-y1o7igsjpp] { grid-template-columns: 1fr; }

    .col-md-6[b-y1o7igsjpp],
    .col-md-12[b-y1o7igsjpp] { flex: 0 0 100%; max-width: 100%; }

    .valor-montante[b-y1o7igsjpp] { font-size: 20px; }
}
/* /Components/Pages/Cursos/Cursos.razor.rz.scp.css */
.container-cursos[b-8opcadu0x3] {
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.cursos-header[b-8opcadu0x3] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #00c391;
}

.cursos-icon img[b-8opcadu0x3] {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.cursos-title h3[b-8opcadu0x3] {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    color: #0f2c45;
}

.cursos-title p[b-8opcadu0x3] {
    margin: 0;
    font-size: 14px;
    color: #666;
}

.cursos-grid[b-8opcadu0x3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
    margin-top: 30px;
}

.curso-card[b-8opcadu0x3] {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
}

.curso-card:hover[b-8opcadu0x3] {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.curso-thumbnail[b-8opcadu0x3] {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    background: linear-gradient(135deg, #00c391 0%, #00a88e 100%);
    overflow: hidden;
}

.curso-thumbnail img[b-8opcadu0x3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.curso-thumbnail-placeholder[b-8opcadu0x3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 64px;
}

.curso-play-overlay[b-8opcadu0x3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.curso-card:hover .curso-play-overlay[b-8opcadu0x3] {
    opacity: 1;
}

.curso-play-overlay i[b-8opcadu0x3] {
    font-size: 72px;
    color: white;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.3));
}

.curso-info[b-8opcadu0x3] {
    padding: 20px;
}

.curso-titulo[b-8opcadu0x3] {
    margin: 0 0 8px 0;
    font-size: 18px;
    font-weight: 600;
    color: #0f2c45;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.curso-categoria[b-8opcadu0x3] {
    display: inline-block;
    padding: 4px 12px;
    background: #00c391;
    color: white;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 12px;
}

.curso-descricao[b-8opcadu0x3] {
    margin: 12px 0 0 0;
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Responsive Design */
@media (max-width: 768px) {
    .container-cursos[b-8opcadu0x3] {
        padding: 12px;
    }

    .cursos-header[b-8opcadu0x3] {
        margin-bottom: 20px;
    }

    .cursos-icon img[b-8opcadu0x3] {
        width: 48px;
        height: 48px;
    }

    .cursos-title h3[b-8opcadu0x3] {
        font-size: 24px;
    }

    .cursos-grid[b-8opcadu0x3] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .curso-titulo[b-8opcadu0x3] {
        font-size: 16px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .cursos-grid[b-8opcadu0x3] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-container[b-pqmytmzrl5] { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 20px; padding: 20px; max-width: 1400px; margin: 0 auto; }
.card[b-pqmytmzrl5] { background: white; border-radius: 20px; padding: 24px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }

/* Card de Perfil */
.card-profile[b-pqmytmzrl5] { background: #00c391; color: #0f2c45; grid-column: span 1; border-color: transparent; }
.profile-header[b-pqmytmzrl5] { display: flex; align-items: center; gap: 16px;  }
.profile-avatar[b-pqmytmzrl5] { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; border: 3px solid rgba(255, 255, 255, 0.3); }
.profile-info h2[b-pqmytmzrl5] { margin: 0; font-size: 28px; font-weight: 600; }
.profile-name[b-pqmytmzrl5] { margin: 4px 0; font-size: 16px; opacity: 0.9; border-bottom: 1px solid #095c43; width: 100%; display: flex; }
.profile-subtitle[b-pqmytmzrl5] { margin: 0; font-size: 14px; opacity: 0.7; }
.renda-total[b-pqmytmzrl5] { margin: 5px 0; }
.renda-total .label[b-pqmytmzrl5] { margin: 0; font-size: 14px; opacity: 0.8; color: #0f2c45; font-weight: 700; }
.value-main[b-pqmytmzrl5] { margin: 0; font-size: 20pt; font-weight: 700; color: #FFF; }
.totais-row[b-pqmytmzrl5] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0 0 15px; }
.total-item[b-pqmytmzrl5] { border-radius: 12px; padding: 12px 0; }
.total-item .label[b-pqmytmzrl5] { margin: 0; font-size: 12px; opacity: 0.8; font-weight: 700; }
.total-item .value[b-pqmytmzrl5] { margin: 8px 0 0 0; font-size: 16px; font-weight: 600; border: 1px solid #095c43; border-radius: 15px; text-align: center; }
.comprometimento-badge[b-pqmytmzrl5] { background-color: #095c43; color: #FFF; border-radius: 12px; padding: 16px; text-align: center; font-size: 14px; font-weight: 600; line-height: 1.4; }

/* Card de Contas */
.card-contas[b-pqmytmzrl5] { grid-column: span 1; position: relative;}
.card-contas .card-contas-dados[b-pqmytmzrl5] { display: flex; align-self: normal; }
.btn-controle[b-pqmytmzrl5] { position: absolute; left: 0; top: 0; background: #00d4aa; color: white; border: none; border-radius: 8px; padding: 10px 20px; font-size: 14px; cursor: pointer; display: flex; align-items: center; gap: 8px; }
.btn-controle .icon[b-pqmytmzrl5] { width: 15px; }
.btn-controle:hover[b-pqmytmzrl5] { background: #00a88e; }
.contas-list[b-pqmytmzrl5] { margin: 30px 0 3px 0; }
.conta-item[b-pqmytmzrl5] { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; }
.bullet[b-pqmytmzrl5] { width: 12px; height: 12px; border-radius: 50%; margin-top: 4px; flex-shrink: 0; }
.bullet.blue[b-pqmytmzrl5] { background: #0f2c45; }
.conta-item .blue-text[b-pqmytmzrl5] { color: #0f2c45; }
.bullet.blue-dark[b-pqmytmzrl5] { background: #0066cc; }
.conta-item .blue-dark-text[b-pqmytmzrl5] { color: #0066cc; }
.bullet.blue-light[b-pqmytmzrl5] { background: #34a1ff; }
.conta-item .blue-light-text[b-pqmytmzrl5] { color: #34a1ff; }
.bullet.red[b-pqmytmzrl5] { background: #f86060; }
.conta-item .red-text[b-pqmytmzrl5] { color: #f86060; }
.conta-label[b-pqmytmzrl5] { margin: 0; font-size: 14px; color: #666; }
.conta-value[b-pqmytmzrl5] { margin: 4px 0 0 0; font-size: 18px; font-weight: 700; color: #333; }
.conta-value.red[b-pqmytmzrl5] { color: #ff6b6b; }
.chart-container[b-pqmytmzrl5] { display: flex; align-items: center; gap: 24px; margin-top: 24px; flex-direction: column; width: 100%; color: #0f2c45 }
.circular-chart[b-pqmytmzrl5] { position: relative; width: 200px; height: 200px; flex-shrink: 0; }
.circular-chart canvas[b-pqmytmzrl5] { width: 100% !important; height: 100% !important; }
.donut-chart[b-pqmytmzrl5] { width: 100%; height: 100%; }
.donut-segment[b-pqmytmzrl5] { transition: stroke-dasharray 0.3s ease; }
.chart-percentage[b-pqmytmzrl5] { font-size: 14px; font-weight: 700; pointer-events: none; }
.chart-center[b-pqmytmzrl5] { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.chart-label[b-pqmytmzrl5] { margin: 0; font-size: 24px; font-weight: 700;  }
.chart-info[b-pqmytmzrl5] { flex: 1; text-align: center; }
.chart-title[b-pqmytmzrl5] { margin: 0; font-size: 16px; font-weight: 600; }
.chart-subtitle[b-pqmytmzrl5] { margin: 4px 0; font-size: 14px; }
.chart-subtitle.verde[b-pqmytmzrl5] { color: #10c798; }
.chart-value[b-pqmytmzrl5] { margin: 8px 0 0 0; font-size: 18px; font-weight: 700; background-color: #d6d6d6; border-radius: 10px; padding: 3px;}

/* Card de Livraria */
.card-livraria[b-pqmytmzrl5] { grid-column: span 1; position: relative; overflow: hidden; min-height: 400px; padding: 0; display: flex; flex-direction: column; }
.livraria-image[b-pqmytmzrl5] { width: 100%; object-fit: cover; }
.livraria-content[b-pqmytmzrl5] { padding: 24px; flex: 1; display: flex; flex-direction: column; }
.livraria-content h3[b-pqmytmzrl5] { margin: 0 0 12px 0; font-size: 24px; font-weight: 700; color: #00d4aa; }
.livraria-content p[b-pqmytmzrl5] { margin: 0 0 24px 0; font-size: 14px; color: #666; line-height: 1.6; flex: 1; }
.btn-livraria[b-pqmytmzrl5] { background: #00d4aa; color: white; border: none; border-radius: 8px; padding: 12px 24px; font-size: 14px; font-weight: 600; cursor: pointer; align-self: flex-start; }
.btn-livraria:hover[b-pqmytmzrl5] { background: #00a88e; }

.acessos-rapidos[b-pqmytmzrl5] { display: grid; gap: 20px; padding: 20px; max-width: 1400px; margin: 0 auto; }
.acessos-rapidos img[b-pqmytmzrl5] { width: 24px; margin-right: 10px;  }
.acessos-rapidos .card div[b-pqmytmzrl5] { display: flex; }

/* Responsive Design */
@media (max-width: 768px) {
    .dashboard-container[b-pqmytmzrl5] { grid-template-columns: 1fr; padding: 12px; gap: 16px; }
    .card[b-pqmytmzrl5] { padding: 16px; }
    .value-main[b-pqmytmzrl5] { font-size: 32px; }
    .totais-row[b-pqmytmzrl5] { grid-template-columns: 1fr; }
    .chart-container[b-pqmytmzrl5] { flex-direction: column; align-items: flex-start; }
    .despesas-tabs[b-pqmytmzrl5] { flex-wrap: nowrap; }
    .card-contas[b-pqmytmzrl5], .card-profile[b-pqmytmzrl5] { margin: 15px; }
    .card-contas .card-contas-dados[b-pqmytmzrl5] { flex-direction: column; }
    .nav-item-link img[b-pqmytmzrl5] { margin: 0; }
}

@media (min-width: 769px) and (max-width: 1200px) {
    .dashboard-container[b-pqmytmzrl5] { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1201px) {
    .dashboard-container[b-pqmytmzrl5] { grid-template-columns: repeat(2, 1fr); }
    .dacessos-rapidos[b-pqmytmzrl5] { grid-template-columns: repeat(4, 1fr); }
    .card-contas[b-pqmytmzrl5] {  }
}
/* /Components/Pages/Livros/Biblioteca.razor.rz.scp.css */
.container-biblioteca[b-2a4zvriprt] { }
/* Header */
.biblioteca-header[b-2a4zvriprt] { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; background: #e8e8e8; padding: 16px; border-radius: 12px; }
.biblioteca-icon[b-2a4zvriprt] { width: 48px; height: 48px; background: white; border-radius: 12px; display: flex; align-items: center; justify-content: center; }
.biblioteca-icon img[b-2a4zvriprt] { width: 32px; height: 32px; }
.biblioteca-title h3[b-2a4zvriprt] { font-size: 20px; font-weight: 700; color: #333; margin: 0; }
.biblioteca-title p[b-2a4zvriprt] { font-size: 14px; color: #666; margin: 0; }
/* Badge Adicionado Recentemente */
.livro-recente-badge[b-2a4zvriprt] { display: flex; align-items: center; justify-content: center; gap: 8px; background: #00d4aa; color: white; padding: 12px 20px; border-radius: 24px; margin-bottom: 16px; font-size: 14px; font-weight: 600; }
.star-icon[b-2a4zvriprt] { width: 20px; height: 20px; filter: brightness(0) invert(1); }
/* Card Livro Recente */
.livro-recente-card[b-2a4zvriprt] { background: white; border-radius: 16px; padding: 20px; margin-bottom: 24px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.livro-recente-content[b-2a4zvriprt] { display: flex; gap: 16px; margin-bottom: 16px; }
.livro-capa[b-2a4zvriprt] { width: 120px; height: 160px; flex-shrink: 0; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }
.livro-capa img[b-2a4zvriprt] { width: 100%; height: 100%; object-fit: cover; }
.livro-info-recente[b-2a4zvriprt] { flex: 1; display: flex; flex-direction: column; justify-content: center; }
.livro-data[b-2a4zvriprt] { font-size: 12px; color: #666; margin-bottom: 8px; }
.livro-titulo-destaque[b-2a4zvriprt] { font-size: 16px; font-weight: 700; color: #00d4aa; margin: 0 0 4px 0; }
.livro-nome[b-2a4zvriprt] { font-size: 14px; font-weight: 600; color: #333; margin: 0 0 12px 0; }
.livro-icone-cofrinho[b-2a4zvriprt] { width: 60px; height: 60px; }
.livro-icone-cofrinho img[b-2a4zvriprt] { width: 100%; height: 100%; }
.btn-ler-agora[b-2a4zvriprt] { width: 100%; background: #00d4aa; color: white; border: none; padding: 14px; border-radius: 24px; font-size: 16px; font-weight: 600; cursor: pointer; transition: background 0.2s; }
.btn-ler-agora:hover[b-2a4zvriprt] { background: #00bfa5; }
/* A��es do Livro Recente */
.livro-acoes-recente[b-2a4zvriprt] { display: flex; flex-direction: row; gap: 8px; }
.btn-ler-agora[b-2a4zvriprt], .btn-ouvir-agora[b-2a4zvriprt] { width: 100%; background: #00d4aa; color: white; border: none; padding: 14px; border-radius: 24px; font-size: 16px; font-weight: 600; cursor: pointer; transition: background 0.2s; }
.btn-ler-agora:hover[b-2a4zvriprt], .btn-ouvir-agora:hover[b-2a4zvriprt] { background: #00bfa5; }
/* Card Pr�ximo Livro */
.proximo-livro-card[b-2a4zvriprt] { background: linear-gradient(135deg, #1a1a2e 0%, #2d2d44 100%); border-radius: 16px; padding: 24px; margin-bottom: 24px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }
.proximo-livro-texto h4[b-2a4zvriprt] { color: white; font-size: 18px; font-weight: 700; margin: 0 0 12px 0; max-width: 180px; }
.label-liberacao[b-2a4zvriprt] { color: white; font-size: 14px; font-weight: 600; margin: 0 0 4px 0; }
.data-liberacao[b-2a4zvriprt] { color: #00d4aa; font-size: 13px; margin: 0; line-height: 1.5; }
/* Tabs */
.biblioteca-tabs[b-2a4zvriprt] { display: flex; gap: 12px; margin-bottom: 20px; }
.tab-btn[b-2a4zvriprt] { flex: 1; background: white; border: none; padding: 12px 20px; border-radius: 24px; font-size: 14px; font-weight: 600; color: #333; cursor: pointer; transition: all 0.2s; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }
.tab-btn.active[b-2a4zvriprt] { background: #00d4aa; color: white; }
.tab-btn:hover:not(.active)[b-2a4zvriprt] { background: #f0f0f0; }
/* Lista de Livros */
.livros-list[b-2a4zvriprt] { display: flex; flex-direction: column; gap: 16px; }
.livro-item-card[b-2a4zvriprt] { background: white; border-radius: 12px; padding: 16px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); transition: transform 0.2s, box-shadow 0.2s; }
.livro-item-card:hover[b-2a4zvriprt] { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); }
.livro-item-content[b-2a4zvriprt] { display: flex; gap: 12px; margin-bottom: 12px; }
.livro-capa-pequena[b-2a4zvriprt] { width: 100px; height: 150px; flex-shrink: 0; border-radius: 6px; overflow: hidden; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
.livro-capa-pequena img[b-2a4zvriprt] { width: 100%; height: 100%; object-fit: cover; }
.livro-item-info[b-2a4zvriprt] { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; }
.livro-header-info[b-2a4zvriprt] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; gap: 8px; }
.livro-data-pequena[b-2a4zvriprt] { font-size: 11px; color: #999; }
.badge-indisponivel[b-2a4zvriprt] { background: #0f2c45; color: white; padding: 4px 8px; border-radius: 12px; font-size: 9px; font-weight: 600; white-space: nowrap; }
.livro-item-titulo[b-2a4zvriprt] { font-size: 14px; font-weight: 600; color: #333; margin: 0 0 auto 0; line-height: 1.4; }
.livro-item-actions[b-2a4zvriprt] { display: flex; gap: 8px; flex-wrap: wrap; }
.btn-acao-livro[b-2a4zvriprt] { flex: 1; min-width: 70px; border: none; padding: 10px 16px; border-radius: 20px; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.2s; }
.btn-ler[b-2a4zvriprt] { background: #00d4aa; color: white; }
.btn-ler:hover[b-2a4zvriprt] { background: #00bfa5; }
.btn-ouvir[b-2a4zvriprt] { background: #00d4aa; color: white; }
.btn-ouvir:hover[b-2a4zvriprt] { background: #00bfa5; }
.btn-info[b-2a4zvriprt] { background: #1a1a2e; color: white; }
.btn-info:hover[b-2a4zvriprt] { background: #2d2d44; }
/* Alert */
.alert[b-2a4zvriprt] { padding: 12px 16px; border-radius: 8px; font-size: 14px; }
.alert-info[b-2a4zvriprt] { background: #e3f2fd; color: #1976d2; border: 1px solid #90caf9; }
/* Loading */
.text-center[b-2a4zvriprt] { text-align: center; }
.p-5[b-2a4zvriprt] { padding: 3rem; }
/* Responsive */

@media (max-width: 768px) {
   .container-biblioteca[b-2a4zvriprt] { padding: 16px; }
   .livro-recente-content[b-2a4zvriprt] { flex-direction: column; align-items: center; text-align: center; }
   .livro-capa[b-2a4zvriprt] { width: 140px; height: 180px; }
   .proximo-livro-card[b-2a4zvriprt] { flex-direction: column; text-align: center; gap: 16px; }
   .proximo-livro-texto h4[b-2a4zvriprt] { max-width: 100%; }
}

@media (max-width: 480px) {
   .biblioteca-header[b-2a4zvriprt] { flex-direction: column; text-align: center; }
   .livro-item-actions[b-2a4zvriprt] { flex-direction: column; }
   .btn-acao-livro[b-2a4zvriprt] { width: 100%; }
}
/* /Components/Pages/Livros/DetalhesLivro.razor.rz.scp.css */
.container-detalhes-livro[b-cnn145sn3m] { max-width: 1400px; margin: 0 auto; padding: 20px; }
.voltar-header[b-cnn145sn3m] { margin-bottom: 20px; }
.btn-voltar[b-cnn145sn3m] { background: transparent; border: none; display: flex; align-items: center; gap: 10px; font-weight: bold; font-size: 15px; color: #333; cursor: pointer; padding: 5px 0; }
.btn-voltar:hover[b-cnn145sn3m] { color: #00d4aa; }
.icon-voltar[b-cnn145sn3m] { height: 25px; width: auto; }
.livro-detalhes-card[b-cnn145sn3m] { background: white; border-radius: 30px; padding: 30px; margin-bottom: 30px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.livro-detalhes-content[b-cnn145sn3m] { display: flex; gap: 20px; align-items: flex-start; }
.livro-capa-detalhes[b-cnn145sn3m] { flex-shrink: 0; }
.livro-capa-detalhes img[b-cnn145sn3m] { width: 130px; height: 200px; object-fit: cover; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }
.livro-info-detalhes[b-cnn145sn3m] { flex: 1; display: flex; flex-direction: column; gap: 10px; }
/* A��es do Livro Recente */
.livro-acoes-recente[b-cnn145sn3m] { display: flex; flex-direction: row; gap: 8px; }
.btn-ler-agora[b-cnn145sn3m], .btn-ouvir-agora[b-cnn145sn3m] { width: 100%; background: #00d4aa; color: white; border: none; padding: 14px; border-radius: 24px; font-size: 16px; font-weight: 600; cursor: pointer; transition: background 0.2s; }
.btn-ler-agora:hover[b-cnn145sn3m], .btn-ouvir-agora:hover[b-cnn145sn3m] { background: #00bfa5; }
.livro-data-cadastro[b-cnn145sn3m] { font-size: 11px; color: #666; margin-bottom: 5px; }
.livro-titulo-parte1[b-cnn145sn3m] { font-size: 18px; font-weight: bold; color: #00c391; margin: 0; }
.livro-titulo-parte2[b-cnn145sn3m] { font-size: 15px; font-weight: bold; color: #000; margin: 0 0 15px 0; }
.btn-ler-livro[b-cnn145sn3m] { background-color: #00c391; color: white; border: none; border-radius: 40px; padding: 10px 30px; font-weight: bold; cursor: pointer; align-self: flex-start; transition: background-color 0.3s; }
.btn-ler-livro:hover[b-cnn145sn3m] { background-color: #00a88e; }
.badge-indisponivel-detalhes[b-cnn145sn3m] { background-color: #095c43; color: white; border-radius: 40px; padding: 10px 20px; font-size: 10px; font-weight: bold; text-align: center; width: 110px; line-height: 1.4; }
.sinopse-section[b-cnn145sn3m] { margin-top: 30px; }
.sinopse-titulo[b-cnn145sn3m] { font-size: 20px; font-weight: bold; color: #000; margin-bottom: 15px; }
.sinopse-conteudo[b-cnn145sn3m] { color: #000; line-height: 1.6; font-size: 14px; background: white; padding: 20px; border-radius: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); }
.sinopse-conteudo p[b-cnn145sn3m] { margin-bottom: 10px; }
.sinopse-conteudo p:last-child[b-cnn145sn3m] { margin-bottom: 0; }

@media (max-width: 768px) {
   .container-detalhes-livro[b-cnn145sn3m] { padding: 12px; }
   .livro-detalhes-card[b-cnn145sn3m] { padding: 20px; border-radius: 20px; }
   .livro-detalhes-content[b-cnn145sn3m] { flex-direction: column; align-items: center; text-align: center; }
   .livro-capa-detalhes[b-cnn145sn3m] { margin-bottom: 15px; }
   .livro-info-detalhes[b-cnn145sn3m] { align-items: center; }
   .btn-ler-livro[b-cnn145sn3m], .badge-indisponivel-detalhes[b-cnn145sn3m] { align-self: center; }
   .sinopse-titulo[b-cnn145sn3m] { font-size: 18px; }
   .sinopse-conteudo[b-cnn145sn3m] { padding: 15px; font-size: 13px; }
}

@media (min-width: 769px) and (max-width: 1024px) {
   .livro-capa-detalhes img[b-cnn145sn3m] { width: 150px; height: 230px; }
   .livro-titulo-parte1[b-cnn145sn3m] { font-size: 20px; }
   .livro-titulo-parte2[b-cnn145sn3m] { font-size: 16px; }
}

@media (min-width: 1025px) {
   .livro-detalhes-content[b-cnn145sn3m] { gap: 30px; }
   .livro-capa-detalhes img[b-cnn145sn3m] { width: 180px; height: 270px; }
   .livro-titulo-parte1[b-cnn145sn3m] { font-size: 24px; }
   .livro-titulo-parte2[b-cnn145sn3m] { font-size: 18px; }
   .btn-ler-livro[b-cnn145sn3m] { padding: 12px 40px; font-size: 16px; }
}
/* /Components/Pages/Livros/LerLivro.razor.rz.scp.css */
.pdf-viewer-container[b-rbdkoziwb4] { height: 100vh; display: flex; flex-direction: column; background: #f5f5f5; overflow: hidden; }
.loading-container[b-rbdkoziwb4], .error-container[b-rbdkoziwb4] { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; padding: 20px; }
.loading-container p[b-rbdkoziwb4] { color: #666; font-size: 16px; margin-top: 15px; }
.error-container[b-rbdkoziwb4] { padding: 40px; }
.error-container .alert[b-rbdkoziwb4] { max-width: 600px; text-align: center; }
/* Header */
.pdf-viewer-header[b-rbdkoziwb4] { background: white; border-bottom: 1px solid #e0e0e0; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); z-index: 10; }
.header-left[b-rbdkoziwb4] { display: flex; align-items: center; gap: 15px; flex: 1; min-width: 0; }
.livro-titulo[b-rbdkoziwb4] { margin: 0; font-size: 16px; font-weight: 600; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.header-right[b-rbdkoziwb4] { display: flex; gap: 10px; align-items: center; }
/* Indicador de marcador */
.bookmark-indicator[b-rbdkoziwb4] { color: #00d4aa; font-size: 18px; display: flex; align-items: center; margin-right: 5px; animation: fadeIn-b-rbdkoziwb4 0.3s ease-in; }
.bookmark-indicator i[b-rbdkoziwb4] { filter: drop-shadow(0 2px 4px rgba(0, 212, 170, 0.3)); }
/* Toolbar */
.pdf-viewer-toolbar[b-rbdkoziwb4] { background: white; border-bottom: 1px solid #e0e0e0; padding: 12px 20px; display: flex; justify-content: center; align-items: center; gap: 30px; flex-wrap: wrap; z-index: 9; }
.toolbar-group[b-rbdkoziwb4] { display: flex; align-items: center; gap: 8px; }
.page-info[b-rbdkoziwb4] { display: flex; align-items: center; gap: 5px; padding: 0 10px; }
.page-input[b-rbdkoziwb4] { width: 60px; text-align: center; padding: 4px 8px; }
.page-separator[b-rbdkoziwb4] { color: #666; font-size: 14px; }
.total-pages[b-rbdkoziwb4] { color: #666; font-size: 14px; font-weight: 500; }
.zoom-level[b-rbdkoziwb4] { min-width: 50px; text-align: center; font-size: 14px; font-weight: 500; color: #333; }
/* �rea de visualiza��o */
.pdf-viewer-content[b-rbdkoziwb4] { flex: 1; overflow: auto; background: #525659; padding: 20px; display: flex; justify-content: center; align-items: flex-start; }
.pdf-canvas-wrapper[b-rbdkoziwb4] { background: white; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); display: inline-block; margin: 0 auto; }
#pdf-canvas[b-rbdkoziwb4] { display: block; max-width: 100%; height: auto; }
/* Bot�es */
.btn-sm[b-rbdkoziwb4] { font-size: 14px; padding: 6px 12px; border-radius: 6px; transition: all 0.2s; }
.btn-outline-secondary[b-rbdkoziwb4] { border-color: #d0d0d0; color: #666; }
.btn-outline-secondary:hover:not(:disabled)[b-rbdkoziwb4] { background: #f0f0f0; border-color: #c0c0c0; color: #333; }
.btn-outline-primary[b-rbdkoziwb4] { border-color: #00d4aa; color: #00d4aa; }
.btn-outline-primary:hover:not(:disabled)[b-rbdkoziwb4] { background: #00d4aa; border-color: #00d4aa; color: white; }
.btn:disabled[b-rbdkoziwb4] { opacity: 0.5; cursor: not-allowed; }
/* Bootstrap Icons */
.bi[b-rbdkoziwb4] { font-size: 16px; vertical-align: middle; }
/* Scrollbar customizada */
.pdf-viewer-content[b-rbdkoziwb4]::-webkit-scrollbar { width: 12px; height: 12px; }
.pdf-viewer-content[b-rbdkoziwb4]::-webkit-scrollbar-track { background: #3a3a3a; }
.pdf-viewer-content[b-rbdkoziwb4]::-webkit-scrollbar-thumb { background: #666; border-radius: 6px; }
.pdf-viewer-content[b-rbdkoziwb4]::-webkit-scrollbar-thumb:hover { background: #777; }
/* Responsive */

@media (max-width: 768px) {
   .pdf-viewer-header[b-rbdkoziwb4] { padding: 10px 15px; }
   .livro-titulo[b-rbdkoziwb4] { font-size: 14px; }
   .pdf-viewer-toolbar[b-rbdkoziwb4] { padding: 10px 15px; gap: 15px; }
   .toolbar-group[b-rbdkoziwb4] { gap: 5px; }
   .pdf-viewer-content[b-rbdkoziwb4] { padding: 10px; }
   .btn-sm[b-rbdkoziwb4] { font-size: 12px; padding: 5px 10px; }
   .page-input[b-rbdkoziwb4] { width: 50px; font-size: 13px; }
   .zoom-level[b-rbdkoziwb4] { font-size: 13px; min-width: 45px; }
   .bookmark-indicator[b-rbdkoziwb4] { font-size: 16px; }
   /* Oculta textos dos bot�es em mobile, mant�m apenas �cones */
   .header-left .btn span[b-rbdkoziwb4], .header-right .btn span[b-rbdkoziwb4] { display: none; }
   .bi[b-rbdkoziwb4] { font-size: 14px; }
}

@media (max-width: 480px) {
   .pdf-viewer-header[b-rbdkoziwb4] { flex-direction: column; gap: 10px; align-items: stretch; }
   .header-left[b-rbdkoziwb4], .header-right[b-rbdkoziwb4] { justify-content: space-between; }
   .livro-titulo[b-rbdkoziwb4] { font-size: 13px; text-align: center; }
   .pdf-viewer-toolbar[b-rbdkoziwb4] { flex-direction: column; gap: 10px; }
}
/* Anima��es */

@keyframes fadeIn-b-rbdkoziwb4 {
   from { opacity: 0; }
   to { opacity: 1; }
}

.pdf-canvas-wrapper[b-rbdkoziwb4] { animation: fadeIn-b-rbdkoziwb4 0.3s ease-in; }
/* Loading spinner */
.spinner-border[b-rbdkoziwb4] { width: 3rem; height: 3rem; }
.text-primary[b-rbdkoziwb4] { color: #00d4aa !important; }
/* Acessibilidade */
.visually-hidden[b-rbdkoziwb4] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }
/* Estilo para input number sem setas */
input[type="number"][b-rbdkoziwb4]::-webkit-inner-spin-button, input[type="number"][b-rbdkoziwb4]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"][b-rbdkoziwb4] { -moz-appearance: textfield; }
/* /Components/Pages/Livros/OuvirLivro.razor.rz.scp.css */
.audio-player-container[b-jj27znycf8] { display: flex; flex-direction: column; min-height: 100vh; background: #ffffff; }
.loading-container[b-jj27znycf8], .error-container[b-jj27znycf8] { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; padding: 2rem; color: #333; }
.error-container .alert[b-jj27znycf8] { max-width: 500px; text-align: center; }
/* Header */
.audio-player-header[b-jj27znycf8] { background: #ffffff; border-bottom: 1px solid #e0e0e0; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }
.header-left[b-jj27znycf8] { display: flex; align-items: center; gap: 15px; flex: 1; min-width: 0; }
.livro-titulo[b-jj27znycf8] { margin: 0; font-size: 18px; font-weight: 600; color: #333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.header-right[b-jj27znycf8] { display: flex; gap: 10px; align-items: center; }
.bookmark-indicator[b-jj27znycf8] { color: #00d4aa; font-size: 20px; display: flex; align-items: center; animation: fadeIn-b-jj27znycf8 0.3s ease-in; }
/* Conte�do de �udio */
.audio-content[b-jj27znycf8] { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3rem 2rem; max-width: 600px; margin: 0 auto; width: 100%; }
.book-cover-container[b-jj27znycf8] { position: relative; width: 300px; height: 400px; margin-bottom: 2rem; }
.book-cover[b-jj27znycf8] { width: 100%; height: 100%; object-fit: cover; border-radius: 16px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); animation: fadeIn-b-jj27znycf8 0.5s ease-in; }
.book-cover-placeholder[b-jj27znycf8] { width: 100%; height: 100%; background: #f5f5f5; border: 2px solid #e0e0e0; border-radius: 16px; display: flex; align-items: center; justify-content: center; font-size: 80px; color: #d0d0d0; }
.playing-animation[b-jj27znycf8] { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.8); padding: 10px 20px; border-radius: 20px; backdrop-filter: blur(10px); }
.sound-wave[b-jj27znycf8] { display: flex; align-items: center; gap: 4px; height: 30px; }
.sound-wave span[b-jj27znycf8] { width: 4px; background: #00d4aa; border-radius: 2px; animation: soundWave-b-jj27znycf8 1s ease-in-out infinite; }
.sound-wave span:nth-child(1)[b-jj27znycf8] { animation-delay: 0s; }
.sound-wave span:nth-child(2)[b-jj27znycf8] { animation-delay: 0.2s; }
.sound-wave span:nth-child(3)[b-jj27znycf8] { animation-delay: 0.4s; }
.sound-wave span:nth-child(4)[b-jj27znycf8] { animation-delay: 0.6s; }
/* Informa��es do livro */
.book-info[b-jj27znycf8] { text-align: center; margin-bottom: 2rem; color: #333; }
.book-info h2[b-jj27znycf8] { font-size: 24px; font-weight: 700; margin: 0 0 8px 0; color: #1a1a1a; }
.book-info .author[b-jj27znycf8] { font-size: 16px; color: #666; margin: 0; }
/* Barra de progresso */
.progress-container[b-jj27znycf8] { width: 100%; display: flex; align-items: center; gap: 12px; margin-bottom: 2rem; }
.time-label[b-jj27znycf8] { font-size: 14px; color: #666; min-width: 45px; text-align: center; font-weight: 500; }
.progress-slider[b-jj27znycf8] { flex: 1; height: 6px; border-radius: 3px; background: #e0e0e0; outline: none; -webkit-appearance: none; }
.progress-slider[b-jj27znycf8]::-webkit-slider-thumb { -webkit-appearance: none; width: 16px; height: 16px; border-radius: 50%; background: #00d4aa; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 212, 170, 0.3); }
.progress-slider[b-jj27znycf8]::-moz-range-thumb { width: 16px; height: 16px; border-radius: 50%; background: #00d4aa; cursor: pointer; border: none; box-shadow: 0 2px 8px rgba(0, 212, 170, 0.3); }
/* Controles do player */
.player-controls[b-jj27znycf8] { width: 100%; }
.main-controls[b-jj27znycf8] { display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 2rem; }
.btn-control[b-jj27znycf8] { background: #ffffff; border: 2px solid #e0e0e0; color: #666; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s; font-size: 20px; }
.btn-control:hover[b-jj27znycf8] { background: #f5f5f5; border-color: #00d4aa; color: #00d4aa; transform: scale(1.1); }
.btn-play[b-jj27znycf8] { background: #00d4aa; border: none; color: white; width: 70px; height: 70px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s; font-size: 30px; box-shadow: 0 8px 24px rgba(0, 212, 170, 0.3); }
.btn-play:hover[b-jj27znycf8] { background: #00a88e; transform: scale(1.1); box-shadow: 0 12px 32px rgba(0, 212, 170, 0.4); }
.secondary-controls[b-jj27znycf8] { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.volume-control[b-jj27znycf8] { display: flex; align-items: center; gap: 10px; flex: 1; max-width: 200px; }
.btn-icon[b-jj27znycf8] { background: transparent; border: none; color: #666; font-size: 20px; cursor: pointer; padding: 8px; transition: all 0.3s; }
.btn-icon:hover[b-jj27znycf8] { color: #00d4aa; }
.volume-slider[b-jj27znycf8] { flex: 1; height: 4px; border-radius: 2px; background: #e0e0e0; outline: none; -webkit-appearance: none; }
.volume-slider[b-jj27znycf8]::-webkit-slider-thumb { -webkit-appearance: none; width: 12px; height: 12px; border-radius: 50%; background: #00d4aa; cursor: pointer; }
.volume-slider[b-jj27znycf8]::-moz-range-thumb { width: 12px; height: 12px; border-radius: 50%; background: #00d4aa; cursor: pointer; border: none; }
.speed-control[b-jj27znycf8] { display: flex; align-items: center; }
.btn-speed[b-jj27znycf8] { background: #ffffff; border: 1px solid #e0e0e0; color: #666; padding: 8px 16px; border-radius: 20px; cursor: pointer; display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; transition: all 0.3s; }
.btn-speed:hover[b-jj27znycf8] { background: #f5f5f5; border-color: #00d4aa; color: #00d4aa; }
/* Bot�es */
.btn-sm[b-jj27znycf8] { font-size: 14px; padding: 8px 16px; border-radius: 8px; transition: all 0.2s; }
.btn-outline-secondary[b-jj27znycf8] { border-color: #d0d0d0; color: #666; background: transparent; }
.btn-outline-secondary:hover:not(:disabled)[b-jj27znycf8] { background: #f0f0f0; border-color: #00d4aa; color: #00d4aa; }
/* �cones */
.bi[b-jj27znycf8] { display: inline-block; vertical-align: middle; }
/* Anima��es */

@keyframes fadeIn-b-jj27znycf8 {
   from { opacity: 0; }
   to { opacity: 1; }
}

@keyframes soundWave-b-jj27znycf8 {
   0%, 100% { height: 8px; }
   50% { height: 24px; }
}
/* Loading spinner */
.spinner-border[b-jj27znycf8] { width: 3rem; height: 3rem; }
.text-primary[b-jj27znycf8] { color: #00d4aa !important; }
/* Responsivo */

@media (max-width: 768px) {
   .audio-content[b-jj27znycf8] { padding: 2rem 1rem; }
   .book-cover-container[b-jj27znycf8] { width: 250px; height: 333px; }
   .book-info h2[b-jj27znycf8] { font-size: 20px; }
   .book-info .author[b-jj27znycf8] { font-size: 14px; }
   .main-controls[b-jj27znycf8] { gap: 15px; }
   .btn-control[b-jj27znycf8] { width: 45px; height: 45px; font-size: 18px; }
   .btn-play[b-jj27znycf8] { width: 60px; height: 60px; font-size: 26px; }
   .secondary-controls[b-jj27znycf8] { flex-direction: column; gap: 15px; }
   .volume-control[b-jj27znycf8] { width: 100%; max-width: none; }
}

@media (max-width: 480px) {
   .audio-player-header[b-jj27znycf8] { padding: 10px 15px; }
   .livro-titulo[b-jj27znycf8] { font-size: 16px; }
   .book-cover-container[b-jj27znycf8] { width: 200px; height: 267px; }
   .time-label[b-jj27znycf8] { font-size: 12px; min-width: 40px; }
}
/* /Components/Pages/Pagamento/Pagamento.razor.rz.scp.css */
.payment-container[b-egvyu5g1xe] {
    min-height: 100vh;
    position: relative;
    background: linear-gradient(180deg, #4fd1c5 0%, #38b2ac 50%, #2c7a7b 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    overflow: hidden;
}

.payment-container[b-egvyu5g1xe]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('/images/payment-bg.jpg');
    background-size: cover;
    background-position: center;
    z-index: 0;
}

.background-overlay[b-egvyu5g1xe] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(79, 209, 197, 0.9) 0%, rgba(56, 178, 172, 0.85) 50%, rgba(44, 122, 123, 0.9) 100%);
    z-index: 1;
}

.content-wrapper[b-egvyu5g1xe] {
    position: relative;
    z-index: 2;
    max-width: 500px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

/* Logo Section */
.logo-section[b-egvyu5g1xe] {
    text-align: center;
    margin-bottom: 1rem;
}

.logo[b-egvyu5g1xe] {
    max-width: 200px;
    height: auto;
    filter: brightness(0) invert(1);
}

/* Hero Section */
.hero-section[b-egvyu5g1xe] {
    text-align: center;
    color: white;
}

.main-title[b-egvyu5g1xe] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 1rem;
    color: white;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.subtitle[b-egvyu5g1xe] {
    font-size: 1rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.95);
    margin: 0;
}

/* Plans Section */
.plans-section[b-egvyu5g1xe] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.plan-card[b-egvyu5g1xe] {
    background: rgba(255, 255, 255, 0.15);
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    padding: 1.5rem;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    backdrop-filter: blur(10px);
}

.plan-card:hover[b-egvyu5g1xe] {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.plan-card.selected[b-egvyu5g1xe] {
    border-color: white;
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
}

/* Annual Plan */
.annual-plan[b-egvyu5g1xe] {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.4);
}

.annual-plan.selected[b-egvyu5g1xe] {
    background: rgba(255, 255, 255, 0.3);
    border-color: white;
}

/* Monthly Plan */
.monthly-plan[b-egvyu5g1xe] {
    background: rgba(26, 54, 93, 0.8);
    border-color: rgba(26, 54, 93, 1);
}

.monthly-plan.selected[b-egvyu5g1xe] {
    background: rgba(26, 54, 93, 0.95);
    border-color: white;
}

/* Best Choice Badge */
.best-choice-badge[b-egvyu5g1xe] {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    color: white;
    padding: 0.5rem 1.5rem;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4);
}

.best-choice-badge i[b-egvyu5g1xe] {
    font-size: 1.1rem;
}

/* Plan Content */
.plan-content[b-egvyu5g1xe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.plan-info[b-egvyu5g1xe] {
    flex: 1;
}

.plan-type[b-egvyu5g1xe] {
    font-size: 1rem;
    font-weight: 500;
    color: white;
    margin: 0 0 0.5rem 0;
}

.plan-price[b-egvyu5g1xe] {
    font-size: 2.5rem;
    font-weight: 700;
    color: white;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.plan-price .period[b-egvyu5g1xe] {
    font-size: 1.2rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.9);
}

.plan-total[b-egvyu5g1xe] {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    font-weight: 500;
}

/* Radio Button */
.radio-button[b-egvyu5g1xe] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.radio-circle[b-egvyu5g1xe] {
    width: 32px;
    height: 32px;
    border: 3px solid white;
    border-radius: 50%;
    transition: all 0.3s ease;
    position: relative;
}

.radio-circle.selected[b-egvyu5g1xe]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    background: white;
    border-radius: 50%;
}

/* Terms Section */
.terms-section[b-egvyu5g1xe] {
    text-align: center;
}

.terms-link[b-egvyu5g1xe] {
    color: white;
    text-decoration: underline;
    font-size: 0.95rem;
    transition: opacity 0.3s ease;
}

.terms-link:hover[b-egvyu5g1xe] {
    opacity: 0.8;
}

/* Action Section */
.action-section[b-egvyu5g1xe] {
    margin-top: 1rem;
}

.btn-continuar[b-egvyu5g1xe] {
    width: 100%;
    background: rgba(26, 54, 93, 0.95);
    color: white;
    border: none;
    padding: 1.25rem;
    border-radius: 15px;
    font-size: 1.2rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

.btn-continuar:hover:not(:disabled)[b-egvyu5g1xe] {
    background: rgba(26, 54, 93, 1);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

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

.modal-overlay[b-egvyu5g1xe] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.modal-card[b-egvyu5g1xe] {
    background: #fff;
    padding: 2rem;
    border-radius: 12px;
    min-width: 320px;
    max-width: 720px;
    width: min(92vw, 720px);
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.2);
}

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

.modal-header h3[b-egvyu5g1xe] {
    margin: 0 0 0.35rem;
    font-size: 1.4rem;
    color: #1f2937;
}

.modal-subtitle[b-egvyu5g1xe] {
    margin: 0;
    color: #6b7280;
    font-size: 0.95rem;
}

.modal-close[b-egvyu5g1xe] {
    border: none;
    background: #f3f4f6;
    color: #4b5563;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.modal-close:hover[b-egvyu5g1xe] {
    background: #e5e7eb;
    transform: translateY(-1px);
}

.modal-section[b-egvyu5g1xe] {
    margin-bottom: 1.5rem;
}

.modal-section h4[b-egvyu5g1xe] {
    margin: 0 0 1rem;
    font-size: 1.05rem;
    color: #1f2937;
}

.modal-grid[b-egvyu5g1xe] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.modal-grid .span-2[b-egvyu5g1xe] {
    grid-column: span 2;
}

.modal-actions[b-egvyu5g1xe] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    margin-top: 1.5rem;
}

.btn-cancelar[b-egvyu5g1xe], .btn-confirmar[b-egvyu5g1xe] {
    padding: 0.75rem 2rem;
    border-radius: 8px;
    border: none;
}

.btn-cancelar[b-egvyu5g1xe] {
    background: #eee;
    color: #333;
}

.btn-confirmar[b-egvyu5g1xe] {
    background: #38b2ac;
    color: #fff;
}

.btn-confirmar:disabled[b-egvyu5g1xe] {
    background: #cbd5e1;
    color: #64748b;
    cursor: not-allowed;
    box-shadow: none;
    opacity: 0.7;
}

@media (max-width: 640px) {
    .modal-grid[b-egvyu5g1xe] {
        grid-template-columns: 1fr;
    }

    .modal-grid .span-2[b-egvyu5g1xe] {
        grid-column: span 1;
    }
}

/* Responsivo */
@media (max-width: 768px) {
    .main-title[b-egvyu5g1xe] {
        font-size: 1.75rem;
    }

    .subtitle[b-egvyu5g1xe] {
        font-size: 0.95rem;
    }

    .plan-price[b-egvyu5g1xe] {
        font-size: 2rem;
    }

    .plan-price .period[b-egvyu5g1xe] {
        font-size: 1rem;
    }

    .best-choice-badge[b-egvyu5g1xe] {
        font-size: 0.85rem;
        padding: 0.4rem 1.2rem;
    }
}

@media (max-width: 480px) {
    .payment-container[b-egvyu5g1xe] {
        padding: 1rem 0.75rem;
    }

    .main-title[b-egvyu5g1xe] {
        font-size: 1.5rem;
    }

    .plan-card[b-egvyu5g1xe] {
        padding: 1.25rem;
    }

    .plan-price[b-egvyu5g1xe] {
        font-size: 1.75rem;
    }
}
/* /Components/Shared/CardDespesas.razor.rz.scp.css */
/* Card de Despesas */
.card-despesas[b-aza2qw42la] { border-radius: 20px; padding: 1em; }
.despesas-tabs[b-aza2qw42la] { display: flex; gap: 8px; overflow-x: auto; margin-bottom: 24px; padding-bottom: 8px; }
.tab-btn[b-aza2qw42la] { background: white; border: 1px solid #e0e0e0; border-radius: 8px; padding: 10px 16px; font-size: 13px; cursor: pointer; white-space: nowrap; transition: all 0.3s; }
.tab-btn:first-child[b-aza2qw42la] { cursor: default; }
.tab-btn.active[b-aza2qw42la] { background: #00d4aa; color: #0f2c45; border-color: #00d4aa; font-weight: 700; }
.tab-btn:hover[b-aza2qw42la] { border-color: #00d4aa; }
.despesas-total[b-aza2qw42la] { position: relative; margin-bottom: 24px; }
.despesas-total h2[b-aza2qw42la] { margin: 0 0 16px 0; font-size: 32px; font-weight: 700; color: #333; }
.progress-bar[b-aza2qw42la] { width: 100%; height: 8px; background: #e0e0e0; border-radius: 4px; overflow: hidden; }
.progress-fill[b-aza2qw42la] { height: 100%; background: #00d4aa; border-radius: 4px; transition: width 0.3s; }
.progress-percent[b-aza2qw42la] { position: absolute; right: 0; top: 8px; font-size: 18px; font-weight: 600; color: #00d4aa; }
.despesas-list[b-aza2qw42la] { max-height: 400px; min-height: 471px; }

.despesa-item[b-aza2qw42la] { display: flex; justify-content: space-between; align-items: center; padding: 16px; background: #f8f9fa; border-radius: 12px; margin-bottom: 10px; }
.despesa-info[b-aza2qw42la] { flex: 1; }
.despesa-name[b-aza2qw42la] { margin: 0; font-size: 16px; font-weight: 600; color: #333; }
.despesa-date[b-aza2qw42la] { margin: 0; font-size: 13px; color: #666; }
.despesa-value-container[b-aza2qw42la] { display: flex; align-items: center; gap: 12px; }
.despesa-value[b-aza2qw42la] { margin: 0; font-size: 18px; font-weight: 700; color: #333; }
.btn-icon[b-aza2qw42la] { background: transparent; border: none; font-size: 18px; cursor: pointer; padding: 4px; }


/* Estado vazio */
.empty-state[b-aza2qw42la] { text-align: center; padding: 40px 20px; color: #999; }

.empty-state p[b-aza2qw42la] { margin-bottom: 20px; font-size: 16px; }

/* Item de despesa atrasada */
.despesa-item.atrasada[b-aza2qw42la] { border-left: 4px solid #f86060; background: #fff5f5; }

/* Badge de atrasada */
.badge-atrasada[b-aza2qw42la] { background: #f86060; color: white; padding: 2px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; margin-left: 8px; }

/* Bot�o de deletar */
.btn-delete[b-aza2qw42la] { color: #f86060; transition: all 0.3s; }

.btn-delete:hover[b-aza2qw42la] { color: #d93636; transform: scale(1.1); }

/* Anima��o de transi��o entre abas */
.despesas-list[b-aza2qw42la] { animation: fadeIn-b-aza2qw42la 0.3s ease-in; }

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

/* Responsivo */
@media (max-width: 768px) {
    .empty-state[b-aza2qw42la] { padding: 30px 15px; }

    .despesa-value-container[b-aza2qw42la] { flex-wrap: wrap; }
}
/* /Components/Shared/CursoModal.razor.rz.scp.css */
.curso-modal-content[b-l2jnb8uket] {
    background: #0f2c45;
    color: white;
    border: none;
    border-radius: 12px;
    overflow: hidden;
}

.modal-header[b-l2jnb8uket] {
    background: #0f2c45;
    padding: 20px;
}

.modal-title[b-l2jnb8uket] {
    font-size: 20px;
    font-weight: 600;
    color: white;
}

.btn-close-white[b-l2jnb8uket] {
    filter: brightness(0) invert(1);
    opacity: 0.8;
}

.btn-close-white:hover[b-l2jnb8uket] {
    opacity: 1;
}

.video-container[b-l2jnb8uket] {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    background: #000;
}

.video-container iframe[b-l2jnb8uket],
.video-container video[b-l2jnb8uket] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-not-available[b-l2jnb8uket] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    background: rgba(0, 0, 0, 0.7);
}

.video-not-available i[b-l2jnb8uket] {
    font-size: 64px;
    margin-bottom: 16px;
    opacity: 0.6;
}

.video-not-available p[b-l2jnb8uket] {
    margin: 0;
    font-size: 18px;
    opacity: 0.8;
}

/* Responsive Design */
@media (max-width: 768px) {
    .modal-xl[b-l2jnb8uket] {
        max-width: 95%;
        margin: 0.5rem;
    }

    .modal-title[b-l2jnb8uket] {
        font-size: 16px;
    }

    .modal-header[b-l2jnb8uket] {
        padding: 16px;
    }
}
/* /Components/Shared/LivroPendente.razor.rz.scp.css */
.modal.show[b-pihrlecfys] { display: block; overflow-y: auto; }

.book-title[b-pihrlecfys] { color: #00d4aa; font-weight: 600; font-size: 1.5rem; }

.book-image[b-pihrlecfys] { max-width: 300px; max-height: 400px; width: 100%; height: auto; object-fit: contain; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); }

.modal-content[b-pihrlecfys] { border-radius: 12px; border: none; }

.modal-body[b-pihrlecfys] { padding: 2rem; }

.btn[b-pihrlecfys] { border-radius: 8px; font-weight: 600; padding: 10px 24px; }

.btn-success[b-pihrlecfys] { background-color: #00d4aa; border-color: #00d4aa; }

.btn-success:hover[b-pihrlecfys] { background-color: #00a88e; border-color: #00a88e; }

.btn-secondary[b-pihrlecfys] { background-color: #999; border-color: #999; }

.btn-secondary:hover[b-pihrlecfys] { background-color: #777; border-color: #777; }

@media (max-width: 768px) {
    .book-image[b-pihrlecfys] { max-width: 100%; max-height: 300px; }

    .modal-body[b-pihrlecfys] { padding: 1.5rem; }
}
/* /Components/Shared/ProfilePhotoModal.razor.rz.scp.css */
.modal-backdrop[b-rrodk42w96] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1040; }

.modal-dialog-profile[b-rrodk42w96],
.modal-dialog-confirm[b-rrodk42w96] { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1050; width: 90%; max-width: 500px; }

.modal-dialog-confirm[b-rrodk42w96] { max-width: 400px; }

.modal-content-profile[b-rrodk42w96],
.modal-content-confirm[b-rrodk42w96] { background: white; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); overflow: hidden; }

.modal-header-profile[b-rrodk42w96],
.modal-header-confirm[b-rrodk42w96] { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.5rem; border-bottom: 1px solid #dee2e6; }

.modal-title[b-rrodk42w96] { margin: 0; font-size: 1.25rem; font-weight: 600; }

.btn-close[b-rrodk42w96] { background: none; border: none; font-size: 1.5rem; cursor: pointer; color: #6c757d; padding: 0; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }

.btn-close:hover[b-rrodk42w96] { color: #000; }

.modal-body-profile[b-rrodk42w96],
.modal-body-confirm[b-rrodk42w96] { padding: 1.5rem; }

.modal-footer-confirm[b-rrodk42w96] { padding: 1rem 1.5rem; border-top: 1px solid #dee2e6; display: flex; justify-content: flex-end; gap: 0.5rem; }

.profile-photo-preview[b-rrodk42w96] { display: flex; justify-content: center; align-items: center; padding: 1rem; }

.profile-photo-preview img[b-rrodk42w96] { max-width: 100%; max-height: 400px; object-fit: contain; }

.btn[b-rrodk42w96] { padding: 0.5rem 1rem; border: none; border-radius: 6px; font-size: 1rem; cursor: pointer; transition: all 0.3s; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; }

.btn-primary[b-rrodk42w96] { background-color: #0066cc; color: white; }

.btn-primary:hover[b-rrodk42w96] { background-color: #0052a3; }

.btn-danger[b-rrodk42w96] { background-color: #dc3545; color: white; }

.btn-danger:hover[b-rrodk42w96] { background-color: #bb2d3b; }

.btn-secondary[b-rrodk42w96] { background-color: #6c757d; color: white; }

.btn-secondary:hover[b-rrodk42w96] { background-color: #5a6268; }

.w-100[b-rrodk42w96] { width: 100%; }

.d-none[b-rrodk42w96] { display: none; }

.alert[b-rrodk42w96] { padding: 0.75rem 1rem; border-radius: 6px; margin-bottom: 0; }

.alert-danger[b-rrodk42w96] { background-color: #f8d7da; color: #842029; border: 1px solid #f5c2c7; }

.spinner-border[b-rrodk42w96] { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border 0.75s linear infinite; }

.text-primary[b-rrodk42w96] { color: #0066cc !important; }

@@keyframes spinner-border {
   to[b-rrodk42w96] { transform: rotate(360deg); }
}

.visually-hidden[b-rrodk42w96] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

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

.p-4[b-rrodk42w96] { padding: 1.5rem; }

.mt-2[b-rrodk42w96] { margin-top: 0.5rem; }

.mt-3[b-rrodk42w96] { margin-top: 1rem; }
/* /Components/Shared/VideoModal.razor.rz.scp.css */
.video-modal-content[b-6pnyv4lhp3] {
    background: #0f2c45;
    color: white;
    border: none;
    border-radius: 12px;
    overflow: hidden;
}

.modal-header[b-6pnyv4lhp3] {
    background: #0f2c45;
    padding: 20px;
}

.modal-title[b-6pnyv4lhp3] {
    font-size: 20px;
    font-weight: 600;
    color: white;
}

.btn-close-white[b-6pnyv4lhp3] {
    filter: brightness(0) invert(1);
    opacity: 0.8;
}

.btn-close-white:hover[b-6pnyv4lhp3] {
    opacity: 1;
}

.video-container[b-6pnyv4lhp3] {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    background: #000;
}

.video-container iframe[b-6pnyv4lhp3],
.video-container video[b-6pnyv4lhp3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-not-available[b-6pnyv4lhp3] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    background: rgba(0, 0, 0, 0.7);
}

.video-not-available i[b-6pnyv4lhp3] {
    font-size: 64px;
    margin-bottom: 16px;
    opacity: 0.6;
}

.video-not-available p[b-6pnyv4lhp3] {
    margin: 0;
    font-size: 18px;
    opacity: 0.8;
}

.modal-footer[b-6pnyv4lhp3] {
    background: #0f2c45;
    padding: 20px;
}

.modal-footer h6[b-6pnyv4lhp3] {
    color: #00c391;
    font-weight: 600;
    margin: 0;
}

.video-description[b-6pnyv4lhp3] {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
}

/* Responsive Design */
@media (max-width: 768px) {
    .modal-xl[b-6pnyv4lhp3] {
        max-width: 95%;
        margin: 0.5rem;
    }

    .modal-title[b-6pnyv4lhp3] {
        font-size: 16px;
    }

    .modal-header[b-6pnyv4lhp3],
    .modal-footer[b-6pnyv4lhp3] {
        padding: 16px;
    }

    .video-description[b-6pnyv4lhp3] {
        font-size: 13px;
    }
}