.demo-banner{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 24px;background:#102a43;color:white;border-bottom:3px solid #2f5fdb}
.demo-banner strong{font-size:11px;letter-spacing:.12em;color:#bcd0ff}
.demo-banner p{margin:5px 0 0;line-height:1.5;font-size:13px;max-width:680px}
.demo-banner-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}
.demo-banner button,.demo-banner a{font:inherit;font-size:12px;font-weight:700;min-height:42px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:9px;padding:9px 13px}
.demo-banner button{color:#102a43;background:white;border:1px solid white}
.demo-banner a{color:white;border:1px solid #657e99}
.sidebar{top:var(--demo-banner-height,88px);height:calc(100dvh - var(--demo-banner-height,88px))}
.app{min-height:calc(100dvh - var(--demo-banner-height,88px))}
.demo-message{white-space:pre-wrap;overflow-wrap:anywhere;background:#e6f6f0;color:#102a43;border:1px solid #bce2d4;border-radius:16px;padding:22px;line-height:1.8;margin-top:20px}
.demo-drawer-note{margin:0 0 15px;padding:10px 12px;background:#eef3ff;color:#345486;border-radius:9px;font-size:12px;line-height:1.5}
.demo-banner :focus-visible,.drawer :focus-visible{outline:3px solid #f4b740;outline-offset:3px}
.drawer-back.open{z-index:100}
.toast{z-index:1000;max-width:min(620px,calc(100vw - 32px));white-space:normal;text-align:center;line-height:1.5}
.busy-overlay,.payment-success-toast{z-index:1100}
.top-filter{display:grid;gap:5px;min-width:210px}.top-filter label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#718096}.top-filter .property-filter,.top-filter .month-select{width:100%}
.pill.URGENTE{background:#f3e8ff;color:#7c3aed}.pill.CONTRACT_FAR{background:#f1f5f9;color:#64748b}.date-cell{line-height:1.35}.date-cell .pill{margin-top:5px;padding:4px 7px}.cell-sub{font-size:11px;margin-top:4px;color:#526075}.paid-date{font-size:11px;font-weight:800;color:#15965f;margin-top:3px}.history-thumb{width:38px;height:38px;border-radius:9px}.metric-value{line-height:1.08}
.available-item .thumb{width:42px;height:42px}.attention .thumb{width:44px;height:44px}
.demo-payment-actions{max-width:390px;flex-wrap:wrap;justify-content:flex-end}.demo-payment-actions .btn{min-height:38px;padding:8px 10px;font-size:12px;white-space:nowrap}.demo-payment-actions .partial{border-color:#b9cafa;background:#f4f7ff;color:#244db7}.demo-payment-actions .agreement{border-color:#e7c98e;background:#fffaf0;color:#9a6200}
.phone-control{display:grid;grid-template-columns:136px minmax(0,1fr);gap:10px}.phone-control>input{min-width:0;height:46px}.country-picker{position:relative;display:flex;align-items:center;gap:9px;height:46px;padding:0 12px;background:#fff;border:1px solid #d6e0ee;border-radius:12px;transition:border-color .15s,box-shadow .15s}.country-picker:focus-within{border-color:#2f5fdb;box-shadow:0 0 0 3px rgba(47,95,219,.13)}.country-picker select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.country-picker strong{font-size:15px;color:#102a43}.country-chevron{width:0;height:0;margin-left:auto;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #8a9bb2}.country-flag{display:block;width:27px;height:19px;flex:0 0 auto;border-radius:2px;box-shadow:0 0 0 1px rgba(16,42,67,.12),0 1px 2px rgba(16,42,67,.18);background:#fff}.flag-pe{background:linear-gradient(90deg,#d91023 0 33.33%,#fff 33.33% 66.66%,#d91023 66.66%)}.flag-co{background:linear-gradient(#fcd116 0 50%,#003893 50% 75%,#ce1126 75%)}.flag-cl{background:linear-gradient(90deg,#0039a6 0 38%,transparent 38%) top/100% 50% no-repeat,linear-gradient(#fff 0 50%,#d52b1e 50%)}.flag-ec{background:linear-gradient(#ffdd00 0 50%,#034ea2 50% 75%,#ed1c24 75%)}.flag-ar{background:linear-gradient(#74acdf 0 33.33%,#fff 33.33% 66.66%,#74acdf 66.66%)}.flag-bo{background:linear-gradient(#d52b1e 0 33.33%,#f9e300 33.33% 66.66%,#007934 66.66%)}.flag-mx{background:linear-gradient(90deg,#006847 0 33.33%,#fff 33.33% 66.66%,#ce1126 66.66%)}.flag-es{background:linear-gradient(#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75%)}.flag-us{background:repeating-linear-gradient(#b22234 0 2px,#fff 2px 4px)}.phone-help{margin-top:8px;color:#63758f}.tenant-help{margin-top:13px;padding-top:12px;border-top:1px solid #e7edf6}
@media(max-width:1000px){.demo-banner{align-items:flex-start}.demo-banner-actions{gap:8px}.demo-banner a{max-width:120px;text-align:center}}
@media(max-width:760px){.demo-banner{position:relative;flex-direction:column;padding:12px 16px;gap:10px}.demo-banner p{font-size:12px}.demo-banner-actions{width:100%;justify-content:space-between}.demo-banner a{max-width:none}.sidebar{top:0;height:auto}.main{padding-top:22px}.top-filter{width:100%;min-width:0}.phone-control{grid-template-columns:132px minmax(0,1fr)}.demo-payment-actions{max-width:none;justify-content:flex-start}}
@media(max-width:390px){.phone-control{grid-template-columns:1fr}.country-picker{width:100%}}