#rental-design{--rs-bg:light-dark(#f4f6f5,#171d1b);--rs-panel:light-dark(#ffffff,#222b27);--rs-text:light-dark(#1d3028,#e4eee8);--rs-sub:light-dark(#64756b,#a4b5aa);--rs-line:light-dark(#dfe7e1,#39463e);--rs-accent:light-dark(#246047,#9cd7b7);--rs-on:light-dark(#ffffff,#163122);--rs-soft:light-dark(#eaf3ed,#2b3e32);--rs-warn:light-dark(#875410,#edc180);--rs-warnbg:light-dark(#fff4df,#403323);background:var(--rs-bg);color:var(--rs-text);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border:1px solid var(--rs-line);border-radius:16px;overflow:hidden;position:relative}
#rental-design *{box-sizing:border-box}#rental-design button,#rental-design input,#rental-design select,#rental-design textarea{font:inherit}#rental-design button{cursor:pointer;border:1px solid var(--rs-line);border-radius:9px;padding:9px 13px;background:var(--rs-panel);color:var(--rs-text);min-height:42px}#rental-design button.rs-main{background:var(--rs-accent);color:var(--rs-on);border-color:var(--rs-accent)}#rental-design button.rs-link{background:transparent;border:0;color:var(--rs-accent);padding:4px 0;text-align:left}#rental-design button[aria-pressed="true"]{background:var(--rs-soft);color:var(--rs-accent);border-color:var(--rs-accent)}#rental-design header{padding:18px 24px;background:var(--rs-panel);display:flex;gap:16px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rs-line);flex-wrap:wrap}#rental-design .rs-brand{display:flex;align-items:center;gap:16px;font-size:18px;font-weight:500}#rental-design .rs-logo{display:block;width:64px;height:66px;flex:0 0 auto;object-fit:contain;background:transparent;padding:0;border:0;border-radius:0}#rental-design nav{display:flex;gap:8px}#rental-design .rs-content{padding:24px;min-height:620px}#rental-design h2{font-size:23px;line-height:1.4;font-weight:500;margin:0}#rental-design h3{font-size:16px;font-weight:500;margin:0}#rental-design p{margin:5px 0}#rental-design .rs-muted{color:var(--rs-sub);font-size:13px}#rental-design .rs-top,#rental-design .rs-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}#rental-design .rs-top{margin-bottom:20px}#rental-design .rs-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}#rental-design .rs-panel{background:var(--rs-panel);border:1px solid var(--rs-line);border-radius:12px;padding:18px;margin-bottom:16px}#rental-design .rs-stats .rs-panel{margin:0}#rental-design .rs-number{font-size:28px;font-weight:500;font-variant-numeric:tabular-nums;margin:9px 0 2px}#rental-design .rs-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}#rental-design .rs-item{border-top:1px solid var(--rs-line);padding:15px 0}#rental-design .rs-item:first-of-type{margin-top:12px}#rental-design .rs-item:last-child{padding-bottom:0}#rental-design .rs-pill{display:inline-block;padding:3px 8px;border-radius:6px;background:var(--rs-soft);color:var(--rs-accent);font-size:12px;margin-right:5px}#rental-design .rs-warning{background:var(--rs-warnbg);color:var(--rs-warn)}#rental-design .rs-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}#rental-design .rs-money{font-size:20px;font-variant-numeric:tabular-nums}#rental-design .rs-room{font-weight:500;font-size:16px}#rental-design .rs-details{display:grid;grid-template-columns:1fr 1fr;gap:16px}#rental-design dl{margin:15px 0;display:grid;grid-template-columns:95px 1fr;gap:11px}#rental-design dt{color:var(--rs-sub)}#rental-design dd{margin:0}#rental-design .rs-notice{padding:12px 15px;border-radius:9px;background:var(--rs-soft);margin:12px 0;color:var(--rs-accent)}#rental-design .rs-search{width:220px;max-width:100%}#rental-design input,#rental-design select,#rental-design textarea{width:100%;min-width:0;background:var(--rs-panel);color:var(--rs-text);border:1px solid var(--rs-line);border-radius:8px;padding:10px;min-height:44px}#rental-design .rs-form{max-width:640px;margin:auto}#rental-design .rs-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}#rental-design label{display:block}#rental-design label span{display:block;margin-bottom:6px}#rental-design .rs-full{grid-column:1/-1}#rental-design .rs-toast{background:var(--rs-soft);padding:10px 24px;color:var(--rs-accent)}#rental-design [hidden]{display:none!important}#rental-design .rs-preview{font-size:12px;color:var(--rs-sub);padding:10px 24px;border-top:1px solid var(--rs-line)}#rental-design .rs-blank{padding:22px 0;color:var(--rs-sub)}#rental-design.rs-compact .rs-item{padding:10px 0}#rental-design.rs-compact .rs-panel{padding:14px}
@media(max-width:650px){#rental-design header{padding:14px}#rental-design .rs-content{padding:16px;min-height:0}#rental-design .rs-columns,#rental-design .rs-details{grid-template-columns:1fr}#rental-design .rs-stats{gap:7px}#rental-design .rs-stats .rs-panel{padding:10px}#rental-design .rs-number{font-size:21px}#rental-design .rs-fields{grid-template-columns:1fr}#rental-design .rs-full{grid-column:auto}#rental-design input,#rental-design select,#rental-design textarea{font-size:16px}#rental-design .rs-brand{font-size:16px}#rental-design .rs-stats .rs-muted{font-size:12px}}
#rental-design{--rs-red:light-dark(#b42323,#ffb0a8);--rs-redbg:light-dark(#fff0ed,#402724)}
#rental-design .rs-overdue{background:var(--rs-redbg);color:var(--rs-red)}
#rental-design .rs-red{color:var(--rs-red)}
#rental-design .rs-late-row{background:var(--rs-redbg);padding:15px 12px;border-radius:8px;margin-top:10px}
#rental-design .rs-row>div,#rental-design .rs-details>div{min-width:0}
#rental-design .rs-room,#rental-design dd,#rental-design h2{overflow-wrap:anywhere}
#rental-design .rs-amount{text-align:right}
#rental-design .rs-number{overflow-wrap:anywhere}
@media(max-width:650px){#rental-design .rs-stats{grid-template-columns:1fr}#rental-design .rs-stats .rs-panel{padding:14px}#rental-design .rs-amount{text-align:left}#rental-design .rs-search{width:100%}}
#rental-design .rs-dashboard-columns{grid-template-columns:1.1fr 1fr;align-items:start}
#rental-design .rs-dashboard-columns .rs-amount{text-align:left}
#rental-design .rs-dashboard-columns .rs-money{font-size:18px}
#rental-design .rs-net .rs-number{font-size:26px}
html{color-scheme:light;background:#f4f6f5}body{margin:0;padding:16px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}#rental-design{max-width:1240px;margin:0 auto;font-size:16px}#rental-design .rs-muted{font-size:14px}#rental-design .rs-pill{font-size:13px}#rental-design input,#rental-design select,#rental-design textarea{font-size:16px}#rental-design button{min-height:44px}#rental-design .rs-login{max-width:400px;margin:48px auto}#rental-design .rs-login h2{margin:18px 0}#rental-design .rs-login label{margin:20px 0}#rental-design .rs-login button{width:100%}#rental-design footer{padding:14px 24px;color:var(--rs-sub);font-size:13px;border-top:1px solid var(--rs-line)}#rental-design #save-state{padding:0 24px;color:var(--rs-sub);font-size:14px}#rental-design #save-state:not(:empty){padding:10px 24px}#rental-design .rs-download{display:inline-block;color:var(--rs-accent);padding:12px 0}#rental-design .rs-panel>form label{margin:12px 0}#rental-design .rs-import-rows p{padding:10px 0;border-bottom:1px solid var(--rs-line)}#rental-design .rs-red,#rental-design #rs-error{color:var(--rs-red)}#rental-design button:disabled{opacity:.6;cursor:wait}@media(max-width:650px){body{padding:0}#rental-design{border-radius:0;border:0}#rental-design header{gap:10px}#rental-design header .rs-actions{margin-top:0}#rental-design nav{flex-wrap:wrap}}
@media(max-width:780px){#rental-design .rs-dashboard-columns{grid-template-columns:1fr}}
@media(max-width:650px){#rental-design .rs-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#rental-design .rs-net{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}#rental-design .rs-stats .rs-panel{padding:12px}#rental-design .rs-number{font-size:22px}#rental-design .rs-net .rs-number{font-size:22px}}

#rental-design .rs-login .rs-logo{width:80px;height:82px}
@media(max-width:650px){#rental-design header .rs-logo{width:54px;height:56px}}

/* Paired rent/rebate card, stacked on narrow screens. */
#rental-design .rs-rebate-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #e4e9e7;margin-top:10px;}
#rental-design .rs-rebate-line>div{min-width:0;overflow-wrap:anywhere;}
#rental-design .rs-rebate-line button{flex-shrink:0;}
@media(max-width:520px){#rental-design .rs-rebate-line{align-items:flex-start;flex-direction:column;}#rental-design .rs-rebate-line button{align-self:flex-end;}}

/* Compact top summary only: retain all amounts and keep lower work areas unchanged. */
#rental-design .rs-summary{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr);gap:12px;margin-bottom:18px;align-items:stretch}
#rental-design .rs-summary .rs-panel{padding:14px;min-width:0}
#rental-design .rs-summary-heading,#rental-design .rs-summary-foot,#rental-design .rs-summary-follow{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
#rental-design .rs-summary .rs-number{margin:6px 0;font-size:26px;line-height:1.25}
#rental-design .rs-summary-foot{margin-top:12px;padding-top:9px;border-top:1px solid var(--rs-line);font-size:14px}
#rental-design .rs-summary .rs-net{display:block}
#rental-design .rs-summary-net{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
#rental-design .rs-summary-late p{margin:3px 0}
#rental-design .rs-summary-follow{border-top:1px solid var(--rs-line);margin-top:8px;padding-top:8px;font-size:14px}
#rental-design .rs-summary .rs-summary-help{font-size:12px;line-height:1.45;margin-top:6px}
@media(max-width:850px){#rental-design .rs-summary{grid-template-columns:repeat(2,minmax(0,1fr))}#rental-design .rs-summary .rs-net{grid-column:1/-1}}
@media(max-width:650px){#rental-design .rs-summary{gap:8px}#rental-design .rs-summary .rs-panel{padding:12px}#rental-design .rs-summary .rs-number{font-size:22px}#rental-design .rs-summary-foot{gap:4px;font-size:13px}}

/* Mobile work lists; desktop retains both columns. */
#rental-design .rs-work-tabs{display:none}
#rental-design .rs-summary-follow .rs-follow-jump{background:transparent;border:0;padding:4px 0;min-height:44px;color:var(--rs-accent);text-align:left;text-decoration:underline;text-underline-offset:3px}
#rental-design .rs-summary-follow .rs-follow-jump.rs-red{color:var(--rs-red)}
#rental-design [data-section]{scroll-margin-top:76px}
@media(max-width:650px){
 #rental-design.rs-phone-layout{overflow:visible}
 #rental-design.rs-phone-layout .rs-work-tabs{display:flex;flex-wrap:nowrap;gap:8px;position:sticky;top:0;z-index:10;background:var(--rs-bg);padding:10px 0;margin-bottom:12px;border-bottom:1px solid var(--rs-line)}
 #rental-design.rs-phone-layout .rs-work-tabs button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;font-size:15px}
 #rental-design.rs-phone-layout .rs-work-tabs button[aria-pressed="true"]{background:var(--rs-accent);color:var(--rs-on);border-color:var(--rs-accent)}
 #rental-design.rs-phone-layout .rs-work-tabs strong{font-size:13px;border-radius:12px;background:var(--rs-soft);color:var(--rs-accent);padding:1px 7px}
 #rental-design.rs-phone-layout .rs-tab-alert{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--rs-red);color:white;font-size:12px}
 #rental-design.rs-phone-layout .rs-dashboard-columns[data-active="rent"] [data-work-panel="renew"],#rental-design.rs-phone-layout .rs-dashboard-columns[data-active="renew"] [data-work-panel="rent"]{display:none}
}