/**
 * HealthTICloud — override CDN Tailwind (misma paleta que RIS)
 * Colocar en public/css/portal-brand-override.css del portal Laravel
 */
:root {
    --htc-purple: #7d2181;
    --htc-purple-hover: #651a68;
    --htc-navy: #101860;
}

body.portal-auth-body,
.auth-page {
    background: linear-gradient(165deg, #f8f5fb 0%, #ede8f4 35%, #e4eaf6 70%, #dce4f8 100%) !important;
}

.bg-primary,
.btn-primary-portal {
    background-color: var(--htc-purple) !important;
}

.hover\:bg-primary-hover:hover,
.btn-primary-portal:hover {
    background-color: var(--htc-purple-hover) !important;
}

.text-primary,
a.text-primary {
    color: var(--htc-purple) !important;
}

.border-t-primary,
.auth-card {
    border-top-color: var(--htc-purple) !important;
}

.border-primary {
    border-color: var(--htc-purple) !important;
}

.focus\:ring-primary:focus,
.auth-input:focus {
    --tw-ring-color: rgba(125, 33, 129, 0.35) !important;
    border-color: var(--htc-purple) !important;
}

.portal-auth-card {
    border-top: 4px solid transparent !important;
    border-image: linear-gradient(90deg, #ba0c7f 0%, #7d2181 48%, #4a148c 100%) 1 !important;
}

.portal-brand-img {
    width: min(100%, 280px);
    height: auto;
    display: block;
    margin: 0 auto 0.75rem;
    object-fit: contain;
}

.portal-auth-subtitle {
    color: var(--htc-navy);
    font-size: 0.875rem;
    font-weight: 600;
}

.portal-topbar {
    background-color: var(--htc-navy) !important;
    border-bottom: 1px solid #1a2878 !important;
}

.portal-topbar .portal-topbar-greeting {
    color: #b8c4e8;
}

.portal-topbar .portal-topbar-greeting strong {
    color: #f5f3f8;
}

.portal-topbar .portal-topbar-logo {
    max-height: 40px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
}

.portal-topbar .portal-btn-ghost {
    color: #e8e4f0 !important;
}

.portal-topbar .portal-btn-ghost:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}