/**
 * Portal clientes — tema Hermès × Linear (capa final).
 * Misma identidad que el admin: crema, tostado #C15E2A, Fraunces.
 * Solo CSS. Sin chrome Filament ni pantallas de oficina.
 */

/* ── Tokens (ganan a linear/cleanmac) ── */
.breso-portal-linear,
body.breso-login-page,
html.breso-ui.breso-portal-linear {
    --breso-bg: #F4F0E8;
    --breso-surface: #FBF9F4;
    --breso-surface-muted: #EDE7DB;
    --breso-input-bg: #F7F3EB;
    --breso-input-border: #D4C8B4;
    --breso-text: #2E2A22;
    --breso-text-secondary: #7A6B58;
    --breso-text-tertiary: #9A8B76;
    --breso-border: #E8E0D0;
    --breso-border-soft: rgba(46, 42, 34, 0.08);
    --breso-blue: #C15E2A;
    --breso-blue-soft: rgba(193, 94, 42, 0.12);
    --breso-accent: #C15E2A;
    --breso-accent-hover: #9E4A1F;
    --breso-accent-soft: rgba(193, 94, 42, 0.14);
    --breso-gold: #8C7350;
    --breso-gold-soft: rgba(140, 115, 80, 0.16);
    --breso-success: #5E7F52;
    --breso-success-soft: rgba(122, 154, 110, 0.18);
    --breso-warn: #E0A24E;
    --breso-warn-soft: rgba(224, 162, 78, 0.2);
    --breso-danger: #9E4A1F;
    --breso-danger-soft: rgba(158, 74, 31, 0.14);
    --breso-nav-bg: #E4DAC8;
    --breso-nav-text: #7A6B58;
    --breso-nav-text-active: #C15E2A;
    --breso-nav-hover-bg: rgba(46, 42, 34, 0.05);
    --breso-nav-active-bg: rgba(193, 94, 42, 0.14);
    --breso-shadow-xs: 0 1px 2px rgba(46, 42, 34, 0.04);
    --breso-shadow-sm: 0 8px 28px rgba(46, 42, 34, 0.07);
    --breso-shadow-md: 0 16px 40px rgba(193, 94, 42, 0.12);
    --breso-font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;
    --breso-font-display: "Fraunces", Georgia, "Times New Roman", serif;
    --breso-font-lema: "Cormorant Garamond", Georgia, "Times New Roman", serif;
    --breso-ease: cubic-bezier(0.16, 1, 0.3, 1);
    --breso-duration: 320ms;
}

.breso-portal-linear,
.breso-portal-linear body,
body.breso-login-page {
    font-family: var(--breso-font-ui) !important;
    background: var(--breso-bg) !important;
    color: var(--breso-text) !important;
}

.breso-portal-linear .breso-portal-app,
.breso-portal-linear .breso-portal-shell,
.breso-portal-linear .breso-portal-app__body,
.breso-portal-linear .breso-portal-main {
    background: var(--breso-bg) !important;
    color: var(--breso-text) !important;
}

