/* A building and floor at a time keeps the desktop plan within a useful screen area. */
@media(min-width:601px){
 #app .room-plan-stats{gap:8px;margin-top:12px}
 #app .room-plan-stat{padding:10px 12px;grid-template-columns:1fr 34px;border-radius:9px;box-shadow:none}
 #app .room-plan-stat::after{width:34px;height:34px}
 #app .room-plan-stat::before{right:19px;width:17px;height:17px}
 #app .room-plan-stat strong{font-size:19px}
 #app .room-plan-stat strong small{font-size:12px}
 #app .room-plan-stat.is-active{box-shadow:0 0 0 1px var(--plan)}
 #app .room-plan-buildings button{min-height:48px;border-width:1px;border-radius:9px}
 #app .room-plan-buildings strong{font-size:17px}
 #app .room-plan-result-count{margin:12px 0 9px;font-size:13px}
 #app #room-plan-results .room-plan-deck{margin:0 0 10px;border:1px solid #d2dbe5;border-radius:12px;background:#fff;box-shadow:none}
 #app .room-plan-deck-title{margin:0}
 #app .room-plan-deck-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:12px 16px;border:0;background:#fff;text-align:left;color:#1c3557;font:inherit;cursor:pointer}
 #app .room-plan-deck.is-open .room-plan-deck-toggle{border-bottom:1px solid #e1e7ee}
 #app .room-plan-deck-letter{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#edf2f9;color:#294e78;font-size:21px;font-weight:750;flex:none}
 #app .room-plan-deck-name{font-size:16px;font-weight:650}
 #app .room-plan-deck-name small{display:block;font-size:12px;font-weight:400;margin-top:2px;color:#5c6d7f}
 #app .room-plan-deck-vacant{margin-left:auto;white-space:nowrap;font-size:13px;font-weight:400;color:#426352}
 #app .room-plan-deck-vacant strong{font-size:17px}
 #app .room-plan-deck-chevron{color:#6b7c8e;font-size:21px;margin-left:8px}
 #app .room-plan-deck-content[hidden]{display:none}
 #app .room-plan-level-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:12px 16px 0}
 #app .room-plan-level-tabs button{display:flex;align-items:center;gap:8px;min-height:40px;padding:7px 11px;border:1px solid #d8e0ea;border-radius:7px;background:#fff;color:#3f546a;font:inherit;cursor:pointer}
 #app .room-plan-level-tabs strong{font-size:13px;font-weight:600}
 #app .room-plan-level-tabs small{display:inline;margin:0;font-size:11px;color:#63768b;white-space:nowrap}
 #app .room-plan-level-tabs button[aria-pressed=true]{background:#edf3fc;border-color:#91afd8;color:#183f74}
 #app #room-plan-results .room-plan-deck .room-plan-floor{display:block;padding:14px 16px 12px;background:white;border:0}
 #app #room-plan-results .room-plan-deck .room-plan-floor+.room-plan-floor{border-top:1px solid #e6ebf1}
 #app #room-plan-results .room-plan-deck .room-plan-floor>h3{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;min-height:0;border:0;padding:0;margin:0 0 9px;font-size:15px;font-weight:650;line-height:1.4}
 #app #room-plan-results .room-plan-deck .room-plan-floor>h3>span{margin:0;font-size:12px;font-weight:400}
 #app .room-plan-deck .room-plan-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px}
 #app .room-plan-deck .room-plan-tile{align-items:flex-start;justify-content:flex-start;gap:5px;min-height:84px;padding:9px 11px;border:1px solid #dae2eb;border-radius:8px;background:#fff;box-shadow:none;text-align:left}
 #app .room-plan-deck .room-plan-tile:hover{border-color:#6f90bb;background:#f8fbff;box-shadow:0 1px 4px #193b6410}
 #app .room-plan-deck .room-plan-tile-head{justify-content:flex-start;width:100%}
 #app .room-plan-deck .room-plan-tile-head strong{font-size:21px;font-weight:700;letter-spacing:0;line-height:1.2}
 #app .room-plan-deck .room-plan-state{display:flex;align-items:center;gap:5px;align-self:flex-start;padding:0;background:transparent;border-radius:0;font-size:12px;font-weight:400;line-height:1.4}
 #app .room-plan-deck .room-plan-state::before{content:"";height:6px;width:6px;border-radius:50%;background:var(--plan);flex:none}
 #app .room-plan-deck .room-plan-type{display:block;font-size:12px;line-height:1.35;color:#5c6d7f;white-space:normal;overflow-wrap:anywhere}
 #app .room-plan-deck .room-plan-tile.state-vacant{background:#f3f9f5;border-color:#b7d4c1}
 #app .room-plan-deck .room-plan-tile.state-booking{background:#fffbf3;border-color:#e4d2ad}
 #app .room-plan-deck .room-plan-tile.state-repair{background:#f5f6f8;border-color:#d3d9e0}
 #app .room-plan-deck .room-plan-tile.has-debt{border-color:#d9b2b7;box-shadow:none}
 #app .room-plan-deck .room-plan-tile-foot{margin:3px 0 0;padding:0;border:0;background:transparent;font-size:11px;line-height:1.4}
 #app .room-plan-deck .room-plan-tile-foot.is-debt{background:transparent;font-size:11px;font-weight:600;color:#98454c}
 #app .room-plan-deck .room-plan-tile-foot.is-debt>span{display:none}
 #app .room-plan-level-types{display:none}
 #app .room-plan-deck-foot{padding:8px 16px;background:#fafbfd;border-top:1px solid #edf0f4;color:#67798c;font-size:12px}
 #app .room-plan-deck-toggle:focus-visible,#app .room-plan-level-tabs button:focus-visible{outline:2px solid #2b64ab;outline-offset:-3px}
}
