select,textarea{font:inherit;color:#234330;width:100%;padding:13px 10px;border:1px solid #dce6de;border-radius:10px;background:#fff}select{min-height:46px}button,select,input{touch-action:manipulation}.board-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.switch{display:flex;background:#e6eee6;padding:4px;border-radius:12px;flex:1;max-width:240px}.switch button{flex:1;padding:10px;border-radius:9px;font-size:14px;color:#84978b}.switch .chosen{background:white;color:#285d49;font-weight:600;box-shadow:0 2px 6px #25452e0c}.add-button{padding:11px;color:#285d49;font-size:12px;border:1px solid #dce6de;border-radius:10px;background:#fff}.board-controls{display:flex;gap:10px;margin:12px 0 22px}.board-controls select{min-width:0;font-size:12px;flex:1}.community-title{display:flex;align-items:center;gap:10px;margin:23px 0 13px}.community-title strong{font-size:16px}.community-title span{font-size:11px;color:#8b9d8f}.unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.unit-card{border:1px solid #e1e8df;border-radius:16px;background:#fff;padding:12px 10px;min-width:0}.unit-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:12px}.unit-heading>button:first-child{font-size:14px;color:#527aa7;text-align:left;word-break:break-word;padding:0}.round-plus{width:31px;height:31px;border-radius:50%;background:#e8effc;color:#527fde;padding:0;font-size:21px;flex-shrink:0}.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.room{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;border-radius:11px;padding:14px 3px;min-height:73px;min-width:0}.room strong{font-size:15px;overflow-wrap:anywhere}.room small{font-size:10px;white-space:nowrap}.vacant{background:#fff0ef;color:#d66f69}.occupied{background:#eaf0ff;color:#527fde}.unit-grid.whole{grid-template-columns:minmax(0,1fr)}.whole .room-grid{display:block}.whole .room{width:100%;flex-direction:row;justify-content:space-between;min-height:40px;background:transparent;padding:7px 2px}.whole .unit-heading{margin-bottom:5px}.whole .unit-card{background:#fff5f3}.detail-pairs{display:grid;grid-template-columns:minmax(90px,1fr) 1.5fr;gap:17px 10px;font-size:13px;margin:24px 0}.detail-pairs span{color:#84978b}.detail-pairs b{font-weight:400;text-align:right;overflow-wrap:anywhere}.room-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:14px}.room-tabs button{padding:12px 18px;border-radius:10px;background:#e9eee8;font-size:13px;white-space:nowrap}.room-tabs .chosen{background:#285d49;color:#fff}.text-button{color:#48785a;font-size:12px;padding:12px 0}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-columns>label{grid-row:1}.form-columns>input{grid-row:2}.form-error:empty{margin:0;min-height:14px}.feature-list{display:flex;gap:10px;flex-wrap:wrap}.feature-list label{font-size:12px;display:flex;align-items:center;gap:5px;margin:4px 0}.feature-list input{width:17px;min-height:17px;padding:0}.edit-actions{display:flex;gap:9px;flex-wrap:wrap}.edit-actions button{flex:1;white-space:nowrap;font-size:12px}.warning{color:#bf7168}.photo-grid{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.photo-grid>div{position:relative}.photo-grid img{width:76px;height:76px;object-fit:cover;border-radius:8px;display:block}.photo-grid button{padding:0}.photo-grid .photo-remove{position:absolute;right:-8px;top:-8px;background:#d96e65;color:white;border-radius:50%;width:25px;height:25px;font-size:19px;border:2px solid white}.upload-label{font-size:12px}.upload-label input{font-size:11px;margin-top:9px}.modal-overlay{position:fixed;inset:0;z-index:20;background:#183b2c66;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:white;border-radius:18px;padding:22px;width:100%;max-width:420px;max-height:86dvh;overflow:auto}.modal .close-modal{font-size:28px;color:#8da092}.modal .primary{margin-top:15px}.large-photo{display:block;max-width:100%;max-height:65dvh;margin:20px auto 0}.invite-link{margin-top:15px;font-size:12px;min-height:110px;overflow-wrap:anywhere}.check-row{display:flex;align-items:center;gap:10px;line-height:1.7}.check-row input{width:18px;height:18px;padding:0;flex-shrink:0}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.stat-grid>*{display:flex;flex-direction:column;gap:10px;text-align:left;background:#f3f7f1;padding:15px;border-radius:12px}.stat-grid span{font-size:11px;color:#8da08f}.stat-grid b{font-size:25px}.archive-entry{width:100%;margin-top:15px}[hidden]{display:none!important}
.workspace .board-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.workspace .board-controls select{width:100%;font-size:11px;padding:10px 3px}.more-filters{border:1px solid #dce6de;border-radius:10px;background:white;font-size:12px;color:#6e8577}.active-board-filters{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;background:#e8f0e8;border-radius:9px;font-size:11px;margin-bottom:15px}.active-board-filters button{font-size:10px;color:#6f8576}
.workspace .board-top{justify-content:center;margin:10px 0 22px}.workspace .board-top .switch{flex:0 1 280px;max-width:280px;width:100%}.workspace .board-controls{gap:0;background:white;border:0;border-radius:12px;margin:10px -8px 16px;padding:4px 0}.workspace .board-controls .filter-trigger{position:relative;display:flex;align-items:center;justify-content:center;margin:0;min-height:48px;font-size:14px;color:#8d9b93;cursor:pointer}.workspace .board-controls .filter-trigger select{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;cursor:pointer}.workspace .board-controls .filter-trigger:focus-within{outline:2px solid #a3bda9;outline-offset:-3px;border-radius:8px}.workspace .board-controls .more-filters{border:0;background:transparent;border-radius:0;font-size:14px;color:#8d9b93;padding:0;min-height:48px}.workspace .board-controls .is-active{color:#285d49;font-weight:600}.board-legend{display:flex;align-items:center;gap:12px;font-size:11px;color:#8a9b90;margin:10px 0 20px}.board-legend span{display:flex;align-items:center;gap:5px}.board-legend i{height:8px;width:8px;border-radius:3px}.vacant-dot{background:#ef9290}.occupied-dot{background:#8daefa}
.member-card-actions{display:flex;flex-direction:column;gap:9px;flex-shrink:0}.member-card-actions>button{min-width:96px;font-size:12px;padding:11px 10px;border-radius:10px}
.archive-actions{display:flex;gap:12px;margin-top:14px}.archive-actions button{flex:1;font-size:13px}

/* Board status colors match the property detail badges. */
.room.vacant{background:#FFF3E6;color:#B86E24}.room.occupied{background:#EDF3FF;color:#426BB1}.whole .room.vacant,.whole .room.occupied{background:transparent}.whole .unit-card:has(.room.vacant){background:#FFF3E6;border-color:#F0DFC9}.whole .unit-card:has(.room.occupied){background:#EDF3FF;border-color:#DAE5F7}.whole .unit-card:has(.room.vacant) .unit-heading>button:first-child{color:#B86E24}.whole .unit-card:has(.room.occupied) .unit-heading>button:first-child{color:#426BB1}.vacant-dot{background:#B86E24}.occupied-dot{background:#426BB1}
