/* Reaven Apartments: shared refinements, keeping each module's layout and palette. */
@media screen {
:root{--reaven-blue:#2563eb;--reaven-ink:#0f172a;--reaven-muted:#526176;--reaven-line:#dce4ed;--reaven-surface:#fff;--reaven-radius:12px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:90px}
body.reaven-ui{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--reaven-ink);font-size:14px;line-height:1.5;min-width:0}
body.reaven-ui:has(>.header){padding-top:0}
body.reaven-ui h1{font-size:clamp(1.3rem,2.2vw,1.75rem);line-height:1.25;letter-spacing:-.02em;overflow-wrap:anywhere}
body.reaven-ui h2{font-size:1.2rem;line-height:1.35}
body.reaven-ui h3{font-size:1rem;line-height:1.4}
body.reaven-ui h1,body.reaven-ui h2,body.reaven-ui h3{margin-top:0;margin-bottom:12px}
body.reaven-ui p{overflow-wrap:anywhere}
body.reaven-ui .wrap,body.reaven-ui .container,body.reaven-ui .main,body.reaven-ui .hr-page{min-width:0}
body.reaven-ui .wrap,body.reaven-ui .container,body.reaven-ui .main{width:100%;padding:24px;max-width:min(1440px,100%)}
body.reaven-ui main:not([class]){max-width:1120px;margin-inline:auto;padding:24px}
body.reaven-ui .card:not(.auth-card){border:1px solid var(--reaven-line);border-radius:var(--reaven-radius);box-shadow:0 3px 12px rgba(15,23,42,.035);min-width:0}
body.reaven-ui .card.section,body.reaven-ui .card.tool,body.reaven-ui .card.info{padding:20px}
body.reaven-ui .kpis{grid-template-columns:repeat(auto-fit,minmax(min(100%,195px),1fr));gap:14px}
body.reaven-ui .kpis>.card{padding:18px;min-height:112px}
body.reaven-ui .kpis .value{font-size:28px;font-weight:750;line-height:1.25;overflow-wrap:anywhere}
body.reaven-ui .kpis h4{font-size:11px;font-weight:700;letter-spacing:.055em;color:var(--reaven-muted)}
body.reaven-ui .grid>*,body.reaven-ui .grid2>*,body.reaven-ui .stats>*,body.reaven-ui .row>*,body.reaven-ui .field{min-width:0}
body.reaven-ui .actions,body.reaven-ui .tool-actions,body.reaven-ui .section-header,body.reaven-ui .topbar,body.reaven-ui .top{gap:10px;flex-wrap:wrap}
body.reaven-ui .btn,body.reaven-ui .mini-btn,body.reaven-ui button:not(.hr-group-header){font-family:inherit;font-size:14px;line-height:1.3;border-radius:9px;min-height:42px;max-width:100%;cursor:pointer}
body.reaven-ui .btn,body.reaven-ui .mini-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;text-align:center;text-decoration:none;white-space:normal;font-weight:650}
body.reaven-ui .mini-btn{padding:7px 10px;font-size:13px}
body.reaven-ui .btn-primary{background:#2563eb;color:#fff;border:1px solid #2563eb}
body.reaven-ui .btn-light{background:#f1f5f9;color:#172b4d;border:1px solid #dbe3ec}
body.reaven-ui button:disabled,body.reaven-ui [aria-disabled=true]{cursor:wait;opacity:.65}
body.reaven-ui label{font-size:13px;font-weight:650;line-height:1.4}
body.reaven-ui input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),body.reaven-ui select,body.reaven-ui textarea{font:inherit;font-size:14px;border:1px solid #cbd5e1;border-radius:8px;min-height:42px;padding:9px 11px;max-width:100%;min-width:0;box-shadow:none;background-color:#fff;color:#0f172a}
body.reaven-ui input[type=checkbox],body.reaven-ui input[type=radio]{width:18px;height:18px;min-height:0;accent-color:#2563eb;vertical-align:middle}
body.reaven-ui textarea{resize:vertical;min-height:96px}
body.reaven-ui input[readonly]{background:#f8fafc}
body.reaven-ui input::placeholder,body.reaven-ui textarea::placeholder{color:#738197;opacity:1}
body.reaven-ui .field{margin-bottom:2px}
body.reaven-ui .field>label{display:block;margin-bottom:6px}
body.reaven-ui .hint,body.reaven-ui .note,body.reaven-ui .muted,body.reaven-ui .smallmuted{font-size:12px;line-height:1.5}
body.reaven-ui :focus-visible{outline:3px solid #60a5fa;outline-offset:3px}
body.reaven-ui input:focus,body.reaven-ui select:focus,body.reaven-ui textarea:focus{border-color:#2563eb;outline:2px solid #bfdbfe;outline-offset:1px}
body.reaven-ui .reaven-table-scroll,body.reaven-ui .table-wrap,body.reaven-ui .table-responsive{display:block;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;min-width:0}
body.reaven-ui .reaven-table-scroll>table{display:table;width:100%;border-collapse:collapse;min-width:520px}
body.reaven-ui th,body.reaven-ui td{padding:12px 14px;font-size:13px;text-align:left;vertical-align:middle;border-bottom:1px solid #e7edf3}
body.reaven-ui th{font-weight:650;font-size:12px;color:#475569;background:#f8fafc;white-space:nowrap}
body.reaven-ui td{overflow-wrap:break-word}
body.reaven-ui td:last-child .actions{min-width:120px}
body.reaven-ui tbody tr:last-child td{border-bottom:0}
body.reaven-ui .empty,body.reaven-ui td[colspan]{padding:22px 14px;color:#526176}
body.reaven-ui .badge{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:4px 9px;border-radius:6px;font-size:11px;font-weight:700;line-height:1.4;white-space:normal}
body.reaven-ui .alert,body.reaven-ui .error,body.reaven-ui .success-message{border-radius:9px;padding:12px 14px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
body.reaven-ui .alert-danger,body.reaven-ui .error{border:1px solid #fecaca;background:#fff1f2;color:#9f1239}
body.reaven-ui .alert-success{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534}
body.reaven-ui .header:has(.header-container){position:sticky;top:0;height:auto;min-height:66px;z-index:1000;border-bottom:1px solid #bcdcff}
body.reaven-ui .header-container{max-width:1440px;min-height:66px;height:auto;gap:14px;padding:12px 24px;flex-wrap:wrap;justify-content:space-between}
body.reaven-ui .header-container .logo{font-size:15px;white-space:normal;overflow-wrap:anywhere;letter-spacing:.025em;flex:0 1 auto}
body.reaven-ui .header-container .nav{gap:4px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
body.reaven-ui .header-container .nav>a{font-size:13px;min-height:38px;display:flex;align-items:center;padding:9px 10px;line-height:1.3}
body.reaven-ui nav a[aria-current=page],body.reaven-ui .hr-link[aria-current=page]{background:#dbeafe;color:#1e40af;box-shadow:inset 0 -2px #2563eb}
body.reaven-ui .user-menu{z-index:1100;top:calc(100% + 8px);border:1px solid #dce4ed;max-width:min(260px,85vw)}
body.reaven-ui .header-container .menu-toggle{position:static;width:42px;height:42px;flex:none;line-height:1}
body.reaven-ui .footer{padding:15px 24px;margin-top:28px}
body.reaven-ui .footer-container{max-width:1392px;gap:10px;flex-wrap:wrap;line-height:1.5}
body.reaven-ui .footer-left{white-space:normal;font-size:12px}
body.reaven-ui .footer-right{display:flex;gap:12px;flex-wrap:wrap}
body.reaven-ui .footer-right a{margin:0;font-size:12px}
body.reaven-ui .hr-shell{min-width:0}
body.reaven-ui .hr-sidebar{flex-shrink:0}
body.reaven-ui .hr-page{overflow:visible}
body.reaven-ui .hr-brand-title{overflow-wrap:anywhere}
body.reaven-ui .auth-card{width:min(420px,calc(100% - 28px));padding:28px;border-radius:16px;border:1px solid #dce4ed;box-shadow:0 12px 35px rgba(15,23,42,.07)}
body.reaven-ui .auth-card .brand h1{font-size:23px}
body.reaven-ui .auth-card .brand::before{content:'Reaven Apartments';display:block;color:#2563eb;font-size:12px;font-weight:750;letter-spacing:.04em;margin-bottom:14px}
body.reaven-ui .auth-card input{width:100%}
body.reaven-ui .reaven-required{color:#b91c1c;margin-left:3px}
.reaven-status{margin:0;background:#f3f7fb;min-height:100vh;display:grid;place-items:center;padding:20px;font-family:system-ui,sans-serif;color:#0f172a}
.reaven-status-card{width:min(530px,100%);padding:38px;background:#fff;border:1px solid #dce4ed;border-radius:16px;text-align:center;box-shadow:0 12px 35px #0f172a09}
.reaven-wordmark{display:block;color:#2563eb;font-size:13px;font-weight:750;letter-spacing:.04em;margin-bottom:24px}
.reaven-status-card h1{font-size:64px;margin:0;color:#1d4ed8;line-height:1.1}
.reaven-status-card h2{margin:14px 0 10px;font-size:24px}
.reaven-status-card p{font-size:15px;color:#526176;line-height:1.6;margin-bottom:24px}
.reaven-status-card .actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.reaven-status-card .btn{display:inline-block;text-decoration:none;border-radius:9px;padding:12px 16px;background:#2563eb;color:#fff;font-size:14px;font-weight:650}
.reaven-status-card .btn-light{background:#edf2f7;color:#172b4d}
.reaven-skip{position:absolute;left:12px;top:-80px;z-index:2000;background:#fff;color:#1d4ed8;padding:10px;border:2px solid #2563eb;border-radius:8px}
.reaven-skip:focus{top:12px}
.reaven-load-error{padding:12px 14px;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:8px;margin-bottom:14px}
@media(max-width:1200px){
 body.reaven-ui .header-container .menu-toggle{display:block}
 body.reaven-ui .header-container .nav{display:none;position:static;flex:1 0 100%;width:100%;background:transparent;padding:8px 0 0;border:0;justify-content:flex-start;align-items:stretch}
 body.reaven-ui .header-container .nav.show{display:flex;flex-direction:row}
 body.reaven-ui .header-container .nav>a{flex:1 1 135px;justify-content:flex-start;text-align:left}
 body.reaven-ui .header-container .nav .user{width:auto;min-width:150px;text-align:left}
 body.reaven-ui .header-container .logo{flex:1;text-align:left;padding:0}
}
@media(max-width:980px){
 html{scroll-padding-top:20px}
 body.reaven-ui .hr-shell{display:flex;flex-direction:column}
 body.reaven-ui .hr-mobile-open-button{position:static;margin:12px 16px;width:auto;min-width:44px;align-self:flex-start;box-shadow:none;padding:10px}
 body.reaven-ui .hr-mobile-open-button::after{content:'Menu';padding-left:8px;font-weight:650}
 body.reaven-ui .hr-sidebar{position:static;display:none;width:100%;max-width:none;height:auto;transform:none;box-shadow:none;overflow:visible}
 body.reaven-ui .hr-sidebar.mobile-open{display:block;transform:none;width:100%;max-width:none}
 body.reaven-ui .hr-sidebar-overlay,body.reaven-ui .hr-sidebar-overlay.show{display:none}
 body.reaven-ui .hr-page{padding-top:0;width:100%;margin-left:0}
 body.reaven-ui .hr-page .wrap{padding-top:12px}
}
@media(max-width:700px){
 body.reaven-ui{font-size:14px}
 body.reaven-ui .wrap,body.reaven-ui .container,body.reaven-ui .main,body.reaven-ui main:not([class]){padding:16px 12px}
 body.reaven-ui .header:has(.header-container){position:static}
 body.reaven-ui .header-container{padding:10px 12px;gap:8px}
 body.reaven-ui .header-container .logo{font-size:14px;max-width:calc(100% - 52px)}
 body.reaven-ui .header-container .nav>a{min-height:44px}
 body.reaven-ui .header-container .nav .user{flex:1 1 100%}
 body.reaven-ui .header-container .user-btn{width:100%;text-align:left}
 body.reaven-ui .header-container .user-menu{position:static;max-width:none;width:100%;margin-top:8px;box-shadow:none}
 body.reaven-ui .grid,body.reaven-ui .grid2,body.reaven-ui .form-grid,body.reaven-ui .row{grid-template-columns:minmax(0,1fr);gap:12px}
 body.reaven-ui .grid>[class*=span-],body.reaven-ui .form-grid>[class*=span-],body.reaven-ui .field[style*=grid-column]{grid-column:auto!important}
 body.reaven-ui .kpis,body.reaven-ui .stats,body.reaven-ui .mini-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.reaven-ui .kpis>.card{padding:14px;min-height:105px}
 body.reaven-ui .kpis .value{font-size:25px}
 body.reaven-ui .card.section,body.reaven-ui .card.tool,body.reaven-ui .card.info{padding:15px}
 body.reaven-ui .topbar{align-items:flex-start;flex-direction:column}
 body.reaven-ui .topbar .actions,body.reaven-ui .top .actions{width:100%}
 body.reaven-ui .actions>.btn{flex:1 1 auto}
 body.reaven-ui input:not([type=hidden]):not([type=checkbox]):not([type=radio]),body.reaven-ui select,body.reaven-ui textarea{font-size:16px}
 body.reaven-ui input[type=date],body.reaven-ui input[type=datetime-local]{width:100%;min-width:0}
 body.reaven-ui .reaven-table-scroll>table{min-width:520px}
 body.reaven-ui .footer{padding:14px 12px}
 body.reaven-ui .footer-container{flex-direction:column;text-align:center;align-items:center}
 body.reaven-ui .modal,body.reaven-ui dialog{max-width:calc(100vw - 24px)}
 body.reaven-ui .money{flex-wrap:wrap;gap:4px}
 body.reaven-ui .money .amount{font-size:17px}
 body.reaven-ui .chat,body.reaven-ui .chat-box{max-width:100%}
 .reaven-status-card{padding:28px 20px}
}
@media(max-width:360px){body.reaven-ui .kpis,body.reaven-ui .stats{grid-template-columns:minmax(0,1fr)}body.reaven-ui .actions>.btn{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
}

@media screen {
 body.reaven-ui .reaven-table-scroll{contain:inline-size}
 body.reaven-ui .tables-wrap,body.reaven-ui .charts-wrap,body.reaven-ui .mini-table-box,body.reaven-ui .chart-card,body.reaven-ui .chart-holder{min-width:0;max-width:100%}
 body.reaven-ui canvas{max-width:100%}
 @media(max-width:700px){body.reaven-ui .tables-wrap,body.reaven-ui .charts-wrap{grid-template-columns:minmax(0,1fr)}}
}

body.reaven-ui a[aria-disabled="true"]{opacity:.6;cursor:default;text-decoration:none}



@media screen {
 body.reaven-ui .email{overflow-wrap:anywhere;word-break:break-word}
 body.reaven-ui .mini-stats .value{overflow-wrap:anywhere}
 @media(max-width:700px){body.reaven-ui .mini-stats .value{font-size:22px;line-height:1.3}}
 @media(max-width:360px){body.reaven-ui .mini-stats{grid-template-columns:minmax(0,1fr)}}
}