/* System fonts keep this local preview independent of third-party requests. */
:root{font-family:'DM Sans','Segoe UI',sans-serif;color:#172031;background:#f7f9fc;font-synthesis:none;--blue:#2448e8;--ink:#172031;--muted:#667085;--line:#e5e9f0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit}button{transition:background .16s,transform .16s}button:focus-visible,a:focus-visible{outline:3px solid #8298ff;outline-offset:3px}input:focus,select:focus{outline:3px solid #d5ddff;border-color:var(--blue)}[hidden]{display:none!important}.demo{padding:10px 20px;text-align:center;font-size:.8125rem;background:#eaf0ff;color:#3c528b}.demo span{font-size:.7rem;font-weight:800;letter-spacing:.09em;margin-right:12px}.header{height:88px;display:flex;align-items:center;gap:44px;background:#fff;border-bottom:1px solid var(--line);padding:0 max(5%,calc((100vw - 1260px)/2))}.brand{font:800 2rem 'Manrope',sans-serif;letter-spacing:-.08em;display:flex;align-items:center;text-decoration:none}.brand-icon{display:inline-grid;place-items:center;color:white;background:var(--blue);width:35px;height:35px;line-height:1;font-size:1.5rem;letter-spacing:0;border-radius:10px;margin-right:10px}.brand-dot{color:var(--blue)}nav{display:flex;height:100%;gap:24px}.nav{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:.9rem;padding:0 3px}.nav.active{color:var(--blue);border-color:var(--blue);font-weight:700}#my-count{margin-left:5px;font-size:.75rem;background:#edf0f6;border-radius:5px;padding:2px 5px}.admin-link{margin-left:auto;white-space:nowrap;font-size:.875rem;background:none;border:0;color:#5f6b7c}.admin-link span{margin-left:10px}main{max-width:1260px;width:90%;margin:0 auto}.heading{padding:48px 0 36px;display:flex;align-items:center;justify-content:space-between;gap:25px}.eyebrow,.panel-label{font-weight:700;font-size:.7rem;letter-spacing:.13em;color:#6d7b91}.eyebrow span{padding:0 9px;color:#abb4c2}h1,h2,h3{font-family:'Manrope','Segoe UI',sans-serif;color:var(--ink)}h1{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;letter-spacing:-.055em;margin:11px 0}p{line-height:1.65}.heading p{font-size:1rem;color:var(--muted);margin:0}.location{display:flex;gap:12px;font-size:.875rem;align-items:center}.location>span{font-size:1.8rem;color:var(--blue)}.location small{display:block;color:var(--muted);font-size:.75rem;margin-top:5px}.workspace{background:#fff;border:1px solid var(--line);border-radius:18px;display:grid;grid-template-columns:265px minmax(0,1fr);overflow:hidden;box-shadow:0 12px 32px #17203104}.date-panel{padding:28px 24px;background:#fcfdff;border-right:1px solid var(--line)}.month-controls{display:flex;align-items:center;justify-content:space-between;margin:21px 0 16px;gap:5px}.month-controls strong{font-size:.9rem;text-transform:capitalize}.icon-button{background:transparent;border:0;color:#637086;width:32px;height:32px;border-radius:7px;font-size:1.4rem;line-height:1}.icon-button:hover{background:#edf1fc}.weekdays,.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.weekdays span{font-size:.7rem;color:#939dae;text-align:center;padding:5px 0}.calendar button{aspect-ratio:1;border:0;background:transparent;color:#404e66;font-size:.8rem;border-radius:8px;padding:0}.calendar button:hover{background:#eff3ff}.calendar button.selected{background:var(--blue);color:white;font-weight:700;box-shadow:0 3px 8px #2448e833}.calendar button.outside{color:#afbacb}.calendar button:disabled{color:#c8ced8}.date-label{font-size:.75rem!important;margin-top:26px!important}.date-panel input{font-size:.8rem;padding:9px;width:100%;border-color:var(--line)}.quiet-note{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.quiet-note strong{display:block;font-size:.82rem;font-weight:600;margin-top:10px}.quiet-note p{font-size:.78rem;color:var(--muted);margin:7px 0 0}.note-icon{color:var(--blue);font-size:1.5rem}.availability-panel{padding:29px 32px 16px;min-width:0}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-top h2{font-size:1.3rem;font-weight:700;letter-spacing:-.035em;margin:8px 0 0;text-transform:capitalize}.small-button{background:#fff;border:1px solid #dce2ed;border-radius:8px;padding:9px 15px;font-size:.85rem;font-weight:600;color:#4a566a}.small-button:hover{background:#f2f5fc}.legend{display:flex;gap:20px;margin:24px 0 7px;color:#748095;font-size:.72rem}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:2px}.free-key{background:#dbeee8}.busy-key{background:#d6dce6}.blocked-key{background:repeating-linear-gradient(135deg,#c1ccdf 0,#c1ccdf 2px,#eff2f7 2px,#eff2f7 4px)}.room{padding:22px 0;border-bottom:1px solid var(--line)}.room-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.room-symbol{width:36px;height:36px;background:#eef2ff;color:#5464ad;display:grid;place-items:center;border-radius:9px;font-size:.9rem;font-weight:700}.room h3{margin:0;font-size:1rem;letter-spacing:-.02em}.room small{display:block;font-size:.7rem;color:#8190a5;margin-top:3px}.room-status{margin-left:auto;display:flex;align-items:center;gap:6px;color:#377264;font-size:.72rem}.room-status::before{content:'';background:#50a98a;width:5px;height:5px;border-radius:50%}.reserve-link{margin-left:14px;background:none;border:0;color:var(--blue);font-weight:700;font-size:.78rem;padding:8px 0 8px 8px}.timeline-scroll{overflow:auto;padding-bottom:2px}.timeline,.time-labels{display:grid;min-width:500px;gap:3px}.slot{height:24px;border:1px solid #d8e9e4;border-radius:4px;background:#e6f2ee;position:relative}.slot:hover:not(:disabled){background:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.slot.busy{background:#e5e9f0;border-color:#e5e9f0}.slot.blocked{background:repeating-linear-gradient(135deg,#f2f4f8 0,#f2f4f8 3px,#e1e6ef 3px,#e1e6ef 5px);border-color:#e1e6ef}.slot.past{background:#f7f8fa;border-color:#f1f3f6}.slot.mine{background:#6c88f5;border-color:#6c88f5}.time-labels{color:#8a96a8;font-size:.65rem;margin-top:8px}.time-labels span{white-space:nowrap}.privacy-note{font-size:.72rem;color:#8490a3;padding-top:18px;line-height:1.6}.privacy-note span{color:#6b81be;margin-right:5px}.how{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:18px;align-items:start;padding:30px 24px 15px}.step-number{font:.85rem 'Manrope',sans-serif;color:#8697b6;border:1px solid #e0e6ef;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.how strong{font-size:.82rem;font-weight:600}.how p{font-size:.77rem;color:#8793a5;margin:4px 0}footer{margin-top:36px;padding:20px 0 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:.73rem;color:#8190a5}footer>span:first-child{font-weight:700;color:#53617a}footer .muted{font-weight:400;margin-left:10px}.muted{color:var(--muted)}dialog{border:0;box-shadow:0 30px 100px #10204033;border-radius:20px;padding:30px;width:min(480px,calc(100vw - 28px));max-height:92dvh;color:var(--ink)}dialog::backdrop{background:#16274166;backdrop-filter:blur(3px)}dialog h2{font-size:1.65rem;letter-spacing:-.05em;margin:16px 0 7px}dialog p{font-size:.9rem;margin:8px 0 16px}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top .icon-button{background:#f1f4f9}label{display:block;font-size:.84rem;font-weight:600;margin:16px 0 7px}input,select{padding:11px 12px;border:1px solid #dce2ed;border-radius:8px;color:#25324a;background:white;width:100%;font-size:.9rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-divider{border-top:1px solid var(--line);margin:22px 0 5px}.optional{font-weight:400;color:#8b95a8;font-size:.74rem;margin-left:5px}.field-help{font-size:.75rem!important;color:#8490a3;line-height:1.5}.primary{border:0;border-radius:9px;background:var(--blue);padding:13px 18px;color:#fff;font-size:.9rem;font-weight:600}.primary:hover{background:#1638c6}.primary span{float:right}.full{width:100%}.secondary{margin-top:10px}.dialog-note{font-size:.7rem!important;color:#8a95a5;text-align:center;line-height:1.6}.form-error{color:#b23443;font-size:.8rem;min-height:0}.form-error:empty{display:none}.success-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#e5f4ed;color:#2e8465;font-size:1.4rem}.success-summary{background:#f4f7fd;border:1px solid #e7ecf5;border-radius:12px;padding:20px;margin:23px 0;line-height:1.8}.success-summary strong{font-size:1.15rem;display:block}.success-summary span{font-size:.85rem;color:#576984;display:block}.booking-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;align-items:center;gap:20px;margin:18px 0}.booking-card h3{margin:0 0 5px}.booking-card p{font-size:.85rem;color:var(--muted);margin:4px 0}.booking-card .actions{margin-left:auto;display:flex;gap:8px}.empty{padding:65px 20px;text-align:center;background:#fff;border:1px dashed #cfd8e6;border-radius:15px;margin-top:25px}.empty h3{font-size:1.25rem}.empty p{font-size:.9rem;color:var(--muted)}.danger{background:#b33e4d}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#172a49;color:#fff;padding:13px 24px;border-radius:12px;box-shadow:0 5px 30px #172a4933;max-width:90vw;z-index:10;font-size:.9rem}.check-label{display:flex;align-items:center;gap:9px}.check-label input{width:18px;height:18px}.skip{position:fixed;top:-70px;left:10px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}.admin-notice{padding:16px 20px;border:1px solid #cfdaff;border-radius:12px;background:#eef3ff;color:#405487;font-size:.9rem;margin:25px 0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.admin-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:23px}.admin-card h3{margin:0 0 15px}.admin-card p{font-size:.85rem;color:var(--muted)}.room-config{display:grid;grid-template-columns:1fr 120px;gap:10px;align-items:end}.admin-card .primary{margin-top:22px}.admin-booking{padding:14px 0;border-bottom:1px solid var(--line)}.admin-booking small{color:var(--muted)}.admin-booking .small-button{margin-top:10px}.qr-links{display:flex;flex-wrap:wrap;gap:8px}.qr-links a{font-size:.8rem;color:var(--blue);padding:8px 12px;background:#eff3ff;border-radius:7px;text-decoration:none}
@media(min-width:1500px){main{padding-top:12px}.room{padding:26px 0}.slot{height:28px}}@media(max-width:1000px){.header{gap:25px}.location{display:none}.workspace{grid-template-columns:225px minmax(0,1fr)}.date-panel{padding:25px 16px}.availability-panel{padding:25px 22px 17px}.how{gap:10px;padding-inline:8px}.room-status{display:none}}@media(max-width:720px){.demo{font-size:.69rem;padding:8px 10px}.demo span{display:block;margin:0 0 2px}.header{height:auto;min-height:76px;flex-wrap:wrap;padding:15px 5% 0;gap:5px}.brand{font-size:1.7rem}.brand-icon{width:31px;height:31px}.admin-link{font-size:.76rem}nav{order:3;width:100%;height:45px;gap:22px}.nav{font-size:.83rem}.heading{padding:28px 0 24px}.heading p{font-size:.85rem;max-width:280px}.eyebrow{font-size:.65rem}h1{font-size:1.95rem}.workspace{display:block;border-radius:13px}.date-panel{padding:16px;border-right:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.date-panel>.panel-label{white-space:nowrap;font-size:.75rem}.date-panel .month-controls,.weekdays,.calendar,.quiet-note,.date-label{display:none}.date-panel input{margin-left:auto;max-width:175px;font-size:.8rem}.availability-panel{padding:22px 16px 15px}.section-top h2{font-size:1.1rem}.legend{gap:14px;font-size:.66rem}.room{padding:20px 0}.room h3{font-size:.92rem}.room-status{display:none}.room-top{gap:9px}.reserve-link{margin-left:auto;font-size:.75rem}.privacy-note{font-size:.69rem}.how{grid-template-columns:28px 1fr;gap:10px 14px;padding:25px 3px}.how p{margin-top:2px}.how strong{font-size:.8rem}footer{font-size:.67rem;gap:10px;margin-top:14px}footer .muted{display:none}.booking-card{align-items:flex-start;flex-wrap:wrap;gap:10px}.booking-card .actions{margin-left:0;width:100%;flex-wrap:wrap}.admin-grid{grid-template-columns:1fr}.room-config{grid-template-columns:1fr 105px}dialog{padding:23px}.success-summary{margin:18px 0}main{width:92%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Readable labels at every breakpoint. */
.brand{letter-spacing:-.045em}.brand-icon svg{width:29px;height:29px}.heading .eyebrow span{padding:0;color:inherit}.room-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:28px 0}.room-choice{display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:18px;padding:25px;border:1px solid #dce3ed;border-radius:18px;background:white;color:var(--ink);min-height:220px;box-shadow:0 7px 20px #17203104}.room-choice:hover{border-color:#8298ff;transform:translateY(-2px)}.room-choice-top{display:flex;align-items:center;justify-content:space-between}.room-choice>strong{font-size:1.4rem}.live-state{display:flex;align-items:center;gap:9px;font-size:.9rem}.live-state i{width:9px;height:9px;border-radius:50%;background:#7e8999}.available .live-state i{background:#168052;animation:live-dot 3s ease-in-out infinite}.occupied{background:#b72c3d;color:white;border-color:#b72c3d;animation:occupied-room 3.5s ease-in-out infinite}.occupied .room-symbol{background:#ffffff25;color:white}.occupied .live-state i{background:white}.room-choice-link{font-size:.875rem;margin-top:auto}.back-rooms{margin-bottom:12px}.participant-fields{border:0;padding:0;margin:22px 0 0;min-width:0}.participant-fields legend{font-size:.9rem;font-weight:600}.participant-row>div{display:flex;gap:8px}.participant-row input{min-width:0}.participant-row{margin-bottom:12px}.qr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:14px}.qr-card{display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:12px;text-decoration:none;font-size:.875rem}.qr-card img{width:100%;max-width:180px;aspect-ratio:1}.qr-card span{color:var(--blue)}.qr-card:hover{border-color:var(--blue)}@keyframes live-dot{50%{opacity:.35;box-shadow:0 0 0 5px #16805215}}@keyframes occupied-room{50%{background:#db4556;border-color:#db4556}}@media(prefers-reduced-motion:reduce){.room-choice,.live-state i{animation:none!important}}@media(max-width:520px){.room-buttons{grid-template-columns:1fr 1fr;gap:12px}.room-choice{padding:17px;min-height:210px}.room-choice>strong{font-size:1.15rem}.live-state{font-size:.8rem}.qr-grid{grid-template-columns:1fr 1fr}}
.eyebrow,.panel-label,.weekdays span,.time-labels,.privacy-note,.room small,.room-status,.how p,.field-help,.dialog-note,.optional,.demo,footer,.legend{font-size:.75rem!important}
.reserve-link,.small-button,.nav,.admin-link,.date-label,.quiet-note strong,.how strong,.qr-links a{font-size:.875rem!important}
.time-labels,.privacy-note,.room small,.field-help,.dialog-note,.how p,.quiet-note p,footer,.location small{color:#627087}
.timeline,.time-labels{min-width:550px}.admin-booking .form-row{margin-top:10px}.admin-booking .small-button{margin-top:0}
.section-top h2{text-transform:none}.section-top h2::first-letter{text-transform:uppercase}.slot.free{background:#d6ebe3;border-color:#c4dfd3}.date-panel .calendar button{font-size:.8rem}

.reorg-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.reorg-notices{margin-top:22px}.request-option{border-top:1px solid #cfdaff;padding:12px 0}.request-option button{margin-top:10px}#reorganization-dialog{width:min(600px,calc(100vw - 28px))}#reorganization-dialog .admin-notice{margin:16px 0}

/* Muted room states retain readable text and the slow availability pulse. */
.room-description{display:block;font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.room-choice .room-description{margin-top:-10px}.room-top>div{min-width:0}.room-top .room-symbol,.room-top .reserve-link{flex-shrink:0}.room-config{padding-bottom:16px;border-bottom:1px solid var(--line)}
.room-choice.available{background:#edf6f2;border-color:#d7e9df;color:#244d40}
.available .room-symbol{background:#dceee4;color:#386651}
.room-choice.available:hover{background:#e5f1eb;border-color:#9ebfac}
.room-choice.occupied{background:#fbf0f0;border-color:#efdcdc;color:#794b50;animation:occupied-soft 4s ease-in-out infinite}
.occupied .room-symbol{background:#f1dfe0;color:#87555c}.occupied .live-state i{background:#bc737b}
.room-choice.occupied:hover{border-color:#c99b9f}
@keyframes occupied-soft{50%{background:#f5e5e6;border-color:#e6cacc}}
@media(prefers-reduced-motion:reduce){.room-choice.occupied{animation:none!important}}