.sidebar{padding-top:24px;padding-bottom:20px}.sidebar .navlabel{margin-top:28px}.sidebar nav{overflow-y:auto;flex:1;min-height:130px}.sidefoot{flex-shrink:0;padding-top:16px;margin-top:18px}.sidefoot .demo-pill{margin-top:12px}.fullwidth{width:100%}.quick-actions{display:flex;gap:12px;flex-wrap:wrap;margin:-8px 0 25px}.payment-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.balance-hero{padding:30px 0}.balance-hero span,.balance-hero small{display:block;font-size:12px;color:var(--muted)}.balance-hero strong{display:block;font:800 44px Manrope,Segoe UI,sans-serif;letter-spacing:-1.5px;color:var(--ink);margin:10px 0}.duesline{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid var(--line);padding:15px 0;font-size:12px;line-height:1.6}.duesline span{color:var(--muted)}.duesline b{font-size:12px;font-weight:600;text-align:right}.payment-confirm{text-align:center;padding:15px 0 25px}.payment-confirm h2{font-size:40px;margin:20px 0 12px}.resident-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.resident-card h2{font-size:18px;margin:18px 0 7px}.neighbor-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--mint);color:var(--green);font-size:13px;font-weight:600}.contact-lines{margin:20px 0}.contact-lines p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.contact-lines span{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}.message-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px}.conversation{display:block;width:100%;background:white;border:0;border-bottom:1px solid var(--line);text-align:left;padding:20px;color:var(--ink);cursor:pointer}.conversation.active{background:var(--mint);border-left:3px solid var(--green)}.conversation b,.conversation small{display:block;font-size:12px}.conversation small{color:var(--muted);font-size:10px;margin-top:7px}.chat-messages{padding:22px;max-height:520px;min-height:180px;overflow:auto;background:#fafcf8}.chat-bubble{padding:15px 18px;background:#ecf1e9;border-radius:10px 10px 10px 1px;max-width:85%;margin-bottom:16px;width:fit-content}.chat-bubble.mine{margin-left:auto;background:#e0ebe3;border-radius:10px 10px 1px 10px}.chat-bubble small{font-size:10px;color:var(--muted)}.chat-bubble p{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.chat-compose{padding:22px}.chat-compose textarea{min-height:90px}.community-post{margin-bottom:20px}.community-post h2{margin:22px 0 14px;font-size:22px}.post-body{font-size:14px;line-height:1.9;color:#536d59;white-space:pre-wrap;overflow-wrap:anywhere}.post-list{max-width:1000px}.payment-layout .field input:disabled{background:#f2f4ee}.field input[readonly]{background:#eef2e9;color:#76816d;cursor:default}.message-layout .cardhead{padding:18px}.message-layout .cardhead h2{font-size:15px}
@media(max-width:1100px){.resident-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.message-layout{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:700px){.sidebar{padding:16px}.sidebar nav{min-height:0;max-height:65dvh;flex:auto;overflow-y:auto}.sidebar .navlabel{display:none}.quick-actions{display:grid;grid-template-columns:1fr;margin:0 0 24px;gap:10px}.payment-layout,.resident-grid,.message-layout{grid-template-columns:minmax(0,1fr);gap:18px}.payment-layout>*,.message-layout>*{min-width:0}.balance-hero strong{font-size:44px}.balance-hero span,.balance-hero small{font-size:14px}.duesline{font-size:14px;gap:16px}.duesline b{font-size:14px}.payment-confirm h2{font-size:38px}.resident-card h2{font-size:21px}.contact-lines p{font-size:15px}.contact-lines span{font-size:13px}.resident-card .badge{max-width:190px}.conversation-list{display:flex;overflow-x:auto;align-items:stretch}.conversation-list .cardhead{display:none}.conversation{flex:0 0 165px;min-height:70px;border-bottom:0;border-right:1px solid var(--line);padding:16px}.conversation b{font-size:14px}.conversation small{font-size:12px}.conversation.active{border-left:0;border-bottom:3px solid var(--green)}.chat-messages{padding:18px;min-height:150px;max-height:50dvh}.chat-bubble{max-width:95%;padding:14px}.chat-bubble p{font-size:15px;line-height:1.7}.chat-bubble small{font-size:12px}.chat-compose{padding:18px}.chat-compose .btn{width:100%}.community-post h2{font-size:22px;line-height:1.4}.community-post .actions{display:grid;grid-template-columns:1fr 1fr}.community-post .actions .btn{grid-column:1/-1}.post-body{font-size:16px;line-height:1.8}.post-list .sub{font-size:14px}.message-layout .cardhead h2{font-size:18px}.resident-grid .card{min-width:0}}
.ticket-parties{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0;padding:16px;background:#f2f5ed;border-radius:6px}.ticket-parties span,.ticket-parties b{display:block}.ticket-parties span{font-size:11px;color:var(--muted);margin-bottom:8px}.ticket-parties b{font-size:13px}.request-create{padding:16px 24px;border-bottom:1px solid var(--line)}@media(max-width:700px){.ticket-parties{grid-template-columns:1fr}.ticket-parties span{font-size:13px}.ticket-parties b{font-size:16px}.request-create{padding:16px 18px}.request-create .btn{width:100%}}