:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#18283d;background:#f2f5f8;font-synthesis:none;--navy:#0d1828;--mint:#70e0cb;--line:#dce3ea;--muted:#66768a}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}.header{height:76px;padding:0 3vw;background:var(--navy);color:#fff;display:flex;align-items:center;gap:28px}.brand{display:flex;gap:16px;align-items:center;font-size:13px;letter-spacing:.1em;font-weight:650}.mark{font-size:27px;font-weight:800;letter-spacing:-.09em;color:var(--mint)}.header-context{margin-left:auto;font-size:14px;color:#cad5e4}.header .button{color:#e1e8ef;border-color:#39475a}.page{max-width:1440px;margin:auto;padding:44px 4vw}.page-title,.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:750;color:#567185}h1{font-size:clamp(26px,3vw,40px);letter-spacing:-.035em;margin:10px 0 12px;font-weight:650}h2{font-size:22px;letter-spacing:-.025em;margin:10px 0 16px}h3{font-size:19px}p{line-height:1.5}.muted,.hint{color:var(--muted)}.hint{font-size:13px;margin:5px 0 12px}.button{border:1px solid #ccd6e1;border-radius:8px;background:white;color:#1b3049;padding:13px 18px;cursor:pointer;font-size:14px;font-weight:650;display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:46px;transition:background .15s,border-color .15s}.button:hover{background:#edf3f7;border-color:#7891aa}.button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--navy);color:white;border-color:var(--navy)}.primary:hover{background:#253c58}.subtle{background:transparent}.small{padding:8px 12px;min-height:36px;font-size:13px}.point-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:22px;margin-top:36px}.point-card{background:white;border:1px solid var(--line);border-radius:12px;padding:28px;display:flex;align-items:flex-start;flex-direction:column;min-height:290px;border-top:4px solid #3d8b87}.point-card h2{margin-top:26px}.point-card .button{margin-top:auto;width:100%}.badge{font-size:13px;padding:6px 9px;border-radius:5px;background:#eef1f4;color:#64748b;margin-bottom:24px}.good{background:#e0f5ed;color:#17694c}.operator-page,.display-page{padding:22px 2.6vw 36px;max-width:1920px;margin:auto}.workspace-heading h1{font-size:27px;margin-bottom:0}.connection{font-size:13px;color:#697d93;margin:8px 0 16px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.video-area{background:#101d2e;position:relative;min-height:390px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:16/10}.video-area>video:not(.self-video){width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.video-area .self-video{position:absolute;bottom:16px;right:16px;width:18%;max-height:24%;object-fit:cover;border:1px solid #586879;border-radius:7px;background:#233247}.video-area .audio-only{visibility:hidden}.video-label{position:absolute;top:18px;left:18px;padding:7px 10px;color:#c9d9e8;background:#1c2b3fcc;border-radius:5px;font-size:13px}.controls{display:flex;flex-direction:column;gap:10px;background:white;border:1px solid var(--line);padding:18px;border-radius:12px}.controls .button{width:100%}.volume-control{display:flex;flex-direction:column;gap:10px}.control-label{font-size:13px;font-weight:650;color:#5b6d83}.segments{display:flex;gap:4px;background:#eff3f6;padding:4px;border-radius:8px}.segments .button{font-size:12px;padding:9px 6px;min-height:36px;background:transparent;border-color:transparent}.segments .selected{background:#fff;color:#172f48;box-shadow:0 1px 4px #16253b20}.ptt{background:var(--mint);border-color:var(--mint);color:#103e3b;min-height:76px!important;font-size:15px;user-select:none;touch-action:none}.ptt:hover{background:#96ebdc}.speaking{background:#fa986f!important;color:#401b0f!important}.door{margin-top:12px;border:2px solid #264968;min-height:57px;font-size:15px}.priority{margin:0;color:#9c5720;font-size:13px;min-height:18px}.lower{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;margin-top:28px}.section-title{display:flex;justify-content:space-between;gap:16px;align-items:center}.section-title .muted{font-size:12px}.lockers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.locker{background:white;border:1px solid var(--line);border-radius:8px;padding:15px 12px;min-width:0;border-top:3px solid #9aabbe}.locker .eyebrow{font-size:11px}.locker strong{display:block;font-size:12px;margin:12px 0 7px}.locker p{font-size:13px;margin:0 0 5px;overflow-wrap:anywhere}.locker small{font-size:12px;color:#687b90}.locker.free{border-top-color:#24a077}.locker.free strong{color:#168061}.locker.occupied{border-top-color:#c64e55}.locker.occupied strong{color:#b13541}.locker-buttons{display:flex;flex-wrap:wrap;gap:5px;margin-top:15px}.locker-buttons .button{font-size:11px;padding:7px;min-height:30px}.management{background:#e5ecf3;border-radius:12px;padding:23px;align-self:start}.management .button{width:100%;margin:10px 0}.attention{background:#fff2d9;border:1px solid #e8c176;border-radius:8px;margin:0 0 18px;padding:14px 18px}.attention-item{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px}.captions{position:absolute;bottom:20px;left:20px;right:22%;background:#061324e8;padding:12px 20px;border-radius:8px;color:white}.captions p{margin:3px 0}.captions .original{font-size:14px;color:#afc3d7}.captions .translated{font-size:20px;font-weight:600}.display-page{max-width:1280px}.display-page .workspace{grid-template-columns:1fr}.display-page .video-area{aspect-ratio:16/9;max-height:65vh}.display-page .controls{background:transparent;border:0;display:grid;grid-template-columns:1fr auto;padding:0;align-items:center}.display-page .controls .call{min-height:86px;background:var(--mint);border:0;font-size:25px}.display-page .controls .muted{grid-column:1;font-size:15px;margin:0}.display-page .controls>.button:not(.call){grid-row:1;grid-column:2}.signature{grid-column:1/-1;padding:20px;background:#fff0d2}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.admin-section{background:white;border:1px solid var(--line);border-radius:10px;padding:24px;margin-bottom:20px}.admin-row{display:flex;gap:15px;align-items:center;padding:16px 0;border-top:1px solid #edf0f4}.admin-row>div:first-child,.admin-row>span:first-child,.admin-row>strong:first-child{flex:1}.admin-row p{font-size:14px;margin:5px 0 0}.audit-line{font-size:13px;color:#65758a;border-bottom:1px solid #edf1f5;padding:8px 0}.record{border-top:1px solid var(--line);padding:16px 0}.record strong{font-size:14px}.login{min-height:calc(100vh - 76px);display:grid;place-items:center;background:radial-gradient(ellipse at 10% 20%,#d5eeea,transparent 50%)}.login-card{width:min(420px,90vw);background:white;border:1px solid var(--line);border-radius:16px;padding:36px}.login-card .button{width:100%;margin-top:12px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field>span{font-size:13px;font-weight:650;color:#4c6076}input,textarea,select{width:100%;padding:12px;border:1px solid #cbd6e1;border-radius:6px;background:#fff;color:#172b43;font-size:15px}textarea{resize:vertical}.check{display:flex;gap:10px;align-items:center;margin:12px 0;font-size:14px}.check input{width:18px;height:18px}fieldset{border:1px solid var(--line);border-radius:8px;margin:14px 0 22px;padding:18px}legend{font-weight:650;font-size:15px;padding:0 8px}dialog{width:min(760px,94vw);max-height:90vh;border:1px solid #aabacb;border-radius:14px;padding:30px;color:#172b43;box-shadow:0 20px 100px #06172d44}dialog::backdrop{background:#08132599}dialog h2{margin-bottom:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.form-grid fieldset{grid-column:1/-1}.hook-form,.locker-form{padding:16px;border:1px solid var(--line);border-radius:8px;margin:12px 0}summary{cursor:pointer;font-size:14px;font-weight:650}details[open]>summary{margin-bottom:18px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#18334f;color:white;border-radius:8px;box-shadow:0 5px 25px #102c4744;padding:15px 22px;max-width:90vw;z-index:100;opacity:0;pointer-events:none;font-size:15px}#notice.visible{opacity:1}.loading{padding:40px}.attention[hidden],.captions[hidden],[hidden]{display:none!important}@media(min-width:1600px){.workspace,.lower{grid-template-columns:minmax(0,1fr) 330px}.operator-page{padding-left:3vw;padding-right:3vw}.controls{padding:24px;gap:15px}.controls .button{min-height:52px}.video-area{aspect-ratio:16/9}}@media(max-width:1100px){.lockers{grid-template-columns:repeat(3,minmax(0,1fr))}.lower{grid-template-columns:1fr}.management{max-width:none}.workspace{grid-template-columns:minmax(0,1fr) 260px}.video-area{min-height:350px}}@media(max-width:760px){.header{height:66px;padding:0 18px}.brand>span:last-child{display:none}.header-context{font-size:12px}.workspace{grid-template-columns:1fr}.video-area{min-height:230px}.controls{display:grid;grid-template-columns:1fr 1fr}.controls .ptt,.controls .hint,.controls .priority{grid-column:1/-1}.workspace-heading h1{font-size:22px}.workspace-heading{gap:10px}.workspace-heading .button{padding:10px;font-size:12px}.operator-page,.display-page{padding:20px 15px}.lockers{grid-template-columns:repeat(2,minmax(0,1fr))}.section-title .muted{display:none}.page{padding:30px 20px}.admin-row{flex-wrap:wrap}.admin-row>div:first-child{min-width:100%}.display-page .controls{display:flex}.display-page .controls .call{font-size:20px}.form-grid{grid-template-columns:1fr}.form-grid fieldset{grid-column:auto}.captions .translated{font-size:16px}.captions{left:10px;bottom:10px;padding:10px}.point-card{min-height:250px}.page-title{align-items:flex-start}.attention-item{flex-wrap:wrap}}
:root .video-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#cbd8e7;text-align:center;padding:50px}.video-empty span{font-size:22px;font-weight:550}.video-empty small{font-size:14px;color:#8299b2}

