@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#092f3c;--teal:#087f81;--muted:#75868d;--line:#e0e8ea;--bg:#f3f6f7;--ink:#173641}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:13px}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--ink);padding:9px 12px;transition:background .15s,box-shadow .15s}button:hover{background:#edf6f5;border-color:#a7ccce}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #e7a84c;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}header{height:83px;background:#fff;display:flex;align-items:center;padding:0 28px;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:9px;align-items:center;text-decoration:none;color:#113f53;font-family:Manrope,Arial;font-size:27px;font-weight:800;letter-spacing:1px;line-height:1}.brand-symbol{color:#148d90;font-size:40px}.brand-health{display:block;font-size:10px;letter-spacing:6px;padding-top:6px}.header-divider{height:29px;width:1px;background:var(--line)}.product{font-weight:600;font-size:15px}.product small{display:block;font-size:9px;font-weight:500;letter-spacing:1.3px;color:var(--muted);margin-top:5px}.header-end{margin-left:auto;display:flex;align-items:center;gap:20px}.header-end button{border:0;color:#627980;font-size:12px}.simulation{color:#87691f;background:#fcf5e6;border:1px solid #ead9af;padding:7px 10px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:1px}.simulation i{display:inline-block;background:#c59532;width:5px;height:5px;border-radius:50%;margin-right:5px}.app{display:grid;grid-template-columns:224px 1fr;min-height:calc(100vh - 83px)}.rail{background:#fff;border-right:1px solid var(--line);padding:26px 14px;position:relative;display:flex;flex-direction:column}.rail-label{font-size:9px;letter-spacing:1.5px;color:#8c9ba1;margin:0 13px 12px;font-weight:700}.nav{display:flex;align-items:center;gap:11px;border:0;background:none;text-align:left;padding:13px 12px;margin-bottom:4px;font-size:12px}.nav b{font-size:18px;font-weight:400;width:18px}.nav.active{background:#e8f4f3;color:#087c80;font-weight:700}.nav span{margin-left:auto;background:#f1d8cf;color:#a44731;padding:1px 6px;border-radius:4px}.section-gap{margin-top:33px}.campus-link{border:0;display:flex;text-align:left;gap:10px;font-size:17px}.campus-link span{font-size:12px;font-weight:600}.campus-link small{font-size:10px;display:block;color:#89979d;font-weight:400;margin-top:4px}.building-label{font-size:9px;letter-spacing:1px;margin:24px 12px 12px;color:#6c818a;font-weight:700;display:flex;justify-content:space-between}.building-label span{color:#acb7bc}.floor-button{display:flex;border:0;background:none;padding:10px 12px;margin:4px 0;width:100%;text-align:left;align-items:center;gap:10px}.floor-button strong{display:grid;place-items:center;width:30px;height:32px;border:1px solid #e0e8ea;border-radius:5px;font-size:12px}.floor-button div{font-size:11px;font-weight:600}.floor-button small{font-size:9px;display:block;color:#8a9ba2;margin-top:3px;font-weight:400}.floor-button.active{background:var(--navy);color:white}.floor-button.active strong{border-color:#456570;background:#1a414e}.floor-button.active small{color:#b2cad0}.rail-note{font-size:10px;line-height:1.6;color:#8b999e;padding:0 12px;margin:0}.rail-footer{margin-top:auto;padding:40px 12px 0;font-size:10px;color:#66848c}.rail-footer small{display:block;margin-top:6px;font-size:9px;color:#a1acb1}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#36a48f;margin-right:6px}.rail-footer .status-dot{box-shadow:0 0 0 3px #e6f4ef}main{padding:30px 30px 12px;min-width:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:1.45px;color:#7d929b;font-weight:700}h1,h2,h3{font-family:Manrope,Arial;margin:0;font-weight:700;letter-spacing:-.6px}h1{font-size:27px;margin-top:9px}h2{font-size:18px;margin-top:6px}h3{font-size:17px}p{line-height:1.6}.page-heading p{color:#7a8e97;font-size:12px;margin:8px 0 0}.primary{background:var(--teal);color:white;border-color:var(--teal);font-weight:600;font-size:11px;padding:12px 16px}.primary:hover{background:#07686b;color:white}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.metric{padding:17px 20px;background:white;border:1px solid var(--line);border-radius:8px;position:relative}.metric .label{font-size:10px;color:#7f929b}.metric strong{display:block;font-family:Manrope,Arial;font-size:27px;margin-top:7px;font-weight:700;letter-spacing:-1px}.metric strong small{font-size:13px;color:#9ba9ae;font-weight:400;letter-spacing:0}.metric .trend{font-size:9px;margin-top:7px;color:#628e83}.metric .icon{position:absolute;right:18px;top:21px;color:#64a4a8;font-size:19px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 274px;gap:18px;align-items:start}.workspace{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;position:relative}.workspace-toolbar{display:flex;gap:9px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--line)}.segmented{display:flex;border:1px solid var(--line);padding:3px;border-radius:5px;flex-shrink:0;background:#f6f8f9}.segmented button{border:0;background:none;font-size:10px;padding:6px 10px}.segmented .selected{background:white;box-shadow:0 1px 4px #16374416;color:#087f81;font-weight:700}.search{display:flex;align-items:center;gap:6px;color:#7f969d;margin-left:auto;min-width:100px;flex:1;max-width:330px}.search span{font-size:23px}.search input{width:100%;border:0;outline:0;font-size:10px;color:#314f5c;background:transparent;padding:7px 0}.workspace-toolbar>button{padding:3px 6px;border:0;font-size:19px;color:#8a9ca2}.plan-heading{padding:20px 20px 5px;display:flex;align-items:center;justify-content:space-between;gap:10px}.dept-filter{font-size:9px;color:#889ca3}select{display:block;margin-top:5px;border:1px solid var(--line);padding:6px;border-radius:4px;font-size:10px;background:#fff;max-width:100%;color:var(--ink)}#canvas-wrap{position:relative;margin-top:10px;overflow:hidden;background:#f7fafb;touch-action:none}#plan{display:block;width:100%;min-height:330px;max-height:560px;aspect-ratio:1000/610;user-select:none}svg text{font-family:'DM Sans',Arial,sans-serif;pointer-events:none}.room{cursor:pointer;transition:opacity .2s}.room:hover .room-floor{stroke:#06878b;stroke-width:2}.room.selected .room-floor{stroke:#078789;stroke-width:3}.room.dim{opacity:.16}.room [data-marker]{cursor:pointer;pointer-events:all}.map-caption{position:absolute;left:18px;bottom:15px;font-size:7px;color:#7f959b;letter-spacing:.9px;display:flex;align-items:center;gap:2px}.map-caption #map-count{margin-left:12px;letter-spacing:0}.zoom{position:absolute;right:15px;bottom:16px;display:flex;border:1px solid var(--line);border-radius:5px;box-shadow:0 3px 10px #103c4110}.zoom button{border:0;border-radius:0;padding:6px 10px}.zoom button+button{border-left:1px solid var(--line)}.compass{position:absolute;right:22px;top:15px;font-size:9px;text-align:center;color:#718d99;line-height:1.8}.map-footer{display:flex;justify-content:space-between;gap:8px;padding:13px 17px;border-top:1px solid var(--line)}.legend{display:flex;gap:13px;font-size:9px;color:#70868f}.legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:4px}.occupied{background:#7bbdb7}.available{background:#c5ded6}.turnover{background:#e7c68f}.support{background:#ccd5df}.map-footer>small{font-size:8px;color:#9aaab0}.layers{padding:12px 15px;display:flex;gap:6px;border-top:1px solid var(--line);flex-wrap:wrap;align-items:center}.layers>span{font-size:9px;color:#94a3a9;margin-right:7px;letter-spacing:1px}.layer{font-size:9px;padding:6px 8px;background:#f8fafb;border-color:#e1e8eb}.layer.on{background:#eaf5f3;border-color:#b8dbd6;color:#157b7c}.inspector{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;min-height:570px}.inspector-top{padding:21px 19px 18px;background:linear-gradient(125deg,#f0f8f7,#f8fafb);border-bottom:1px solid var(--line)}.inspector-top .tag{display:inline-block;font-size:8px;letter-spacing:.7px;background:#dcefea;color:#458075;padding:5px 6px;border-radius:4px;margin-bottom:15px}.inspector-top h3{margin-top:5px;font-size:20px}.inspector-top p{margin:5px 0;color:#7f939a;font-size:10px}.inspector-body{padding:16px 19px}.mini-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#718994;font-weight:700;letter-spacing:.8px;margin:5px 0 12px}.mini-heading span{font-size:8px;font-weight:400;letter-spacing:0;color:#90a3a9}.data-row{display:flex;justify-content:space-between;gap:9px;padding:9px 0;border-bottom:1px solid #edf1f2;font-size:10px}.data-row span{color:#83979f}.data-row b{font-weight:500;text-align:right}.patient-card{background:#edf6f5;border:1px solid #d3e7e3;border-radius:6px;padding:12px;margin:12px 0}.patient-card strong{font-size:12px}.patient-card p{color:#6f8c90;margin:5px 0;font-size:10px}.badge{font-size:8px;color:#8b682c;background:#f8edda;padding:3px 6px;border-radius:3px}.inspector-actions{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.inspector-actions button{font-size:10px;padding:8px}.inspector-actions .primary{flex:1}.asset-row{display:flex;gap:8px;align-items:center;border-bottom:1px solid #edf1f2;padding:9px 0}.asset-icon{background:#f0f4f7;color:#63839c;border-radius:5px;font-size:16px;width:28px;height:28px;display:grid;place-items:center}.asset-row div:nth-child(2){flex:1;font-size:10px}.asset-row small{display:block;color:#91a1a7;font-size:8px;margin-top:4px}.asset-row button{font-size:8px;padding:4px}.device{font-size:9px;color:#65868c;display:flex;align-items:center;gap:6px;margin:11px 0}.device i{width:5px;height:5px;border-radius:50%;background:#60aa99}.device.warn i{background:#dda053}.context-card{padding:12px;background:#f6f9fa;border:1px solid #e7edef;border-radius:5px;font-size:10px;line-height:1.7;color:#779098;margin:10px 0}.activity-strip{margin-top:18px;display:flex;align-items:center;gap:15px;padding:13px 15px;background:white;border:1px solid var(--line);border-radius:7px;font-size:10px}.activity-strip>div{display:flex;align-items:center;gap:9px;flex-shrink:0}.activity-strip b{font-size:10px}.activity-strip #clock{font-family:monospace;color:#7f969e;font-size:11px}.activity-strip button{font-size:9px;border:0;padding:5px;color:#6a8792;background:#f4f7f8}.activity-strip p{margin:0;font-size:9px;color:#7d949c;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.disclaimer{font-size:8px;color:#98a9af;text-align:center;margin-top:16px;line-height:1.8}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.system-card{background:white;border:1px solid var(--line);padding:20px;border-radius:8px}.system-card h3{font-size:15px}.system-card p{font-size:11px;color:#7b929b}.system-card .system-icon{font-size:26px;color:#188587;margin-bottom:15px}.system-card button{font-size:10px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}th{padding:14px;background:#f8fafb;color:#7b929b;font-size:9px;text-transform:uppercase;letter-spacing:1px}td{padding:12px 14px;border-top:1px solid var(--line);white-space:nowrap}td button{font-size:9px;padding:5px 8px}.secondary-heading{display:flex;justify-content:space-between;margin:20px 0 14px}.secondary-heading p{font-size:11px;color:#7c939d}.tabs{display:flex;gap:7px;margin-bottom:16px}.tabs .active{background:#e7f4f2;color:#067b7e;border-color:#afd5cf}.alert-card{background:white;border:1px solid var(--line);border-left:3px solid #d99b50;margin:10px 0;padding:18px;display:flex;justify-content:space-between;gap:12px;border-radius:5px}.alert-card p{margin:5px 0;font-size:11px;color:#78929b}.alert-card strong{font-size:12px}.alert-card small{font-size:9px;color:#a38965}.alert-card.ack{opacity:.65;border-left-color:#5baf97}.event-item{padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:20px;font-size:11px}.event-item time{color:#879aa2;font-family:monospace}.event-item span{color:#52727d}dialog{border:0;border-radius:13px;max-width:660px;width:calc(100% - 32px);padding:32px;box-shadow:0 20px 100px #04273640;color:var(--ink)}dialog::backdrop{background:#072b3c80;backdrop-filter:blur(4px)}.modal-close{position:absolute;right:14px;top:12px;border:0;font-size:22px;padding:4px 9px}.modal-content h2,#modal-content h2{font-size:25px;margin:12px 0}.modal-content p,#modal-content p{color:#6d8791;font-size:12px}.scenario-card{display:block;width:100%;text-align:left;margin-top:12px;padding:17px;position:relative;background:#f9fbfb}.scenario-card b{font-size:13px;display:block}.scenario-card small{display:block;font-size:11px;color:#81959d;line-height:1.7;margin-top:7px}.scenario-card>span{float:right;color:#088387}.form-field{display:block;margin:18px 0;font-size:12px}.form-field select{width:100%;font-size:12px;padding:10px}.notice{background:#fbf3e4;border:1px solid #ecdfc4;padding:12px;border-radius:6px;font-size:11px;line-height:1.7;color:#8a7347}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#123e4b;color:white;box-shadow:0 6px 30px #0b344333;padding:13px 20px;border-radius:7px;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90%;font-size:12px}#toast.show{opacity:1}#search-results{background:white;position:absolute;top:58px;left:12px;right:12px;max-height:320px;overflow:auto;box-shadow:0 10px 30px #0b34432b;border:1px solid var(--line);border-radius:7px;padding:12px;z-index:3}.search-result{display:block;width:100%;text-align:left;font-size:11px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px}.search-result small{color:#8ca0a8;margin-left:8px}.empty{padding:24px;color:#8c9da4;text-align:center;font-size:11px}.progress{height:5px;border-radius:3px;background:#e6eff1;margin:12px 0}.progress span{display:block;background:#45a394;height:100%;border-radius:3px}.system-diagram{padding:30px;background:#092f3c;border-radius:9px;color:white;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.system-diagram>div{text-align:center;padding:15px;background:#ffffff0a;border:1px solid #ffffff20;border-radius:7px;flex:1}.system-diagram small{display:block;color:#8bb4be;margin-top:7px;font-size:10px}.system-diagram>span{color:#58b5ae;font-size:20px}.status-pill{display:inline-block;font-size:8px;background:#e4f3ed;color:#418774;padding:4px 6px;border-radius:4px}.room-status{display:inline-flex;align-items:center;gap:5px}.tiny-note{font-size:9px;color:#8aa0a8;line-height:1.7}.pathway{display:flex;gap:4px;margin:13px 0;flex-wrap:wrap}.pathway span{font-size:8px;padding:5px;background:#f0f4f5;color:#8aa1a8;border-radius:3px}.pathway span.done{background:#dceee8;color:#357c6e}#secondary{margin-bottom:15px}body.alt .workspace-grid{display:none}body.alt #secondary{display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1550px){main{padding:34px 40px}.workspace-grid{grid-template-columns:minmax(0,1fr) 300px}#plan{max-height:660px}.inspector{min-height:650px}.room text{font-weight:500}}@media(max-width:1150px){.app{grid-template-columns:185px 1fr}main{padding:24px 18px}.rail{padding:24px 7px}.workspace-grid{grid-template-columns:minmax(0,1fr) 235px}.workspace-toolbar{padding:12px 9px}.search input{font-size:9px}.metric{padding:15px}.metrics{gap:9px}.metric .icon{display:none}.map-footer{flex-direction:column}.activity-strip{flex-wrap:wrap}.activity-strip p{width:100%}.plan-heading{padding:16px 12px 3px}h1{font-size:24px}.inspector-body{padding:14px}.system-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.workspace-grid{grid-template-columns:1fr}.inspector{min-height:0}.inspector-body{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.inspector-top{padding:16px}.header-end{gap:5px}.header-end button{display:none}.product{font-size:12px}header{padding:0 18px;gap:18px}h1{font-size:23px}.metrics{grid-template-columns:repeat(2,1fr)}.page-heading .primary{font-size:10px;padding:10px}.metric strong{font-size:24px}.system-diagram{padding:15px}.system-diagram>div{padding:10px;font-size:10px}}@media(max-width:620px){header{height:72px;padding:0 14px;gap:10px}.brand{font-size:20px}.brand-symbol{font-size:31px}.brand-health{font-size:8px;letter-spacing:4px}.product{display:none}.simulation{font-size:7px}.app{display:block}.rail{padding:10px;display:block;border-right:0;border-bottom:1px solid var(--line)}.rail>.rail-label,.campus-link,.building-label,.rail-note,.rail-footer{display:none}.nav{display:inline-flex;width:auto;font-size:0;margin:0 3px;padding:9px}.nav b{font-size:18px}.nav span{font-size:10px}#floor-list{display:flex;overflow:auto;margin-top:8px;gap:5px}.floor-button{padding:5px;min-width:105px}.floor-button strong{width:24px;height:28px;font-size:10px}.floor-button div{font-size:10px}.floor-button small{font-size:8px}.page-heading{align-items:flex-start;margin-bottom:18px}.page-heading .eyebrow{font-size:7px;letter-spacing:1px}h1{font-size:21px}.page-heading p{font-size:10px}.page-heading .primary{max-width:90px;padding:9px;font-size:9px;line-height:1.6}main{padding:20px 12px}.metrics{gap:8px;margin-bottom:15px}.metric{padding:12px}.metric .label{font-size:9px}.metric .trend{font-size:8px}.metric strong{font-size:22px}.plan-heading h2{font-size:16px}.dept-filter{max-width:135px}#plan{min-height:290px}.workspace-toolbar{flex-wrap:wrap}.search{max-width:none}.search input{font-size:9px}.segmented button{font-size:9px;padding:6px}.inspector-body{display:block}.map-caption{font-size:6px;left:10px;bottom:9px}.map-caption #map-count{display:none}.zoom{bottom:9px;right:9px}.zoom button{padding:4px 8px}.legend{gap:9px;font-size:8px}.map-footer small{font-size:7px}.layers{gap:4px;padding:9px}.layer{font-size:8px}.layers>span{font-size:8px}.activity-strip>div{flex-wrap:wrap;gap:6px}.activity-strip{padding:11px}.activity-strip p{font-size:9px}.system-grid{grid-template-columns:1fr}.system-diagram{flex-direction:column}.system-diagram>div{width:100%}.system-diagram>span{transform:rotate(90deg)}.alert-card{padding:13px}.alert-card button{font-size:9px;padding:7px}.disclaimer{font-size:7px}.secondary-heading{gap:10px}.tabs button{font-size:10px}dialog{padding:24px}.map-footer{padding:12px}.workspace-grid{gap:12px}}
