:root{--navy:#082f49;--wood:#f2d9b2;--wall:#526273;--free:#22c55e;--soon:#f59e0b;--busy:#ef4444;--muted:#64748b;font-family:"Baloo 2",ui-rounded,"Segoe UI",system-ui,sans-serif;font-size:15px;color:#102f46}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#dbe7ef}button{font:inherit}.topbar{height:64px;padding:0 28px;display:flex;align-items:center;gap:28px;color:#fff;background:linear-gradient(110deg,#062b43,#083a56);box-shadow:0 2px 12px #082f4940}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:700;white-space:nowrap}.brand span{font-size:24px}.today{margin-left:auto;color:#e2e8f0;font-size:13px}.live,.legend span{display:flex;align-items:center;gap:7px}.live i,.legend i{width:10px;height:10px;border-radius:50%;background:var(--free)}.legend{display:flex;gap:18px;font-size:12px}.legend i.soon{background:var(--soon)}.legend i.busy{background:var(--busy)}.refresh{border:0;background:#ffffff16;color:#fff;border-radius:10px;font-size:24px;width:42px;height:42px;cursor:pointer}.shell{height:calc(100vh - 64px);display:grid;grid-template-columns:minmax(650px,1fr) 430px}.workspace{position:relative;min-width:0;padding:14px;overflow:auto;background:#243d50}.connection{position:absolute;z-index:10;top:24px;left:50%;transform:translateX(-50%);background:#082f49e8;color:#fff;padding:8px 14px;border-radius:99px;font-size:12px;box-shadow:0 6px 18px #0004}.connection.ok{opacity:0;pointer-events:none;transition:opacity .5s 1.5s}.connection.error{background:#991b1b}.connection span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--soon);margin-right:6px}.office-map{position:relative;min-width:760px;width:100%;aspect-ratio:1/1;max-height:calc(100vh - 92px);margin:auto;overflow:hidden;border:7px solid #405365;border-radius:10px;background:var(--wood);box-shadow:inset 0 0 0 2px #9b7d5a,0 16px 40px #071e2f80;image-rendering:pixelated}.office-map:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(90deg,#7c5b3420 1px,transparent 1px),linear-gradient(#7c5b3420 1px,transparent 1px);background-size:16px 16px}.room{position:absolute;border:5px solid var(--wall);background:#eed4ae;display:flex;align-items:center;justify-content:center;color:#172b3a;overflow:hidden}.bookable{cursor:pointer;z-index:3;transition:.2s}.bookable:hover,.bookable.selected{filter:brightness(1.05);z-index:5}.bookable[data-state=free]{border-color:var(--free);box-shadow:inset 0 0 0 3px #dcfce7,0 0 13px #22c55e88}.bookable[data-state=soon]{border-color:var(--soon);box-shadow:inset 0 0 0 3px #fef3c7,0 0 13px #f59e0b88}.bookable[data-state=busy]{border-color:var(--busy);box-shadow:inset 0 0 0 3px #fee2e2,0 0 13px #ef444488}.room-label{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);min-width:72%;padding:7px 8px;border-radius:9px;background:#fffdf3ef;text-align:center;box-shadow:0 2px 4px #0002;line-height:1.1}.room-label b{display:block;font-size:clamp(9px,1vw,13px)}.room-label small{display:block;margin-top:3px;font-size:clamp(8px,.8vw,11px);color:#16783b;font-weight:700}[data-state=soon] .room-label small{color:#b45309}[data-state=busy] .room-label small{color:#c52222}.meeting-one{left:0;top:0;width:28%;height:34%}.meeting-two{left:28%;top:0;width:19%;height:34%}.sales{left:47%;top:0;width:18%;height:34%;flex-direction:column;gap:5px}.engineering{left:65%;top:0;width:20%;height:21%}.archive{left:85%;top:0;width:15%;height:15%;font-size:12px}.engineering-corridor{position:absolute;left:65%;top:21%;width:5%;height:13%;z-index:2;background:#f4dcb7;border-left:5px solid var(--wall);border-right:5px solid var(--wall)}.engineering-corridor:before{content:"";position:absolute;top:-5px;left:5px;width:70%;height:5px;background:var(--wood);box-shadow:-2px -10px 0 -2px #8b5e34}.lounge{left:70%;top:21%;width:30%;height:13%;flex-direction:column;gap:8px;background:#c8b59f}.director{left:70%;width:30%;height:8%;background:#c8b59f;font-size:12px}.ricardo{top:34%}.flavio{top:42%}.luiz{top:50%}.finance{left:70%;top:58%;width:30%;height:20%;background:#c8b59f;flex-direction:column;gap:12px}.open-office{position:absolute;left:0;top:34%;width:70%;height:44%;padding:5% 8%}.desk-row{height:18%;margin-bottom:8%;border-radius:3px;background:repeating-linear-gradient(90deg,#eef2f4 0 12%,#234a67 12% 15%,#eef2f4 15% 27%);box-shadow:0 7px 0 #384e62}.plant{position:absolute;color:#2e8b57;font-size:28px}.p1{top:16%;left:45%}.p2{top:45%;left:45%}.p3{top:74%;left:45%}.avatar{color:#29485f;text-shadow:0 5px 0 #d08a5c}.a1{position:absolute;top:30%;left:60%}.a2{position:absolute;top:72%;left:22%}.reception{position:absolute;left:4%;top:79%;width:20%;height:10%;display:flex;flex-direction:column;align-items:center;color:#704a2e}.reception span{font-size:48px;line-height:.65}.reception b{font-size:11px}.client-vl{left:24%;top:78%;width:25%;height:22%}.round-table{font-size:72px;color:#a77543;transform:scaleX(1.25)}.call-two,.call-one{left:62%;width:8%;height:10%}.call-two{top:78%}.call-one{top:88%}.call-two .room-label,.call-one .room-label{min-width:100%;padding:4px 2px;bottom:4px}.call-two .avatar,.call-one .avatar{margin-bottom:34px}.cafeteria{left:70%;top:78%;width:30%;height:10%;background:#c8b59f;font-size:12px}.restroom{top:88%;background:#b7d5e5;font-size:10px;text-align:center}.women{left:49%;width:13%;height:12%;background:#e4b7b7}.directors{left:62%;width:10%;height:12%}.men{left:72%;width:28%;height:12%}.table{display:block;background:#a16b3f;border:4px solid #69472f;box-shadow:0 5px 0 #2d4251}.table.long{width:34%;height:62%}.table.medium{width:48%;height:30%}.table.slim{width:28%;height:58%}.drawer{overflow:auto;padding:34px 30px 24px;background:#fffdf9;border-left:1px solid #cbd5e1;box-shadow:-10px 0 30px #092a3d18}.drawer-head{display:flex;justify-content:space-between}.drawer-head h1{margin:0 0 6px;font-size:22px}.drawer-head p{margin:0;color:var(--muted)}.state-pill{display:inline-flex;margin-top:24px;padding:9px 13px;border-radius:9px;font-weight:750}.state-pill.free{color:#15803d;background:#e9f8ed}.state-pill.soon{color:#b45309;background:#fff4d6}.state-pill.busy{color:#c52222;background:#feeaea}.next{min-height:22px;color:#334155}.dates{display:flex;overflow-x:auto;gap:7px;padding:12px 0 16px}.date-tab{flex:0 0 auto;border:1px solid #d8e0e7;background:#fff;color:#334155;border-radius:10px;padding:9px 12px;cursor:pointer}.date-tab.selected{color:#fff;background:var(--navy);border-color:var(--navy)}.date-tab small{display:block;opacity:.75}.timeline h2{font-size:13px;margin:4px 0 10px}.timeline-row{display:grid;grid-template-columns:110px 1fr;min-height:52px;border:1px solid #e0e6eb;border-bottom:0;overflow:hidden}.timeline-row:first-of-type{border-radius:10px 10px 0 0}.timeline-row:last-child{border-bottom:1px solid #e0e6eb;border-radius:0 0 10px 10px}.timeline-row time,.timeline-row span{display:flex;align-items:center;padding:11px}.timeline-row time{font-weight:650}.timeline-row span.free{color:#15803d;background:#edf9f0}.timeline-row span.busy{color:#c52222;background:#fff0f0}.whatsapp{width:100%;margin-top:26px;padding:14px;border:0;border-radius:10px;background:#14a83d;color:#fff;font-size:15px;font-weight:700;cursor:pointer}.whatsapp:disabled{opacity:.45}.disclaimer{color:var(--muted);font-size:11px;line-height:1.5}.warnings{margin-top:14px;padding:10px;color:#92400e;background:#fffbeb;border-radius:8px;font-size:11px}.skeleton{height:50px;margin-bottom:6px;border-radius:8px;background:#eef2f5}.mobile-rooms{display:none}@media(max-width:1050px){.legend{display:none}.shell{grid-template-columns:1fr 380px}.topbar{padding:0 16px;gap:14px}.today{font-size:13px}}@media(max-width:820px){.topbar{height:auto;min-height:60px;flex-wrap:wrap;padding:10px 14px}.brand{font-size:17px}.today{order:3;width:100%;margin:0}.live{margin-left:auto}.shell{height:auto;display:block}.workspace{padding:12px;overflow:visible;min-width:0}.office-map{min-width:0}.mobile-rooms{display:none}.mobile-card{min-height:110px;text-align:left;padding:16px;border:3px solid #cbd5e1;border-radius:13px;background:#fff;color:#123047;box-shadow:0 5px 12px #0002}.mobile-card b,.mobile-card span{display:block}.mobile-card span{margin-top:10px;font-size:13px}.mobile-card[data-state=free]{border-color:var(--free)}.mobile-card[data-state=soon]{border-color:var(--soon)}.mobile-card[data-state=busy]{border-color:var(--busy)}.drawer{min-height:600px;border-left:0;border-top:1px solid #cbd5e1;padding:24px 18px}.drawer-head h1{font-size:23px}}@media(max-width:480px){.mobile-rooms{grid-template-columns:1fr}}