/* ── Sidebar crema (como admin) ── */
.breso-portal-linear .breso-portal-sidebar {
    background: #E4DAC8 !important;
    background-image: linear-gradient(180deg, #E8DFD0 0%, #E0D4C0 100%) !important;
    border-right: 1px solid #D4C8B4 !important;
    box-shadow: none !important;
}

.breso-portal-linear .breso-portal-sidebar__brand {
    background: transparent !important;
    border-bottom: 1px solid #D4C8B4 !important;
}

.breso-portal-linear .breso-portal-brand__name,
.breso-portal-linear .breso-linear-brand__breso,
.breso-portal-linear .breso-linear-brand__name {
    font-family: var(--breso-font-display) !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
    color: #2E2A22 !important;
}

.breso-portal-linear .breso-portal-brand__sub,
.breso-portal-linear .breso-linear-brand__sub {
    color: #9A8B76 !important;
    letter-spacing: 0.08em !important;
}

.breso-portal-linear .breso-portal-brand__mark,
.breso-portal-linear .breso-linear-brand__mark,
.breso-portal-linear .breso-linear-mark,
.breso-portal-linear .breso-linear-brand__linear,
.breso-portal-linear .breso-linear-brand__sep {
    color: #C15E2A !important;
}

.breso-portal-linear .breso-portal-sidebar__group {
    color: #9A8B76 !important;
}

.breso-portal-linear .breso-portal-sidebar__user {
    border-bottom: 1px solid #D4C8B4 !important;
}

.breso-portal-linear .breso-portal-sidebar__user-meta strong {
    color: #2E2A22 !important;
}

.breso-portal-linear .breso-portal-sidebar__user-meta span {
    color: #9A8B76 !important;
}

.breso-portal-linear .breso-portal-sidebar__avatar,
.breso-portal-linear .breso-portal-topbar__avatar {
    background: linear-gradient(180deg, #E08A55, #C15E2A) !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(193, 94, 42, 0.28) !important;
}

.breso-portal-linear .breso-portal-sidebar__link {
    color: #7A6B58 !important;
    border-radius: 10px !important;
    transition: background 0.35s var(--breso-ease), color 0.35s var(--breso-ease) !important;
}

.breso-portal-linear .breso-portal-sidebar__link:hover {
    background: rgba(46, 42, 34, 0.05) !important;
    color: #2E2A22 !important;
}

.breso-portal-linear .breso-portal-sidebar__link.is-active {
    background: rgba(193, 94, 42, 0.14) !important;
    color: #C15E2A !important;
    font-weight: 600 !important;
}

.breso-portal-linear .breso-portal-sidebar__link.is-active::before {
    background: #C15E2A !important;
}

.breso-portal-linear .breso-portal-sidebar__icon {
    background: transparent !important;
    color: #7A6B58 !important;
}

.breso-portal-linear .breso-portal-sidebar__link.is-active .breso-portal-sidebar__icon {
    background: transparent !important;
    color: #C15E2A !important;
}

.breso-portal-linear .breso-portal-sidebar__footer {
    border-top: 1px solid #D4C8B4 !important;
}

.breso-portal-linear .breso-portal-sidebar__logout {
    background: rgba(46, 42, 34, 0.06) !important;
    color: #7A6B58 !important;
    border-radius: 999px !important;
}

.breso-portal-linear .breso-portal-sidebar__logout:hover {
    background: rgba(158, 74, 31, 0.14) !important;
    color: #9E4A1F !important;
}

/* ── Topbar sólida + filete tostado ── */
.breso-portal-linear .breso-portal-topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 30 !important;
    background: #FBF9F4 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.breso-portal-linear .breso-portal-topbar::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg, #C15E2A, #E0883D 50%, #C15E2A);
    pointer-events: none;
}

.breso-portal-linear .breso-portal-topbar__page-title {
    font-family: var(--breso-font-display) !important;
    font-weight: 500 !important;
    color: #2E2A22 !important;
    letter-spacing: -0.02em !important;
}

.breso-portal-linear .breso-portal-topbar__menu {
    color: #7A6B58 !important;
}

/* Menú usuario portal: que no se corte a la derecha */
.breso-portal-linear .breso-portal-user-menu,
.breso-portal-linear .breso-portal-topbar .breso-theme-settings {
    max-width: min(300px, calc(100vw - 1.5rem));
    box-sizing: border-box;
}

.breso-portal-linear .breso-portal-user-menu {
    margin-left: -1.5rem;
}

/* ── Tipografía display ── */
.breso-portal-linear .breso-portal-hero__title,
.breso-portal-linear .breso-hero__title,
.breso-portal-linear .breso-portal-page-card__title,
.breso-portal-linear .breso-section-header__title,
.breso-portal-linear .breso-portal-list-amount,
.breso-portal-linear .breso-stat__value {
    font-family: var(--breso-font-display) !important;
    letter-spacing: -0.02em !important;
}

.breso-portal-linear .breso-portal-hero__title,
.breso-portal-linear .breso-hero__title {
    font-weight: 500 !important;
    color: #2E2A22 !important;
}

.breso-portal-linear .breso-hero__desc,
.breso-portal-linear .breso-section-header__description {
    color: #7A6B58 !important;
}

/* ── Cards ── */
.breso-portal-linear .breso-card,
.breso-portal-linear .breso-stat,
.breso-portal-linear .breso-action-card,
.breso-portal-linear .breso-portal-list-card,
.breso-portal-linear .breso-portal-page-card,
.breso-portal-linear .breso-portal-cobros-card,
.breso-portal-linear .breso-portal-facturas-card,
.breso-portal-linear .breso-home-estado,
.breso-portal-linear .breso-alquiler-card {
    background: #FBF9F4 !important;
    border: 1px solid #E8E0D0 !important;
    box-shadow: var(--breso-shadow-sm) !important;
    border-radius: 16px !important;
}

.breso-portal-linear .breso-card--lift:hover,
.breso-portal-linear .breso-action-card:hover,
.breso-portal-linear .breso-stat:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--breso-shadow-md) !important;
    border-color: rgba(193, 94, 42, 0.28) !important;
}