.visitor-message{position:absolute;z-index:3;top:19%;left:7%;right:7%;max-height:58%;overflow:auto;padding:24px 30px;border:2px solid var(--mint);border-radius:12px;background:#f7fffd;color:#102f36;box-shadow:0 12px 40px #0005}.visitor-message p{font-size:clamp(22px,3vw,38px);font-weight:650;white-space:pre-wrap;overflow-wrap:anywhere;margin:14px 0 0}.controls .field{margin:4px 0}.record p{white-space:pre-wrap}@media(max-width:760px){.controls .field,.controls #management-button{grid-column:1/-1}.visitor-message{padding:15px;top:15%;left:5%;right:5%;max-height:67%}}

.display-page .controls{display:block;text-align:center;padding:12px 0}.display-page .controls h2{font-size:clamp(25px,3vw,36px);color:#153d3a;margin:8px 0}.display-page .controls .muted{font-size:18px;margin:6px 0 20px}.reception-extras{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.display-page .controls .button,.display-page .controls .call{width:auto;min-height:44px;font-size:14px;background:transparent;border:1px solid #ccd6e1;padding:10px 17px}.display-page .controls .call{color:#596d7c}.display-page .connection{margin-bottom:8px}
.display-page .controls{order:-1;padding:0}.display-page .video-area{width:100%;height:min(55vh,650px);min-height:240px;max-height:none;aspect-ratio:auto}.display-page .workspace{gap:18px}.display-page .controls .muted{margin-bottom:12px}.display-page .workspace-heading{margin-bottom:8px}