body{--sidebar:245px;background:#f4f7f6}header{background:white;color:#172321;min-height:72px;padding:14px 32px;border-bottom:1px solid var(--line)}header small{color:#48615b}#sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:white;border-right:1px solid var(--line);padding:27px 17px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:17px}.mark,.avatar{display:inline-grid;place-items:center;border-radius:10px;background:#e7f3ef;color:#00605a;font-weight:800}.mark{width:42px;height:42px;font-size:26px}.workspace{background:#f1f6f4;border:1px solid var(--line);padding:13px;border-radius:11px;font-size:14px;font-weight:700}.workspace small,.aside-footer{display:block;color:#48615b;font-weight:400}.menu{display:grid;gap:4px}.menu a{padding:11px 13px;color:#36514c;border-radius:9px}.menu a.current{background:#e5f3ee;color:#00605a;font-weight:750}.aside-footer{margin-top:auto;font-size:13px}.shell{margin-left:var(--sidebar)}main{padding:34px 32px}.top h1{font-size:clamp(27px,3vw,37px)}.top p{margin-top:8px}.board,.stats div,.hub-card{box-shadow:0 3px 12px #153c3310}.stats strong{color:#00605a}.stats .alert-count{color:#b42318}.hub-links{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.hub-card{display:block;text-decoration:none;color:inherit;border:1px solid var(--line);background:white;border-radius:13px;padding:19px}.hub-card:hover{border-color:#00605a}.hub-card strong{display:block;margin:9px 0 5px}.hub-card p{font-size:14px}.avatar{width:34px;height:34px;margin-right:10px;font-size:12px;vertical-align:middle}.directory-search{min-width:min(245px,100%)}.tv #sidebar{display:none}.tv .shell{margin-left:0}.tv header nav a{color:#00605a}.tv header nav a.current{background:#e5f3ee}body:not(.tv) header nav{display:none}#sidebar a:focus-visible,.hub-card:focus-visible{outline:2px solid #00605a;outline-offset:3px}
@media(max-width:850px){body{--sidebar:190px}#sidebar{padding:20px 12px}main,header{padding-left:18px;padding-right:18px}}
@media(max-width:640px){#sidebar{position:static;width:auto;border-right:0;border-bottom:1px solid var(--line);padding:12px;gap:9px}.shell{margin-left:0}.workspace,.aside-footer{display:none!important}.menu{display:flex;gap:3px}.menu a{padding:6px 8px;font-size:13px}.brand .mark{width:30px;height:30px; font-size:20px}.hub-links{gap:8px}.hub-card{padding:12px}body:not(.tv) header{display:none}}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:17px}.tile{display:flex;flex-direction:column;justify-content:space-between;min-height:210px;aspect-ratio:1.16;background:white;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:inherit;padding:18px;overflow-wrap:anywhere}.tile:hover{border-color:#00605a}.tile-art{background:#e5f3ee;color:#00605a;border-radius:10px;display:grid;place-items:center;min-height:92px;font-size:34px;font-weight:800}.tile strong,.tile small{display:block}.tile small{color:#48615b;margin-top:6px}.tile .pill{align-self:flex-start}.crumb{display:inline-block;color:#00605a;margin-bottom:14px;font-weight:650}.directory-card{padding:18px;background:white;border:1px solid var(--line);border-radius:14px}.profile-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.portrait{width:68px;height:68px;border-radius:13px;flex:none;background:#e5f3ee url(equipe-demo.jpg) no-repeat;background-size:300% 100%}.portrait.f2{background-position:center}.portrait.f3{background-position:right}.directory-card h2{margin:0;font-size:19px}.patient-links{display:grid;gap:8px;margin:12px 0}.patient-links a{color:#00605a}.sheet{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}.sheet section{padding:18px}.sheet h2{font-size:19px}.sheet p{margin:8px 0}.device-figure{width:100%;max-height:400px;object-fit:contain;background:#f4f7f6;border-radius:10px}.device-button{display:inline-flex;align-items:center;gap:8px}.lamp{display:inline-block;width:13px;height:13px;border-radius:50%;background:#9aafaa}.lamp.lit{background:#e02b20;box-shadow:0 0 0 3px #fdebe8}.toolbar{margin:0 0 16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}@media(max-width:760px){.sheet{grid-template-columns:1fr}}
.room-grid,.patient-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,165px),190px));gap:12px}.room-grid .tile,.patient-grid .tile{min-height:0;aspect-ratio:auto;padding:13px;gap:9px}.room-grid .tile{background:linear-gradient(145deg,#fff,#edf8f3);border-color:#cfe4db}.room-number{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#00605a;color:#fff;font-weight:750;font-variant-numeric:tabular-nums}.patient-photo{width:51px;height:51px;display:inline-grid;place-items:center;flex:none;border-radius:12px;background:#e5f3ee;color:#00605a;font-weight:750}.patient-photo[class*="patient-photo patient-"]{background-image:url(pacientes-demo.jpg);background-size:200% 200%}.patient-2{background-position:right top}.patient-3{background-position:left bottom}.patient-4{background-position:right bottom}.bed-workspace{display:grid;justify-items:center;gap:12px}.bed-outline{width:min(100%,220px);aspect-ratio:4/5;margin:4px auto 0;border:2px solid #8aaea3;border-radius:23px;background:#f3faf7;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;padding:30px 24px 10px;gap:12px}.sensor-dot,.bed-button,.bed-led{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;font-weight:750;font-variant-numeric:tabular-nums}.sensor-dot.low{background:#cdebd8;color:#17643f}.sensor-dot.medium{background:#ffdf91;color:#653900}.sensor-dot.high{background:#f5a9a1;color:#73150d}.bed-controls{grid-column:1/-1;display:flex;gap:22px;text-align:center}.bed-controls small{color:#48615b}.bed-button,.bed-led{width:27px;height:27px;margin:0 auto 3px;padding:0}.bed-button{background:#00605a;border:2px solid #003f3b}.bed-led{background:#d3e0dc;border:2px solid #a7bcb6}.bed-led.lit{background:#d72218;border-color:#a4160e;box-shadow:0 0 0 4px #fdebe8}.load-legend{font-size:13px;text-align:center}
.patient-card{text-decoration:none;color:inherit}.patient-card:hover{border-color:#00605a}.patient-card .patient-photo{width:68px;height:68px}.patient-card .profile-head{align-items:center}.patient-card h2{overflow-wrap:anywhere}
.patient-links .linked-patient{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #dce8e4;border-radius:10px;background:#f4f9f7;color:#172321;text-decoration:none}.linked-patient:hover{border-color:#00605a;background:#e8f5ed}.linked-patient .patient-photo{width:42px;height:42px;border-radius:8px}.linked-patient span:last-child{margin-left:auto;color:#00605a}.linked-patient small{margin-top:2px}.history-board{margin-top:18px;padding:18px}.restrictions{border-top:1px solid var(--line);padding-top:14px;margin:15px 0}.restrictions p{white-space:pre-wrap;overflow-wrap:anywhere}.sheet details{margin-top:16px}
body{background:#f3f8f5}.brand{padding:9px 4px}.brand img{width:100%;max-width:175px;height:auto;display:block}.workspace{background:#edf6f0}.crumb{display:inline-flex;align-items:center;padding:6px 11px;background:#e8f3ed;border-radius:8px;text-decoration:none;font-size:14px}.crumb:hover{background:#d9ece2}.attention{padding:16px 18px;margin-bottom:20px}.attention h2{margin-bottom:8px;font-size:17px}.attention-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.attention-row a,.board td a{color:#00605a;text-decoration:none}.attention-row a:hover,.board td a:hover{text-decoration:underline}.attention-row [data-due]{color:#b42318;font-weight:650;font-variant-numeric:tabular-nums}


/* Identidade visual do posto: contraste, orientação rápida e menos texto decorativo. */
:root{--hospital:#004e4a;--deep:#003532;--mint:#dff3ea;--aqua:#38b8a0;--ink:#152b29;--muted:#58716c;--warm:#f7f2e9;--paper:#fbfcfb;--line:#d5e8df}
body{background:linear-gradient(115deg,#edf8f3 0%,#f7fbf9 46%,#f8f2e8 100%);color:var(--ink)}
#sidebar{width:270px;padding:28px 18px 22px;background:linear-gradient(180deg,#003f3b 0%,#004f49 52%,#063531 100%);border:0;box-shadow:14px 0 40px #002b2830;color:white;gap:26px}
.shell{margin-left:270px}
.brand{padding:5px 8px;background:#fff;border-radius:14px;box-shadow:0 10px 26px #00282433}
.brand img{max-width:185px}
.workspace{background:#ffffff12;border:1px solid #ffffff24;color:#fff;border-radius:14px;padding:15px 14px;font-size:15px;letter-spacing:-.01em}
.workspace small,.aside-footer{color:#b5d4cc;margin-top:4px}
.menu{gap:7px}.menu a{position:relative;padding:12px 13px;color:#d9eee8;border-radius:10px;font-weight:560;transition:.18s ease}.menu a:hover{background:#ffffff12;color:#fff}.menu a.current{background:#e7fbf3;color:#004a45;font-weight:800;box-shadow:0 6px 16px #001d1b26}.menu a.current:before{content:"";position:absolute;left:-5px;top:11px;bottom:11px;width:4px;border-radius:5px;background:#ffbd4a}.menu+ .menu{border-top:1px solid #ffffff1f;padding-top:17px}.aside-footer{font-size:12px;display:flex;align-items:center;gap:7px}.live-dot,.secure-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#65d6bb;box-shadow:0 0 0 4px #65d6bb24}.secure-dot{background:#20a080;box-shadow:none;margin-right:4px}
header{min-height:100px;padding:20px 38px;background:linear-gradient(110deg,#fff 0%,#f2faf6 100%);border-bottom:1px solid #d5e8df;box-shadow:0 2px 14px #143b3210}header strong{font-size:clamp(20px,2vw,27px);letter-spacing:-.04em}header small{font-size:14px;color:var(--muted);margin-top:6px}
main{max-width:1440px;padding:36px 38px}.top{margin-bottom:28px}.top h1{font-size:clamp(31px,3.6vw,47px);line-height:1;letter-spacing:-.055em}.top h1:after{content:"";display:block;width:54px;height:5px;margin-top:14px;border-radius:10px;background:linear-gradient(90deg,#006d65,#42c7aa)}.top p{font-size:16px;color:var(--muted);max-width:620px}
.stats{gap:16px}.stats div,.board,.hub-card,.directory-card{border-color:#d7e9e1;box-shadow:0 12px 34px #073e3312}.stats div{position:relative;overflow:hidden;padding:19px;border-radius:17px;background:var(--paper)}.stats div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#57c7ab}.stats div:nth-child(2):before{background:#e65948}.stats div:nth-child(3):before{background:#e5a62f}.stats strong{font-size:34px;color:#005c55}.stats span{color:var(--muted)}
.board{border-radius:18px;background:#fff;overflow:hidden}.bar{background:#f7fbf9;padding:16px 19px}.bar strong{font-size:16px}.hub-links{gap:18px}.hub-card{border-radius:18px;padding:21px;min-height:150px;background:linear-gradient(135deg,#ffffff,#effaf5)}.hub-card:hover{transform:translateY(-2px);border-color:#29aa90;box-shadow:0 15px 30px #073e3320}.hub-card .avatar{width:46px;height:46px;border-radius:14px;background:#004e4a;color:#fff}.hub-card strong{font-size:19px}.hub-card p{color:var(--muted)}
button.primary{background:linear-gradient(135deg,#005d56,#00877c);border:0;border-radius:10px;box-shadow:0 7px 16px #00675f35;padding:10px 15px}button{border-radius:9px}.note{color:#6b807a}.attention{border-left:6px solid #e9a82c;background:linear-gradient(90deg,#fffdf7,#fff)}
.tv{background:radial-gradient(circle at 75% 15%,#166d66 0%,#063b37 38%,#022926 100%)}.tv header{min-height:132px;padding:25px clamp(28px,5vw,78px);background:linear-gradient(90deg,#003d39,#075f57);border:0;color:#fff;box-shadow:none}.tv header small{color:#bde3d9}.tv header strong{font-size:clamp(26px,3vw,42px);letter-spacing:-.05em}.tv main{padding:clamp(24px,4vw,58px);max-width:1600px}.tv .top{margin-bottom:24px}.tv .top h1{color:#fff;font-size:clamp(30px,4vw,54px)}.tv .top h1:after{background:#ffbd4a}.tv .top p{color:#b9ded5;font-size:18px}.tv .board{background:#fff;border:0;box-shadow:0 22px 50px #001e1b60;border-radius:22px}.tv table{white-space:normal}.tv thead th{background:#e7f5ef;color:#27534b;font-size:14px;text-transform:uppercase;letter-spacing:.06em;padding:17px 20px}.tv td{padding:18px 20px!important;font-size:clamp(16px,2vw,26px)}.tv tbody tr:nth-child(even){background:#f8fcfa}.tv .tv-patient{display:flex;align-items:center;gap:15px;min-width:280px}.tv .tv-patient .patient-photo{width:68px;height:68px;border-radius:50%;border:4px solid #d9f0e7;box-shadow:0 5px 12px #003f3620}.tv .tv-patient small{font-size:.6em;color:#5c7770;margin-top:3px}.tv .pill{font-size:.7em;padding:7px 12px}.tv .timer{color:#bd311f;font-size:1.1em}.tv .primary{background:#ffbd4a;color:#263430;box-shadow:none}.tv .primary:hover{filter:brightness(1.04)}
@media(max-width:850px){#sidebar{width:218px}.shell{margin-left:218px}main{padding:28px 22px}header{padding:18px 22px}}@media(max-width:640px){#sidebar{background:#004b45;box-shadow:none}.brand{max-width:185px;margin:auto}.menu a.current:before{display:none}main{padding:24px 15px}.top h1{font-size:32px}.stats{gap:9px}.stats strong{font-size:28px}.tv header{padding:20px}.tv main{padding:18px 12px}.tv .tv-patient{min-width:220px}.tv td{padding:14px!important}}
.tv .tv-person{display:flex;align-items:center;gap:12px;min-width:145px}.tv-person .portrait,.tv-person .patient-photo,.tv-person .avatar{width:clamp(42px,5vw,66px);height:clamp(42px,5vw,66px);border-radius:50%;border:2px solid #d9f0e7;margin:0}.tv .timer.ok,.tv .timer.paused{color:#06574e;background:transparent}.tv .timer.soon{color:#854900;background:transparent}.tv .timer.late{color:#b42318;background:transparent}.tv .tv-urgent{background:#fff5f3!important}.tv .tv-urgent td:first-child{box-shadow:inset 5px 0 #b42318}.tv .tv-urgent-action{margin-top:9px;color:#8b2019}.tv td .pill{white-space:nowrap}
.tv td{padding:12px 16px!important}.tv .tv-person{min-width:120px}.tv .tv-person .patient-photo,.tv .tv-person .portrait,.tv .tv-person .avatar{width:clamp(34px,4vw,54px);height:clamp(34px,4vw,54px)}
.stretcher{position:relative;width:min(100%,255px);padding:21px 63px 21px 23px;isolation:isolate}.stretcher-mattress{position:relative;overflow:hidden;min-height:284px;padding:14px 12px 24px;background:linear-gradient(160deg,#e4f5ef,#c4e3d8);border:2px solid #579487;border-radius:27px;box-shadow:inset 0 -5px #9bcaba}.stretcher-board{position:absolute;left:19px;right:59px;height:18px;border:5px solid #597d76;border-radius:12px;background:#eef6f3}.headboard{top:4px}.footboard{bottom:4px}.stretcher-rail{position:absolute;top:80px;height:142px;width:13px;border:3px solid #597d76;border-radius:7px;background:linear-gradient(90deg,#a6c8bf,#eff7f4)}.rail-left{left:7px}.rail-right{right:47px}.stretcher-pillow{height:40px;margin:0 auto 18px;width:76%;border:1px solid #8dbdb0;background:#fbfffd;border-radius:13px;box-shadow:0 3px 0 #b0d5ca}.stretcher-sensors{display:grid;grid-template-columns:1fr 1fr;justify-items:center;gap:14px 7px}.stretcher .sensor-dot{width:36px;height:36px}.stretcher .bed-controls{position:absolute;z-index:1;right:0;top:112px;width:54px;display:grid;justify-content:center;gap:8px;padding:7px 3px;background:#eef5f3;border:1px solid #9dbdb4;border-radius:9px}.stretcher .bed-controls small{font-size:10px}