.room-board-page{display:grid;gap:18px}.board-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;padding:26px 30px;border:1px solid rgba(15,118,110,.14);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(230,244,241,.78));box-shadow:0 18px 45px rgba(20,54,49,.09);overflow:hidden}.board-hero:after{content:"";position:absolute;width:260px;height:260px;right:18%;top:-185px;border-radius:50%;background:radial-gradient(circle,rgba(36,173,154,.18),transparent 70%)}.board-title-group{display:flex;align-items:center;gap:18px;min-width:0}.board-logo{display:grid;place-items:center;flex:none;width:58px;height:58px;border-radius:16px;background:linear-gradient(145deg,#159b8f,#075a55);color:#fff;font-weight:900;box-shadow:0 12px 24px rgba(15,118,110,.25)}.board-hero h1{margin:5px 0 6px;font-size:clamp(30px,3.2vw,48px);line-height:1}.board-hero p{margin:0;color:var(--muted)}.board-clock{position:relative;z-index:1;display:grid;text-align:right}.board-clock strong{font-size:clamp(34px,4vw,58px);line-height:1;color:var(--primary);font-variant-numeric:tabular-nums}.board-clock span{margin-top:7px;color:var(--muted);font-weight:700}.board-display-link{position:relative;z-index:1}.board-site-filter{box-shadow:0 12px 32px rgba(20,54,49,.06)}
.board-visual-summary{display:grid;grid-template-columns:minmax(0,1fr) 172px;gap:18px}.board-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.board-kpi,.board-occupancy{position:relative;min-height:138px;padding:20px;border:1px solid rgba(15,118,110,.13);border-radius:16px;background:rgba(255,255,255,.86);box-shadow:0 14px 34px rgba(20,54,49,.08);overflow:hidden}.board-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#315f9b}.board-kpi:after{content:"";position:absolute;width:110px;height:110px;right:-54px;bottom:-58px;border-radius:50%;background:currentColor;opacity:.08}.board-kpi--busy{color:#c44a3d}.board-kpi--busy:before{background:#d05849}.board-kpi--next{color:#b97914}.board-kpi--next:before{background:#d59b32}.board-kpi--free{color:#117b58}.board-kpi--free:before{background:#1a9368}.board-kpi small,.board-kpi span{display:block;color:var(--muted);font-weight:700}.board-kpi strong{display:block;margin:9px 0 5px;font-size:38px;line-height:1;font-variant-numeric:tabular-nums}.board-kpi span{font-size:12px}.board-occupancy{display:grid;place-items:center;padding:12px}.board-occupancy-ring{display:grid;place-items:center;width:118px;height:118px;border-radius:50%;background:conic-gradient(#16a085 0 var(--occupancy),#e4efec var(--occupancy) 360deg);box-shadow:inset 0 0 0 1px rgba(15,118,110,.08),0 10px 22px rgba(20,75,68,.12)}.board-occupancy-ring>div{display:grid;place-items:center;width:86px;height:86px;border-radius:50%;background:#fff}.board-occupancy-ring strong{font-size:24px;color:var(--primary)}.board-occupancy-ring span{font-size:10px;color:var(--muted);font-weight:800}
.room-status-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:0}.room-state{position:relative;min-height:220px;padding:24px;border:1px solid rgba(255,255,255,.58);border-left:0;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,250,249,.86));box-shadow:0 18px 42px rgba(20,54,49,.1);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.room-state:before{content:"";position:absolute;inset:0 0 auto;height:6px;background:#16865e}.room-state:after{content:"";position:absolute;width:170px;height:170px;right:-90px;bottom:-105px;border-radius:50%;background:#16865e;opacity:.08}.room-state:hover{transform:translateY(-5px);box-shadow:0 25px 52px rgba(20,54,49,.16)}.room-state--in_use:before{background:linear-gradient(90deg,#be413a,#ec7b58)}.room-state--in_use:after{background:#d04d41}.room-state--upcoming:before{background:linear-gradient(90deg,#c07911,#edb74c)}.room-state--upcoming:after{background:#d39b2f}.room-state--available:before{background:linear-gradient(90deg,#0d7b58,#30b67f)}.room-state header{display:flex;justify-content:space-between;gap:18px;align-items:start}.room-state h2{margin:4px 0 18px;font-size:clamp(26px,2.4vw,38px);letter-spacing:-.02em}.room-state header small{color:var(--muted);font-weight:800}.room-state-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#e4f4ee;color:#137456;font-size:12px;font-weight:900}.room-state--in_use .room-state-pill{background:#fbe9e6;color:#ad382f}.room-state--upcoming .room-state-pill{background:#fff2d9;color:#97600b}.room-state-pill i,.available-pulse i,.board-footer i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 15%,transparent)}.room-state-content{position:relative;z-index:1;display:grid;gap:7px}.room-state-content>b{font-size:clamp(18px,1.6vw,24px)}.room-state-content>p{margin:0;color:var(--muted);font-weight:650}.room-time{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-top:16px}.room-time strong{font-size:20px}.room-time span{color:var(--muted);font-size:12px;font-weight:800}.lesson-progress{height:8px;margin-top:3px;overflow:hidden;border-radius:999px;background:#f2dedb}.lesson-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#be413a,#ec7b58);box-shadow:0 2px 7px rgba(190,65,58,.28)}.available-pulse{display:flex;align-items:center;gap:11px;margin-top:25px;color:#13805b;font-weight:800}.available-pulse i{animation:boardPulse 2s ease-in-out infinite}.board-pagination{min-height:12px;display:flex;justify-content:center;gap:8px}.board-pagination button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#a9c3bd;cursor:pointer;transition:width .2s,background .2s}.board-pagination button.active{width:28px;background:var(--primary)}.board-footer{display:flex;justify-content:center;gap:30px;align-items:center;color:#91b4ae;font-size:13px;font-weight:700}.board-footer span:first-child{display:flex;align-items:center;gap:9px;color:#69d4b4}.board-footer a{margin-left:auto;color:#91b4ae}
.board-display-body{min-height:100vh;background:radial-gradient(circle at 12% 0,rgba(23,128,112,.28),transparent 28%),radial-gradient(circle at 92% 8%,rgba(29,84,117,.22),transparent 28%),linear-gradient(145deg,#071d1a,#0d2925 58%,#0b2223);color:#eaf8f4}.board-display-body .topbar,.board-display-body .mobile-nav{display:none}.board-display-body .page-shell{width:100%;max-width:none;margin:0;padding:clamp(24px,2.4vw,48px)}.room-board-page--display{min-height:calc(100vh - 96px);grid-template-rows:auto auto 1fr auto auto}.room-board-page--display .board-hero{padding:0 4px 14px;border:0;border-radius:0;border-bottom:1px solid rgba(150,204,193,.2);background:transparent;box-shadow:none}.room-board-page--display .board-logo{width:70px;height:70px;font-size:21px}.room-board-page--display .board-hero h1{color:#f5fffc}.room-board-page--display .board-hero p,.room-board-page--display .board-clock span{color:#91b4ae}.room-board-page--display .board-clock strong{color:#74e0bf}.room-board-page--display .board-visual-summary{grid-template-columns:minmax(0,1fr) 190px}.room-board-page--display .board-kpi,.room-board-page--display .board-occupancy{border-color:rgba(147,200,190,.16);background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.045));backdrop-filter:blur(16px);box-shadow:0 20px 44px rgba(0,0,0,.15)}.room-board-page--display .board-kpi small,.room-board-page--display .board-kpi span{color:#9abcb6}.room-board-page--display .board-kpi strong{color:#f3fffb}.room-board-page--display .board-occupancy-ring{background:conic-gradient(#58d4ac 0 var(--occupancy),rgba(255,255,255,.1) var(--occupancy) 360deg)}.room-board-page--display .board-occupancy-ring>div{background:#102d28}.room-board-page--display .board-occupancy-ring strong{color:#f3fffb}.room-board-page--display .board-occupancy-ring span{color:#9abcb6}.room-board-page--display .room-status-board{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start}.room-board-page--display .room-state{min-height:230px;border-color:rgba(151,204,194,.17);background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045));backdrop-filter:blur(17px);box-shadow:0 22px 48px rgba(0,0,0,.17)}.room-board-page--display .room-state h2,.room-board-page--display .room-state-content>b,.room-board-page--display .room-time strong{color:#f3fffb}.room-board-page--display .room-state header small,.room-board-page--display .room-state-content>p,.room-board-page--display .room-time span{color:#9abcb6}.room-board-page--display .room-state-pill{background:rgba(53,190,143,.13);color:#69d4a5}.room-board-page--display .room-state--in_use .room-state-pill{background:rgba(232,92,70,.14);color:#ff9d89}.room-board-page--display .room-state--upcoming .room-state-pill{background:rgba(235,177,65,.14);color:#ffd078}.room-board-page--display .lesson-progress{background:rgba(255,255,255,.1)}
@keyframes boardPulse{0%,100%{transform:scale(.82);opacity:.65}50%{transform:scale(1.15);opacity:1}}@media(min-width:1900px){.room-board-page--display .room-status-board{grid-template-columns:repeat(4,minmax(0,1fr))}.room-board-page--display .room-state{min-height:270px}.room-board-page--display .board-hero h1{font-size:58px}.room-board-page--display .room-state h2{font-size:44px}}@media(max-width:1100px){.board-kpis{grid-template-columns:repeat(2,1fr)}.room-board-page--display .room-status-board{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.board-hero{grid-template-columns:1fr auto;padding:20px}.board-logo{display:none}.board-display-link{grid-column:1/-1}.board-visual-summary{grid-template-columns:1fr}.board-occupancy{display:none}.room-status-board,.room-board-page--display .room-status-board{grid-template-columns:1fr}.board-kpis{grid-template-columns:repeat(2,1fr)}.board-kpi{min-height:112px}.board-clock strong{font-size:36px}.board-footer span:nth-child(2){display:none}}
.room-availability{position:relative;z-index:1;margin-top:18px;padding-top:14px;border-top:1px solid rgba(15,118,110,.14)}.room-availability>small{display:block;margin-bottom:8px;color:var(--muted);font-size:11px;font-weight:900}.room-availability>strong{display:block;color:#137456;font-size:18px}.room-availability--full{color:#ad382f!important}.room-availability-list{display:flex;flex-wrap:wrap;gap:7px}.room-availability-list span{padding:6px 9px;border-radius:8px;background:#e7f4f1;color:#126e62;font-size:12px;font-weight:850;font-variant-numeric:tabular-nums}.room-board-page--display .room-availability{border-top-color:rgba(151,204,194,.16)}.room-board-page--display .room-availability>small{color:#9abcb6}.room-board-page--display .room-availability>strong{color:#69d4a5}.room-board-page--display .room-availability--full{color:#ff9d89!important}.room-board-page--display .room-availability-list span{background:rgba(80,205,169,.13);color:#8ae8c9}
.board-display-body{background:radial-gradient(circle at 10% 0,rgba(35,154,133,.34),transparent 31%),radial-gradient(circle at 92% 10%,rgba(46,101,145,.3),transparent 32%),linear-gradient(145deg,#0a2421,#10332e 58%,#0d292b)}.room-board-page--display .board-kpi--total{background:linear-gradient(145deg,rgba(65,120,184,.24),rgba(255,255,255,.05))}.room-board-page--display .board-kpi--busy{background:linear-gradient(145deg,rgba(196,74,61,.23),rgba(255,255,255,.045))}.room-board-page--display .board-kpi--next{background:linear-gradient(145deg,rgba(185,121,20,.23),rgba(255,255,255,.045))}.room-board-page--display .board-kpi--free{background:linear-gradient(145deg,rgba(17,123,88,.28),rgba(255,255,255,.045))}.room-board-page--display .room-state{border-color:rgba(170,218,209,.22);background:linear-gradient(145deg,rgba(26,107,91,.24),rgba(255,255,255,.055));box-shadow:0 22px 48px rgba(0,0,0,.2)}.room-board-page--display .room-state--available{border-color:rgba(79,207,160,.34);background:linear-gradient(145deg,rgba(22,132,98,.3),rgba(9,47,40,.72));box-shadow:0 22px 48px rgba(0,0,0,.2),0 0 28px rgba(40,183,130,.08)}.room-board-page--display .room-state--upcoming{border-color:rgba(242,190,83,.38);background:linear-gradient(145deg,rgba(173,117,26,.3),rgba(56,41,17,.7));box-shadow:0 22px 48px rgba(0,0,0,.2),0 0 28px rgba(226,163,51,.09)}.room-board-page--display .room-state--in_use{border-color:rgba(246,124,101,.42);background:linear-gradient(145deg,rgba(174,66,54,.34),rgba(61,29,27,.72));box-shadow:0 22px 48px rgba(0,0,0,.22),0 0 32px rgba(224,83,65,.12);animation:boardActiveGlow 3.4s ease-in-out infinite}.room-board-page--display .room-availability>small{font-size:12px;letter-spacing:.04em}.room-board-page--display .room-availability-list span{background:rgba(115,222,192,.16);border:1px solid rgba(134,233,207,.18);color:#a0f0d7}.room-board-page--display .room-state--in_use .room-availability-list span,.room-board-page--display .room-state--upcoming .room-availability-list span{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.12);color:#d8eee8}@keyframes boardActiveGlow{0%,100%{box-shadow:0 22px 48px rgba(0,0,0,.22),0 0 26px rgba(224,83,65,.1)}50%{box-shadow:0 24px 54px rgba(0,0,0,.24),0 0 42px rgba(238,101,78,.2)}}@media(prefers-reduced-motion:reduce){.room-board-page--display .room-state--in_use{animation:none}}
.board-display-body{height:100dvh;min-height:0;overflow:hidden}.board-display-body .page-shell{height:100dvh;box-sizing:border-box;padding:clamp(18px,2vh,30px);overflow:hidden}.room-board-page--display{height:100%;min-height:0;grid-template-rows:auto auto minmax(0,1fr) auto auto;gap:clamp(10px,1.4vh,18px)}.room-board-page--display .room-status-board{min-height:0;grid-template-columns:repeat(var(--board-columns,4),minmax(0,1fr));grid-template-rows:repeat(var(--board-rows,2),minmax(0,1fr));gap:clamp(10px,1.3vh,18px);overflow:hidden}.room-board-page--display .room-state{height:100%;min-height:0;box-sizing:border-box;padding:clamp(16px,1.8vh,24px)}.room-board-page--display .room-state h2{margin-bottom:clamp(8px,1.3vh,18px)}.room-board-page--display .room-availability{margin-top:clamp(10px,1.4vh,18px);padding-top:clamp(9px,1.2vh,14px)}.room-board-page--display .board-pagination{min-height:28px;display:flex;align-items:center;justify-content:center;gap:12px}.room-board-page--display .board-pagination[hidden]{display:none}.room-board-page--display .board-pagination button{width:32px;height:28px;border:1px solid rgba(151,204,194,.24);border-radius:8px;background:rgba(255,255,255,.06);color:#b9d8d1;font-size:18px;cursor:pointer}.room-board-page--display .board-pagination button:disabled{opacity:.3;cursor:default}.room-board-page--display .board-pagination>span{min-width:52px;color:#b9d8d1;font-size:12px;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.room-board-page--display .board-pagination>i{display:block;width:min(180px,16vw);height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.1)}.room-board-page--display .board-pagination>i>b{display:block;height:100%;border-radius:inherit;background:#58d4ac;transition:width .25s ease}.room-board-page--display .board-footer{min-height:20px}@media(max-height:900px){.room-board-page--display .board-hero{padding-bottom:9px}.room-board-page--display .board-logo{width:54px;height:54px}.room-board-page--display .board-hero h1{font-size:36px}.room-board-page--display .board-hero p{font-size:13px}.room-board-page--display .board-clock strong{font-size:42px}.room-board-page--display .board-kpi,.room-board-page--display .board-occupancy{min-height:96px;padding:13px}.room-board-page--display .board-kpi strong{margin:5px 0 3px;font-size:28px}.room-board-page--display .board-occupancy-ring{width:80px;height:80px}.room-board-page--display .board-occupancy-ring>div{width:58px;height:58px}.room-board-page--display .board-occupancy-ring strong{font-size:18px}.room-board-page--display .room-state h2{font-size:30px}.room-board-page--display .room-state-content>b{font-size:18px}.room-board-page--display .room-state-content>p{font-size:13px}.room-board-page--display .room-availability>strong{font-size:16px}.room-board-page--display .room-availability-list span{padding:4px 7px;font-size:11px}}