.interview-page{max-width:1440px;margin:35px auto 80px;padding:0 28px}.interview-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:32px 0}.interview-heading h1{font-size:clamp(32px,4vw,52px);line-height:1.13;margin:12px 0 18px;letter-spacing:-1.5px}.interview-heading p{color:#71657e}.interview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin:30px 0 20px}.interview-month-nav{display:flex;align-items:center;gap:14px}.interview-month-nav h2{text-transform:capitalize;font-size:21px;min-width:170px;margin:0}.interview-toolbar .field{margin:0;min-width:220px}.interview-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(390px,1.3fr);gap:24px;align-items:start}.calendar-panel{border:1px solid #e6e0ed;border-radius:22px;padding:22px;background:white}.calendar-weekdays,.interview-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-weekdays span{text-align:center;color:#94879d;font-size:12px;padding:8px 0}.calendar-day{border:1px solid transparent;border-radius:12px;padding:10px 4px;min-height:70px;background:#f8f6fa;font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:7px}.calendar-day span{font-size:14px}.calendar-day strong{font-size:11px;color:#684385}.calendar-day small{font-size:9px;font-weight:400}.calendar-day i{height:13px}.calendar-day.today{border-color:#b090ca}.calendar-day.selected{background:#33263e;color:white}.calendar-day.selected strong{color:#ebd6fb}.calendar-day:hover{box-shadow:inset 0 0 0 1px #bba4cc}.interview-day-list>div>h2{font-size:22px;text-transform:capitalize}.interview-card{display:flex;align-items:flex-start;gap:20px;border:1px solid #e7e0ec;border-radius:18px;padding:22px;background:white;margin:12px 0;border-left:4px solid #b6a0cb}.interview-live{border-left-color:#76509b;background:#faf6ff}.interview-completed{border-left-color:#749788}.interview-cancelled{border-left-color:#bcb8c2;opacity:.7}.interview-no_show{border-left-color:#c19463}.interview-time{display:flex;flex-direction:column;gap:4px;min-width:48px}.interview-time strong{font-size:18px}.interview-time span{font-size:12px;color:#8a7e95}.interview-person{flex:1;min-width:0}.interview-person h3{margin:9px 0;font-size:20px;overflow-wrap:anywhere}.interview-person p{font-size:13px;color:#7a6d83;margin:6px 0}.interview-status{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#785d8d}.interview-card-actions{display:flex;flex-direction:column;gap:8px}.interview-card-actions .btn{font-size:12px;padding:10px 14px;white-space:nowrap}.interview-card-actions .text-link{font-size:11px;text-align:center}.interview-empty{border:1px dashed #d9d0e1;border-radius:18px;padding:50px 24px;text-align:center;color:#8c7e98;background:#fcfafc}.interview-empty>span{font-size:34px}.interview-empty h3{font-size:18px;color:#665570}.interview-dialog{width:min(670px,calc(100vw - 28px));max-height:90dvh;overflow:auto;padding:28px;border:1px solid #e5dceb;border-radius:22px;box-shadow:0 20px 100px #24153130}.interview-dialog::backdrop{background:#231a3355;backdrop-filter:blur(3px)}.interview-dialog .field{margin-top:16px}.interview-dialog h2{font-size:26px;margin:0}.interview-record-options{padding:16px;background:#f5f0f9;border-radius:14px;margin-top:20px}.interview-form-actions{display:flex;justify-content:space-between;gap:16px;margin-top:25px}.interview-page [hidden],.interview-dialog [hidden]{display:none!important}
@media(max-width:1000px){.interview-layout{grid-template-columns:1fr}.calendar-panel{max-width:650px;width:100%;box-sizing:border-box}.interview-heading{align-items:flex-start}}@media(max-width:600px){.interview-page{padding:0 16px;margin-top:20px}.interview-heading{flex-direction:column;gap:12px}.interview-heading h1{font-size:36px}.interview-toolbar{gap:15px}.interview-month-nav{gap:8px;width:100%;flex-wrap:wrap}.interview-month-nav h2{min-width:0;flex:1;font-size:18px}.calendar-panel{padding:12px}.calendar-day{min-height:57px;padding:8px 2px}.calendar-day small{display:none}.interview-card{gap:12px;padding:17px;flex-wrap:wrap}.interview-card-actions{flex-basis:100%;flex-direction:row;align-items:center;flex-wrap:wrap}.interview-person h3{font-size:19px}.interview-dialog{padding:20px}.interview-dialog .form-grid{grid-template-columns:1fr 1fr;gap:12px}}
.room-stage{position:relative;min-height:340px;background:#171421;border-radius:24px;overflow:hidden;aspect-ratio:16/8;max-height:65vh}.room-remote{height:100%;position:absolute;inset:0;display:grid;place-items:center}.room-remote video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#171421}.room-placeholder{text-align:center;color:#ddd1ec;padding:28px}.room-placeholder span{font-size:48px;color:#c3a4ed}.room-placeholder h2{color:white}.room-local{position:absolute;right:20px;bottom:20px;width:22%;aspect-ratio:16/10;border-radius:14px;background:#302c3f;overflow:hidden;border:1px solid #ffffff35;color:#fff;display:grid;place-items:center;font-size:12px}.room-local video{position:absolute;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.room-notice{padding:22px;background:#f6f3f9;border-radius:20px;margin:20px 0}.room-notice details{padding:12px 0}.privacy-text{white-space:pre-wrap}.room-consent{border:0;padding:12px 0;display:grid;gap:14px}.room-consent label{display:flex;align-items:flex-start;gap:10px}.room-consent input{width:auto;flex:0 0 auto;margin-top:4px}.room-controls{display:flex;gap:10px;flex-wrap:wrap;padding:16px 0}.room-status{border-radius:100px;background:#eee8f6;color:#5b3975;padding:12px 18px;font-size:13px}.room-status.is-recording{background:#fee7e9;color:#9d2431}.room-page .privacy-check input{width:auto}@media(max-width:650px){.room-stage{min-height:280px;aspect-ratio:4/5}.room-local{width:35%;right:12px;bottom:12px}.room-controls .btn{flex:1 1 42%}.room-status{display:block}.room-notice{padding:16px}}

.interview-heading{margin:22px 0}.interview-heading h1{font-size:clamp(30px,3.1vw,42px);margin:8px 0 12px}.interview-toolbar{margin-top:20px}.calendar-day{min-height:60px}.interview-heading .eyebrow{margin-top:0}

.room-invite-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 20px}

.room-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:22px;align-items:start}.room-workspace:has(>.room-main:only-child){grid-template-columns:1fr}.interview-note-panel{background:white;border:1px solid #e6dfed;border-radius:20px;padding:22px;margin:16px 0}.room-workspace>.interview-note-panel{margin:0;position:sticky;top:20px}.interview-note-panel h2{font-size:21px;margin:0 0 8px}.interview-note-panel textarea{width:100%;min-height:200px;resize:vertical;line-height:1.6;box-sizing:border-box}.interview-note-panel small{color:#756880;display:block;margin:8px 0 14px}.interview-note-status{font-size:12px;min-height:20px}.interview-note-panel .row{gap:10px;flex-wrap:wrap}.interview-delete{background:transparent;border:0;color:#96505e;cursor:pointer;padding:5px;font:inherit;font-size:12px}.interview-note-conflict{white-space:pre-wrap;background:#fff4e7;padding:12px;border-radius:10px}@media(max-width:900px){.room-workspace{grid-template-columns:1fr}.room-workspace>.interview-note-panel{position:static}.interview-note-panel textarea{min-height:150px}}

.interview-note-panel [hidden]{display:none!important}

.room-waiting-banner{display:flex;align-items:center;gap:18px;border:2px solid #9771c8;background:#efe4ff;padding:24px;border-radius:20px;box-shadow:0 8px 28px #69429620;margin:18px 0 24px}.room-waiting-banner>div{flex:1}.room-waiting-banner strong{font-size:22px}.room-waiting-banner p{margin:6px 0 0}.waiting-dot{width:16px;height:16px;border-radius:50%;background:#8051aa;box-shadow:0 0 0 8px #8051aa22;flex-shrink:0}.room-audio-warning{padding:18px;background:#fff1d8;border:1px solid #dbbb80;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.room-controls .is-on{background:#e9f3ee;border-color:#a5c8b7;color:#265e49}.room-controls .is-off{background:#f9e9eb;border-color:#e2b7be;color:#962e42}.scheduled-interview-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 26px;padding:24px 28px;border:1px solid #c7addc;border-left:5px solid #9572b8;border-radius:18px;background:#f3edf9}.scheduled-interview-banner>div{display:grid;gap:8px}.scheduled-interview-banner strong{font-size:22px}.scheduled-interview-banner .eyebrow{margin:0}.scheduled-interview-banner .btn{white-space:nowrap}@media(max-width:650px){.room-waiting-banner,.room-audio-warning,.scheduled-interview-banner{flex-wrap:wrap;padding:18px;gap:14px}.room-waiting-banner strong,.scheduled-interview-banner strong{font-size:19px}.room-waiting-banner .btn,.scheduled-interview-banner .btn{width:100%;justify-content:center}.room-controls{position:sticky;top:0;z-index:3;background:#f7f6f9}.room-controls .btn{font-size:12px;padding:10px}.room-notice .privacy-check{font-size:14px}}

.room-entry-dialog{width:min(650px,calc(100vw - 28px));padding:30px}.room-entry-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.room-entry-heading h2{margin:12px 0 8px;font-size:28px}.room-entry-heading .eyebrow{margin:0;line-height:1.5}.room-entry-heading .btn{flex-shrink:0;padding:8px 12px}.room-entry-intro{line-height:1.6;color:#62566e}.room-entry-summary{background:#f0eaf7;border-radius:16px;padding:18px 20px;margin:20px 0}.room-entry-summary p{line-height:1.55;font-size:14px;margin:8px 0 0}.room-entry-policy{border-bottom:1px solid #e4dce9;padding:0 0 18px;margin-bottom:18px}.room-entry-policy summary{cursor:pointer;font-weight:650;line-height:1.5}.room-entry-policy p{line-height:1.6;font-size:14px}.room-entry-dialog .privacy-check{align-items:flex-start}.room-entry-dialog input[type=checkbox],.room-entry-dialog input[type=radio]{width:auto;flex:0 0 auto;margin-top:4px;accent-color:#8051aa}.room-entry-dialog .room-consent{margin:16px 0;border:1px solid #e1d7e9;border-radius:14px;padding:16px;gap:16px}.room-entry-dialog .room-consent legend{font-weight:650;padding:0 8px}.room-entry-actions{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:18px}.room-entry-actions .primary{flex:1;justify-content:center}.room-waiting-label{display:block;padding:12px 0;color:#62457b}.room-entry-dialog [data-entry-error]{color:#9f2940;line-height:1.5}@media(max-width:600px){.room-entry-dialog{padding:20px;max-height:92dvh}.room-entry-heading h2{font-size:25px}.room-entry-actions{flex-direction:column}.room-entry-actions .btn{width:100%;justify-content:center}.room-entry-dialog .privacy-check,.room-entry-dialog .room-consent{font-size:14px;line-height:1.5}}