/* ── Iconos tierra (sin azul Apple) ── */
.breso-portal-linear .breso-home-need__icon,
.breso-portal-linear .breso-home-estado--neutral .breso-home-estado__icon,
.breso-portal-linear .breso-home-estado--info .breso-home-estado__icon,
.breso-portal-linear .breso-portal-page-card__icon,
.breso-portal-linear .breso-portal-page-card__icon--user,
.breso-portal-linear .breso-list-item__icon--info,
.breso-portal-linear .breso-list-item__icon--blue,
.breso-portal-linear .breso-stat__icon,
.breso-portal-linear .breso-action-card__icon,
.breso-portal-linear .breso-doc-empty__icon {
    background: linear-gradient(180deg, #E08A55 0%, #C15E2A 55%, #9E4A1F 100%) !important;
    color: #fff !important;
    box-shadow: 0 6px 14px rgba(193, 94, 42, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}

.breso-portal-linear .breso-home-estado--ok .breso-home-estado__icon {
    background: linear-gradient(180deg, #9BB890 0%, #7A9A6E 55%, #5E7F52 100%) !important;
}

.breso-portal-linear .breso-home-estado--accion .breso-home-estado__icon,
.breso-portal-linear .breso-home-estado--proximo .breso-home-estado__icon,
.breso-portal-linear .breso-portal-page-card__icon--pending {
    background: linear-gradient(180deg, #F0C078 0%, #E0A24E 55%, #C4892E 100%) !important;
}

.breso-portal-linear .breso-home-estado--urgente .breso-home-estado__icon {
    background: linear-gradient(180deg, #E08A55 0%, #C15E2A 55%, #9E4A1F 100%) !important;
}

.breso-portal-linear .breso-portal-page-card__icon--lock {
    background: linear-gradient(180deg, #B8956A 0%, #8C7350 55%, #6B5640 100%) !important;
}

/* ── Botones tostados ── */
.breso-portal-linear .breso-btn--primary,
.breso-portal-linear .breso-btn-primary,
.breso-portal-linear .breso-portal-viewer-btn--primary,
.breso-portal-linear .breso-home-estado__cta,
body.breso-login-page button[type="submit"],
body.breso-login-page .breso-btn--primary {
    background: linear-gradient(180deg, #D97845 0%, #C15E2A 100%) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(193, 94, 42, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
    transition: transform 0.3s var(--breso-ease), box-shadow 0.3s var(--breso-ease) !important;
}

.breso-portal-linear .breso-btn--primary:hover,
.breso-portal-linear .breso-home-estado__cta:hover,
body.breso-login-page button[type="submit"]:hover {
    background: linear-gradient(180deg, #C15E2A 0%, #9E4A1F 100%) !important;
    color: #fff !important;
}

.breso-portal-linear .breso-btn--secondary,
.breso-portal-linear .breso-portal-viewer-btn:not(.breso-portal-viewer-btn--primary) {
    color: #7A6B58 !important;
    border-color: #D4C8B4 !important;
    background: transparent !important;
}

.breso-portal-linear a,
.breso-portal-linear .breso-link,
body.breso-login-page a {
    color: #C15E2A;
}

.breso-portal-linear a:hover,
body.breso-login-page a:hover {
    color: #9E4A1F;
}

/* ── Badges / pills ── */
.breso-portal-linear .breso-badge--info,
.breso-portal-linear .breso-badge[data-variant="info"] {
    background: rgba(166, 144, 111, 0.18) !important;
    color: #6B5E4E !important;
}

.breso-portal-linear .breso-badge--nuevo,
.breso-portal-linear .breso-badge--primary {
    background: #C15E2A !important;
    color: #fff !important;
}

.breso-portal-linear .breso-badge--success {
    background: rgba(94, 127, 82, 0.16) !important;
    color: #3d5a34 !important;
}

.breso-portal-linear .breso-badge--warn,
.breso-portal-linear .breso-badge--warning {
    background: rgba(224, 162, 78, 0.2) !important;
    color: #8a5a12 !important;
}

.breso-portal-linear .breso-badge--danger {
    background: rgba(158, 74, 31, 0.14) !important;
    color: #9E4A1F !important;
}

/* ── Formularios ── */
.breso-portal-linear .breso-archive-search:focus-within,
.breso-portal-linear .breso-portal-form input:focus,
.breso-portal-linear .breso-portal-form textarea:focus,
.breso-portal-linear .breso-portal-form select:focus,
body.breso-login-page input:focus,
body.breso-login-page select:focus,
body.breso-login-page textarea:focus {
    border-color: #C15E2A !important;
    box-shadow: 0 0 0 3px rgba(193, 94, 42, 0.15) !important;
}

/* Segmentados / filtros archivo */
.breso-portal-linear .breso-archive-tabs,
.breso-portal-linear .breso-oper-segmented,
.breso-portal-linear .breso-portal-seg {
    display: inline-flex;
    gap: 2px;
    padding: 3px;
    background: rgba(118, 118, 128, 0.12);
    border-radius: 9px;
}

.breso-portal-linear .breso-archive-tab,
.breso-portal-linear .breso-oper-seg-btn,
.breso-portal-linear .breso-portal-seg__btn {
    border: none;
    background: transparent;
    color: #7A6B58;
    border-radius: 7px;
    min-height: 32px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 560;
    cursor: pointer;
    transition: background 0.35s var(--breso-ease), color 0.35s var(--breso-ease);
}

.breso-portal-linear .breso-archive-tab.is-active,
.breso-portal-linear .breso-oper-seg-btn.is-active,
.breso-portal-linear .breso-portal-seg__btn.is-active {
    background: #C15E2A !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(193, 94, 42, 0.28);
}

/* Alertas portal */
.breso-portal-linear .breso-portal-alert--info {
    background: rgba(166, 144, 111, 0.14) !important;
    border-color: rgba(140, 115, 80, 0.25) !important;
    color: #6B5E4E !important;
}

.breso-portal-linear .breso-portal-alert--warn {
    background: rgba(224, 162, 78, 0.16) !important;
    border-color: rgba(224, 162, 78, 0.35) !important;
}

.breso-portal-linear .breso-portal-alert--danger {
    background: rgba(158, 74, 31, 0.12) !important;
    border-color: rgba(158, 74, 31, 0.28) !important;
}

/* ── Login auth ── */
body.breso-login-page {
    background:
        radial-gradient(ellipse 80% 50% at 50% -20%, rgba(193, 94, 42, 0.12), transparent 55%),
        radial-gradient(ellipse 60% 40% at 100% 100%, rgba(140, 115, 80, 0.08), transparent 50%),
        #F4F0E8 !important;
}

body.breso-login-page .breso-login-card,
body.breso-login-page .breso-card {
    background: #FBF9F4 !important;
    border: 1px solid #E8E0D0 !important;
    box-shadow: var(--breso-shadow-md) !important;
}

body.breso-login-page .breso-linear-login-brand__breso,
body.breso-login-page .breso-portal-brand__name {
    font-family: var(--breso-font-display) !important;
    color: #2E2A22 !important;
}

body.breso-login-page .breso-linear-brand__linear,
body.breso-login-page .breso-linear-brand__mark {
    color: #C15E2A !important;
}

/* ── Firma / cuenta datos (overrides residuales) ── */
.breso-portal-linear .breso-portal-firma-accent,
.breso-portal-firma-page a,
.breso-cuenta-datos .breso-btn--primary {
    color: #C15E2A;
}

.breso-cuenta-datos .breso-btn--primary,
.breso-cuenta-datos button[type="submit"] {
    background: linear-gradient(180deg, #D97845 0%, #C15E2A 100%) !important;
}

/* ── Noche: sidebar oscuro + acento tostado ── */
html.breso-ui.breso-theme-night.breso-portal-linear {
    --breso-bg: #0c0c0e;
    --breso-surface: #161618;
    --breso-surface-muted: #1c1c1f;
    --breso-input-bg: #1c1c1f;
    --breso-input-border: rgba(255, 255, 255, 0.1);
    --breso-text: #eeeef0;
    --breso-text-secondary: #a1a1aa;
    --breso-text-tertiary: #71717a;
    --breso-border-soft: rgba(255, 255, 255, 0.08);
    --breso-accent: #E08A55;
    --breso-accent-hover: #F0C078;
    --breso-accent-soft: rgba(224, 138, 85, 0.2);
    --breso-blue: #E08A55;
    --breso-nav-text: #a1a1aa;
    --breso-nav-text-active: #E08A55;
}

html.breso-ui.breso-theme-night.breso-portal-linear .breso-portal-sidebar {
    background: #121214 !important;
    background-image: none !important;
    border-right-color: rgba(255, 255, 255, 0.08) !important;
}

html.breso-ui.breso-theme-night.breso-portal-linear .breso-portal-sidebar__brand,
html.breso-ui.breso-theme-night.breso-portal-linear .breso-portal-sidebar__user,
html.breso-ui.breso-theme-night.breso-portal-linear .breso-portal-sidebar__footer {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html.breso-ui.breso-theme-night.breso-portal-linear .breso-portal-brand__name,
html.breso-ui.breso-theme-night.breso-portal-linear .breso-linear-brand__breso,
html.breso-ui.breso-theme-night.breso-portal-linear .breso-portal-sidebar__user-meta strong,
html.breso-ui.breso-theme-night.breso-portal-linear .breso-portal-topbar__page-title,
html.breso-ui.breso-theme-night.breso-portal-linear .breso-hero__title {
    color: #eeeef0 !important;
}

html.breso-ui.breso-theme-night.breso-portal-linear .breso-portal-topbar {
    background: #0c0c0e !important;
}

html.breso-ui.breso-theme-night.breso-portal-linear .breso-card,
html.breso-ui.breso-theme-night.breso-portal-linear .breso-stat,
html.breso-ui.breso-theme-night.breso-portal-linear .breso-portal-page-card,
html.breso-ui.breso-theme-night.breso-portal-linear .breso-home-estado {
    background: #161618 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html.breso-ui.breso-theme-night.breso-portal-linear .breso-portal-sidebar__link.is-active {
    background: rgba(224, 138, 85, 0.18) !important;
    color: #E08A55 !important;
}

html.breso-ui.breso-theme-night.breso-portal-linear .breso-btn--primary,
html.breso-ui.breso-theme-night.breso-portal-linear .breso-home-estado__cta {
    background: linear-gradient(180deg, #E08A55 0%, #C15E2A 100%) !important;
}