/*
 * Sistema visual do Agenda-On — extraído da landing page (resources/views/landing.blade.php)
 * pra dar consistência entre a página de vendas, login/cadastro, app interno e admin.
 * Funciona reescrevendo as variáveis CSS do próprio Bootstrap 5.3, então os componentes
 * padrão (.btn-primary, .card, .form-control, .badge, .table...) já herdam a marca
 * sem precisar reescrever cada view.
 */

:root {
    --brand: #6d28d9;
    --brand-dark: #4c1d95;
    --brand-light: #ede9fe;
    --ink: #1e1b2e;

    --bs-primary: var(--brand);
    --bs-primary-rgb: 109, 40, 217;
    --bs-link-color: var(--brand);
    --bs-link-color-rgb: 109, 40, 217;
    --bs-link-hover-color: var(--brand-dark);
    --bs-body-font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

body {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    color: var(--ink);
    background-color: #f8f9fa;
}

/* Navbar com o mesmo gradiente escuro/roxo da landing, em vez do bg-dark genérico */
.navbar.bg-dark {
    background: linear-gradient(135deg, var(--ink), var(--brand-dark)) !important;
}
.navbar-brand { font-weight: 800; }

.btn-primary {
    --bs-btn-bg: var(--brand);
    --bs-btn-border-color: var(--brand);
    --bs-btn-hover-bg: var(--brand-dark);
    --bs-btn-hover-border-color: var(--brand-dark);
    --bs-btn-active-bg: var(--brand-dark);
    --bs-btn-active-border-color: var(--brand-dark);
    --bs-btn-disabled-bg: var(--brand);
    --bs-btn-disabled-border-color: var(--brand);
    font-weight: 600;
    box-shadow: 0 8px 20px -8px rgba(109, 40, 217, .5);
}

.btn-outline-primary {
    --bs-btn-color: var(--brand);
    --bs-btn-border-color: var(--brand);
    --bs-btn-hover-bg: var(--brand);
    --bs-btn-hover-border-color: var(--brand);
    --bs-btn-active-bg: var(--brand);
    --bs-btn-active-border-color: var(--brand);
    font-weight: 600;
}

.card {
    border-radius: 16px;
    border-color: #eee7fb;
}

.table thead th {
    color: #6b6478;
    font-weight: 700;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    border-bottom-width: 1px;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--brand);
    box-shadow: 0 0 0 .2rem rgba(109, 40, 217, .15);
}

.form-check-input:checked {
    background-color: var(--brand);
    border-color: var(--brand);
}

.badge.bg-info {
    background-color: var(--brand-light) !important;
    color: var(--brand-dark) !important;
}

.accordion-button:not(.collapsed) {
    background-color: var(--brand-light);
    color: var(--brand-dark);
}
.accordion-button:focus { box-shadow: none; }

/* Cartão de autenticação (login/registro) — mesmo "ar" da landing */
.auth-shell {
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.auth-shell::before {
    content: '';
    position: absolute;
    top: -25%;
    right: -20%;
    width: 65%;
    padding-bottom: 65%;
    background: radial-gradient(circle, var(--brand-light) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 0;
}
.auth-shell .container { position: relative; z-index: 1; }
.auth-brand { font-weight: 800; }
.auth-brand .dot { color: var(--brand); }