/* Approved Figma viewport layouts. Native overflow remains available for zoom,
   long employer content, assistive text sizes and an open software keyboard. */
:root{--hf-canvas:#f6f7fb;--hf-surface:#fff;--hf-ink:#292933;--hf-muted:#686874;--hf-line:#e5e3ee;--hf-soft:#f0efff;--hf-radius:12px;--header:64px}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--hf-ink);background:var(--hf-canvas)}
[hidden]{display:none!important}
button,input,textarea,select{font:inherit}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
.hf-workspace .topbar{height:64px;padding:0 24px;border-bottom:1px solid var(--hf-line);gap:24px;box-shadow:none}
.hf-workspace .brand{font-size:24px;color:var(--hf-ink);gap:10px}
.hf-workspace .topbar .topnav-link{display:none}
.hf-workspace .topbar .brand:after{content:'Company workspace';font-size:11px;color:var(--hf-muted);font-weight:400;margin-left:8px}
.hf-workspace[data-portal=owner] .topbar .brand:after{content:none}
.hf-workspace .content{width:auto;max-width:none;min-height:calc(100dvh - 64px);margin:0 0 0 184px;padding:28px 32px 20px;display:flex;flex-direction:column;gap:16px}
.hf-workspace .content>h1,.hf-workspace h1{font-size:30px;line-height:1.25;margin:0;font-weight:700;letter-spacing:-.6px;overflow-wrap:anywhere}
.hf-workspace h2{font-size:18px;line-height:1.4}.hf-workspace h3{font-size:15px;line-height:1.4}
.hf-workspace p{line-height:1.5}.hf-workspace .sub{font-size:13px;margin:4px 0 16px;color:var(--hf-muted)}
.hf-workspace .small,.hf-workspace .muted{font-size:12px;color:var(--hf-muted)}
.hf-workspace .tiny{font-size:11px;line-height:1.5}
.hf-workspace .btn{min-height:44px;font-size:13px;padding:10px 16px;border-radius:8px;line-height:1.3;white-space:normal}
.hf-workspace .icon-btn,.hf-workspace .icon-only{min-width:44px;min-height:44px}
.hf-workspace input:not([type=checkbox]):not([type=radio]),.hf-workspace select{min-height:44px;font-size:14px;max-width:100%;border-color:var(--hf-line);border-radius:8px}
.hf-workspace .field{font-size:13px;gap:7px;margin-bottom:12px}
.hf-workspace textarea{font-size:14px;min-height:100px;resize:vertical}
.hf-workspace .page-head,.hf-workspace .position-title-row{margin:0;align-items:center}
.hf-workspace .page-head .actions{padding:0}.hf-workspace .toolbar,.hf-workspace .stage-bar{margin:0;gap:12px}
.hf-workspace .page-foot{margin-top:auto;padding-top:16px;font-size:11px;gap:12px}
.hf-workspace-nav{position:fixed;left:0;top:64px;bottom:0;width:184px;padding:24px 16px 20px;background:#fff;border-right:1px solid var(--hf-line);display:flex;flex-direction:column;gap:8px;z-index:15}
.hf-nav-label{text-transform:uppercase;color:var(--hf-muted);font-size:10px;font-weight:600;margin-bottom:8px}
.hf-workspace-nav>button{display:flex;align-items:center;gap:9px;text-align:left;min-height:44px;padding:10px;border:0;border-radius:8px;background:transparent;font-size:12px;color:var(--hf-muted);cursor:pointer}
.hf-workspace-nav>button.active{background:var(--hf-soft);color:var(--primary);font-weight:600}.hf-workspace-nav .icon{width:17px;height:17px;flex-shrink:0}
.hf-nav-account{margin-top:auto;padding-top:16px;border-top:1px solid var(--hf-line);font-size:11px;overflow-wrap:anywhere}.hf-nav-account>*{display:block;margin-top:6px}.hf-nav-account span{color:var(--hf-muted)}
.hf-workspace .position-card{border:1px solid var(--hf-line);box-shadow:none;border-radius:10px;padding:16px;margin:0 0 12px;min-height:84px;gap:16px}
.hf-workspace .position-title{font-size:16px;line-height:1.4}.hf-workspace .position-thumb{display:none}.hf-workspace .position-details{font-size:11px;margin-top:5px;gap:10px}
.hf-workspace .position-stats{display:none}.hf-workspace .position-card>.actions{gap:8px;margin:0}
.hf-workspace .panel,.hf-workspace .settings-panel{background:#fff;border:1px solid var(--hf-line);border-radius:12px;box-shadow:none;padding:22px;margin:0 0 12px;min-width:0}
.hf-workspace .panel-header{margin-bottom:16px;gap:12px}.hf-workspace .panel-header p{margin:4px 0 0}
.hf-workspace .notice{font-size:12px;line-height:1.5;border-radius:8px;padding:12px;margin:8px 0}
.hf-workspace .table-wrap{max-width:100%;margin:0}.hf-workspace td{font-size:12px;padding:12px 10px;overflow-wrap:anywhere}.hf-workspace th{font-size:10px;padding:10px;color:var(--hf-muted)}
.hf-workspace .metrics{gap:12px;margin:0 0 16px}.hf-workspace .metric{border:1px solid var(--hf-line);border-radius:12px;padding:14px;min-height:76px}.hf-workspace .metric strong{font-size:24px}.hf-workspace .metric span{font-size:11px}
.hf-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:48px;margin:4px 0 8px;font-size:12px;color:var(--hf-muted)}.hf-pagination>span{margin-right:auto}.hf-pagination .btn{min-width:88px}
.hf-stage-nav{display:flex;align-items:center;gap:8px;margin:0 0 16px;min-width:0;max-width:100%}.hf-section-tabs{display:flex;gap:8px;flex-wrap:wrap}.hf-section-tabs .btn{background:#fff;border:1px solid var(--hf-line);color:var(--hf-ink)}.hf-section-tabs .btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.hf-section-select{display:none;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--hf-line);border-radius:8px;background:white}
.hf-settings-picker{display:flex;flex-direction:column;gap:8px;font-size:11px;color:var(--hf-muted);margin-bottom:14px}.hf-settings-picker select{width:100%;padding:8px;font-size:12px}
.hf-workspace .settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start}.hf-workspace .settings-nav{display:block;margin:0;padding:0}.hf-workspace .settings-nav>button,.hf-workspace .settings-nav>hr,.hf-workspace .settings-nav>.settings-nav-title{display:none}.hf-workspace .settings-nav .on-search{display:none}
.hf-workspace .settings-nav .on-group{margin:0;border:0;padding:0}.hf-workspace .on-group summary{min-height:44px;padding:12px 8px;font-size:12px;cursor:pointer}.hf-workspace .on-group button{font-size:12px;min-height:44px;padding:10px 8px}.hf-workspace .on-group[data-current=false]{display:none}
.hf-workspace .settings-content{min-width:0}.hf-workspace .settings-content>h1{margin:0 0 12px}.hf-workspace .settings-content>div>h1{margin:0 0 12px}
.hf-workspace[data-portal=owner] .content{margin-left:0;padding:0}.hf-workspace[data-portal=owner] .settings-layout{grid-template-columns:240px minmax(0,1fr);gap:0;min-height:calc(100dvh - 100px)}
.hf-workspace[data-portal=owner] .settings-nav{padding:24px;background:#fff;border-right:1px solid var(--hf-line);min-height:calc(100dvh - 100px)}
.hf-workspace[data-portal=owner] .settings-content{padding:24px 28px}.hf-workspace[data-portal=owner] .page-foot{margin:0 28px 16px 268px;padding:0}
.hf-workspace .candidate-card{padding:18px;min-height:110px;margin:0 0 12px;border:1px solid var(--hf-line);border-radius:10px;box-shadow:none}.hf-workspace .candidate-name{font-size:17px}.hf-workspace .candidate-contact{margin-top:16px;font-size:13px}.hf-workspace .candidate-date{font-size:11px}
.hf-workspace .stage-tabs{border-radius:8px}.hf-workspace .stage-tab,.hf-workspace .filter{font-size:12px;min-height:44px}.hf-workspace .invite-panel{margin:0}.hf-workspace .invite-panel h2{margin-bottom:12px}.hf-workspace .invite-fields{gap:12px}.hf-workspace .invite-actions{margin-top:4px}
.hf-workspace .configuration-video{display:grid;grid-template-columns:180px 1fr 1.4fr;gap:20px;align-items:start}.hf-workspace .config-settings{margin:0;display:grid;gap:12px}.hf-workspace .config-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;font-size:13px;margin:0}.hf-workspace .config-row>span{text-align:left;font-size:12px;text-transform:none}.hf-brand-setting{display:flex;flex-direction:column;gap:4px}.hf-brand-setting .text-btn{font-size:11px;text-align:left}.hf-rules-note{margin:0!important}
.hf-workspace .context-line{margin:4px 0;display:flex;flex-wrap:wrap;gap:12px}.hf-workspace .context-line button{min-height:36px;font-size:12px}.hf-workspace .tag-row{margin:0}.hf-workspace .bottom-actions{gap:12px;margin:12px 0}
.hf-builder-heading{display:flex;gap:16px;align-items:baseline;margin-bottom:20px}.hf-workspace .builder-page{max-width:none;padding:0}.hf-workspace #builder-form{display:block}.hf-workspace .builder-intro{grid-template-columns:minmax(200px,380px) minmax(0,1fr);gap:24px;margin:0;padding:24px;background:white;border:1px solid var(--hf-line);border-radius:12px;min-height:300px}.hf-workspace .builder-intro h1{display:none}.hf-workspace .builder-intro textarea{min-height:180px;padding:12px;font-size:15px;border:1px solid var(--hf-line)}
.hf-workspace .builder-footer{position:static;min-height:64px;padding:12px 0;display:flex;justify-content:space-between;gap:12px;background:transparent;border:0;box-shadow:none;margin-top:12px}.hf-workspace .builder-footer .preview-btn{display:inline-flex}.hf-workspace .builder-footer>.muted{font-size:11px}
.hf-workspace .question-card{margin:0;padding:20px;grid-template-columns:32px 220px minmax(0,1fr) 36px;gap:16px;border:1px solid var(--hf-line);border-radius:12px;box-shadow:none}.hf-workspace .question-rail{min-height:180px}.hf-workspace .question-fields textarea{min-height:150px;font-size:14px}.hf-workspace .question-fields input{font-size:16px}.hf-workspace .question-options{font-size:12px}.hf-workspace .question-tools button{min-height:44px;min-width:36px}.hf-workspace .question-advanced{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hf-workspace .question-advanced .field{margin:0}.hf-workspace .builder-add{min-height:44px;margin:8px 0;padding:10px;font-size:13px}.hf-workspace .builder-outro textarea{min-height:180px}.hf-flow-summary{padding:14px;background:var(--hf-soft);border-radius:8px;font-size:13px;line-height:1.6}
.auth-wrap{padding:24px;min-height:100dvh}.auth-card{max-width:440px;padding:28px;border-radius:16px;box-shadow:none;border:1px solid var(--hf-line)}.auth-card .brand{font-size:26px;margin:0 0 18px}.auth-card h1{font-size:28px;line-height:1.25}.auth-card .sub{font-size:13px;line-height:1.5;margin-bottom:20px}.auth-card .field{font-size:13px}.auth-card input{min-height:44px;font-size:16px}.auth-card .btn{min-height:44px;font-size:14px;border-radius:8px}.auth-card form{gap:12px}.auth-card .tiny{font-size:11px;line-height:1.5;margin:14px 0}.auth-card .portal-auth-label{font-size:12px;margin:0 0 12px}.auth-card .portal-login-alternative{margin-top:16px;padding-top:14px;font-size:12px}.auth-card .recovery-login-link{margin:14px 0}.auth-card .google-auth{margin-top:12px}
/* Candidate frames share one bounded media stage through every timed phase. */
.candidate-page.hf-candidate:not(:has(.shared-review)){background:#f5f5f8;min-height:100dvh;display:flex;flex-direction:column;color:var(--hf-ink);font-size:15px;line-height:1.5}
.candidate-page.hf-candidate .candidate-header{height:64px;min-height:64px;padding:12px 56px;gap:20px;border-color:var(--hf-line)}
.candidate-page.hf-candidate .company-logo{font-size:20px;color:var(--hf-ink)}.candidate-page.hf-candidate .company-logo .avatar{width:36px;height:36px;flex-basis:36px}
.candidate-page.hf-candidate .candidate-main{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:none;width:100%;padding:28px 56px;min-height:0}
.candidate-page.hf-candidate .candidate-foot{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 56px;border-color:var(--hf-line);font-size:11px}
.hf-candidate-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.hf-candidate-actions>.primary:only-child{margin-left:auto}
.candidate-page.hf-candidate .btn{font-size:14px;min-height:44px;border-radius:10px;padding:10px 20px;min-width:136px;box-shadow:none}.candidate-page.hf-candidate .btn.primary{box-shadow:none}
.hf-candidate-screen{width:100%;max-width:1254px;margin:auto}.hf-info-screen{max-width:1254px}
.candidate-page.hf-candidate .question-stage{max-width:1254px;margin:auto;width:100%}.candidate-page.hf-candidate .question-heading{text-align:left;margin:0 0 16px}.candidate-page.hf-candidate .question-heading h1{font-size:32px;line-height:1.2;letter-spacing:-.5px;max-width:none;margin:0 0 10px;color:var(--hf-ink)}.candidate-page.hf-candidate .question-heading p{margin:0;max-width:850px;font-size:15px;line-height:1.45;color:var(--hf-muted)}.candidate-page.hf-candidate .eyebrow{font-size:11px;letter-spacing:0;text-transform:none;margin:0 0 10px;font-weight:600}
.hf-candidate-grid,.hf-guided-grid{display:grid;grid-template-columns:minmax(0,640px) minmax(200px,1fr);gap:28px;align-items:start}.hf-candidate-media,.hf-guided-primary{min-width:0;position:relative}
.candidate-page.hf-candidate .candidate-video,.candidate-page.hf-candidate .candidate-preview{aspect-ratio:16/9;max-height:360px;border:0;border-radius:16px;box-shadow:none;object-fit:contain;width:100%}.candidate-page.hf-candidate .candidate-preview .candidate-video{height:100%;max-height:none}
.candidate-page.hf-candidate .hf-candidate-aside{font-size:14px;color:var(--hf-muted);line-height:1.5;padding:0 0 0 0}.hf-candidate-aside h2{font-size:18px;margin:0 0 12px;color:var(--hf-ink)}.hf-candidate-aside p{margin:12px 0}.candidate-page.hf-candidate .hf-candidate-aside .badge{font-size:11px;padding:7px 12px}
.candidate-page.hf-candidate .candidate-specs{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0 0 16px;font-size:13px}.candidate-page.hf-candidate .candidate-specs>span{border:0;background:none;padding:0}
.hf-media-control{position:absolute;bottom:12px;left:12px}.hf-media-control .btn{background:white}.hf-welcome-art{aspect-ratio:16/9;border-radius:16px;background:#25223e;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white}.hf-welcome-art>.icon{color:#a9a5ff;width:48px;height:48px}.hf-welcome-art h2{font-size:30px;line-height:1.2;color:white!important;margin:12px 0}.hf-welcome-art p{font-size:12px;margin:0}
.candidate-page.hf-candidate .welcome-note{max-width:800px;margin:0;padding:24px;border:0;border-radius:16px;box-shadow:none;background:white}.candidate-page.hf-candidate .welcome-note p{font-size:14px;line-height:1.5}.candidate-page.hf-candidate .welcome-note .check{border:0;padding:0;margin:0 0 20px;font-size:14px;line-height:1.5}.candidate-page.hf-candidate .hf-consent-card .actions{gap:10px}.hf-readable-copy p{white-space:pre-wrap;overflow-wrap:anywhere}
.hf-instructions{list-style:none;background:#fff;max-width:800px;margin:0;padding:24px;border-radius:16px;display:grid;gap:16px}.hf-instructions li{font-size:16px;line-height:1.4}.hf-instructions li>span{display:block;font-size:11px;color:var(--primary);margin-bottom:4px;font-weight:600}
.candidate-page.hf-candidate .candidate-status{font-size:11px;margin-bottom:8px}.candidate-page.hf-candidate .progress-track{height:4px;margin-bottom:16px}.candidate-page.hf-candidate .guided-status{font-size:12px;margin:12px 0 0;padding:0;background:transparent;border:0;color:var(--hf-muted);text-align:left}
.candidate-page.hf-candidate .hf-timer-stage{aspect-ratio:16/9;background:white;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:16px}.candidate-page.hf-candidate .guided-preparation .guided-countdown{font-size:64px;line-height:1;width:auto;aspect-ratio:auto;margin:16px 0;border:0;box-shadow:none;background:transparent;letter-spacing:0}.candidate-page.hf-candidate .guided-preparation .guided-step-label{font-size:12px;margin:0}.candidate-page.hf-candidate .hf-timer-stage p{font-size:13px;text-align:center;max-width:380px;margin:0;color:var(--hf-muted)}
.candidate-page.hf-candidate .hfu-status{margin:16px 0 0;max-width:640px;padding:10px 12px;background:var(--hf-soft);border:0;border-radius:10px;font-size:11px;line-height:1.45}.candidate-page.hf-candidate .hfu-status p{font-size:11px;line-height:1.45;margin:0 0 4px}.candidate-page.hf-candidate .hfu-status p:last-child{margin:0}.candidate-page.hf-candidate .hfu-status .btn{margin-top:8px}
.candidate-page.hf-candidate .guided-saving:not(.question-stage){padding:24px;border:0;box-shadow:none;margin:0}.candidate-page.hf-candidate .guided-saving h2{font-size:22px}.candidate-page.hf-candidate .guided-saving .hfu-progress{margin:12px 0}
.candidate-page.hf-candidate .candidate-welcome{max-width:800px;text-align:left}.candidate-page.hf-candidate .candidate-welcome:has(.success-mark){text-align:center;padding:0;margin:auto}.candidate-page.hf-candidate .success-mark{width:64px;height:64px;margin:0 auto 16px;box-shadow:none}.candidate-page.hf-candidate .candidate-welcome h1{font-size:32px}.candidate-page.hf-candidate .lead{font-size:15px;line-height:1.5;margin:0 0 16px}.candidate-page.hf-candidate .candidate-welcome:has(.success-mark) .welcome-note{margin:16px auto 0;padding:16px}.candidate-page.hf-candidate .candidate-welcome:has(.success-mark) .candidate-video{max-height:220px}
.candidate-page.hf-candidate[data-stage=check] .candidate-preview{max-width:640px}.candidate-page.hf-candidate[data-stage=check] .device-status{justify-content:flex-start;margin-top:12px}.candidate-page.hf-candidate[data-stage=check] .candidate-controls{justify-content:flex-start;margin:16px 0 0}.candidate-page.hf-candidate .error{margin:10px 0;padding:10px 12px;font-size:13px}
.hfip-dialog{width:min(1240px,calc(100vw - 32px));max-height:calc(100dvh - 32px)}.hfip-main{padding:24px!important}.hfip-ready{padding:16px!important;margin:16px 0!important}.hfip-actions{margin-top:16px!important;padding-top:16px!important}.hfip-video{max-height:280px!important}.hfip-auto-stage{min-height:260px!important;padding:20px!important}.hfip-countdown-circle{width:120px!important;height:120px!important;margin:12px auto!important}
@media(max-width:1000px){.hf-workspace .configuration-video{grid-template-columns:160px 1fr}.hf-workspace .config-settings{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.hf-workspace .config-row{grid-template-columns:1fr}.hf-workspace .hf-rules-note{grid-column:1/-1}.hf-workspace .question-card{grid-template-columns:30px 150px minmax(0,1fr) 36px}.hf-workspace .settings-layout{grid-template-columns:1fr}.hf-workspace .settings-nav .on-group{display:none}.hf-workspace .settings-nav{display:block}.hf-workspace[data-portal=owner] .settings-layout{grid-template-columns:210px 1fr}.hf-workspace[data-portal=owner] .settings-nav{padding:20px 16px}.hf-workspace[data-portal=owner] .page-foot{margin-left:238px}.hf-candidate-grid,.hf-guided-grid{grid-template-columns:minmax(0,640px) 220px;gap:20px}.candidate-page.hf-candidate .candidate-header,.candidate-page.hf-candidate .candidate-foot{padding-left:28px;padding-right:28px}.candidate-page.hf-candidate .candidate-main{padding:24px 28px}}
@media(max-width:700px){
 .hf-workspace .topbar{height:64px;padding:0 16px;gap:12px}.hf-workspace .topbar .brand:after{display:none}.hf-workspace .brand{font-size:22px;max-width:none}.hf-workspace .portal-tag{font-size:10px;padding:6px}.hf-workspace .global-trigger>span,.hf-workspace .global-trigger kbd{display:none}
 .hf-workspace .content,.hf-workspace .content.review-width{margin:0;padding:20px 16px 88px;min-height:calc(100dvh - 64px);gap:12px}.hf-workspace h1,.hf-workspace .page-head h1,.hf-workspace .position-title-row h1{font-size:24px;line-height:1.25}
 .hf-workspace-nav{top:auto;bottom:0;width:100%;height:72px;padding:8px 8px max(8px,env(safe-area-inset-bottom));flex-direction:row;justify-content:space-around;gap:0;border-top:1px solid var(--hf-line);border-right:0}.hf-workspace-nav>button{font-size:9px;min-height:48px;padding:6px;flex:1;flex-direction:column;gap:4px;text-align:center}.hf-nav-label,.hf-nav-account{display:none}.hf-workspace-nav .icon{width:18px;height:18px}
 .hf-workspace .btn{min-height:44px;font-size:12px;padding:10px 12px}.hf-workspace .field{font-size:12px}.hf-workspace input:not([type=checkbox]):not([type=radio]),.hf-workspace textarea,.hf-workspace select{font-size:16px}.hf-workspace .page-head{gap:12px}.hf-workspace .page-head .actions{flex-shrink:0}
 .hf-workspace .toolbar{flex-wrap:wrap}.hf-workspace .searchbox{width:100%;min-width:0}.hf-workspace .searchbox input{height:44px;width:100%;font-size:14px}.hf-workspace .filter{font-size:12px;min-height:44px}.hf-workspace .filters{display:flex;gap:6px}.hf-workspace .position-card{padding:16px;gap:12px;flex-wrap:wrap}.hf-workspace .position-card .position-body{width:100%}.hf-workspace .position-card>.actions{margin:0;width:100%;gap:8px}.hf-workspace .position-card>.actions .btn{min-height:44px;font-size:12px;padding:8px 12px}.hf-workspace .position-title{font-size:16px}
 .hf-workspace .panel,.hf-workspace .settings-panel{padding:16px;margin-bottom:12px}.hf-workspace .settings-nav{width:100%;overflow:visible;display:block}.hf-settings-picker{margin:0}.hf-workspace .settings-layout{gap:12px}.hf-workspace .settings-content>h1{font-size:24px}.hf-section-tabs{display:none}.hf-section-select{display:block}.hf-stage-nav{margin-bottom:12px}.hf-pagination .btn{min-width:82px}.hf-pagination{font-size:11px}
 .hf-workspace[data-portal=owner] .settings-layout{display:block;min-height:auto}.hf-workspace[data-portal=owner] .content{padding:16px 16px 24px}.hf-workspace[data-portal=owner] .settings-nav{padding:0 0 16px;min-height:0;background:transparent;border:0}.hf-workspace[data-portal=owner] .settings-content{padding:0}.hf-workspace[data-portal=owner] .page-foot{margin:8px 0 0;padding:0}.hf-workspace .on-group{display:none!important}
 .hf-workspace .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hf-workspace .metric{padding:12px 10px;min-height:76px}.hf-workspace .metric strong{font-size:22px}.hf-workspace .metric span{font-size:10px;line-height:1.35}.hf-workspace .panel-header{align-items:flex-start;flex-wrap:wrap;margin-bottom:12px}
 .hf-workspace .table-wrap{overflow:visible}.hf-workspace .table-wrap table,.hf-workspace .table-wrap tbody,.hf-workspace .table-wrap tr,.hf-workspace .table-wrap td{display:block;width:100%}.hf-workspace .table-wrap thead{display:none}.hf-workspace .table-wrap tr{border-bottom:1px solid var(--hf-line);padding:12px 0}.hf-workspace .table-wrap tr:last-child{border:0}.hf-workspace .table-wrap td{border:0;padding:4px 0;font-size:12px}.hf-workspace .table-wrap td[data-label]:not(:first-child):before{content:attr(data-label) ' · ';font-size:10px;color:var(--hf-muted);font-weight:600}.hf-workspace .table-wrap td:last-child:before{display:none}.hf-workspace .table-wrap .actions{margin-top:8px;flex-wrap:wrap}.hf-workspace .member-cell{min-width:0}.hf-workspace .table-wrap td .btn{margin:4px 4px 0 0}
 .hf-workspace .stage-bar{flex-direction:column;align-items:stretch}.hf-workspace .stage-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;overflow:visible;gap:4px}.hf-workspace .stage-tab{font-size:12px;padding:8px;min-height:44px}.hf-workspace .stage-search{width:100%;gap:8px}.hf-workspace .stage-search .searchbox{flex:1}.hf-workspace .candidate-card{padding:16px;min-height:140px}.hf-workspace .candidate-name{font-size:16px}.hf-workspace .candidate-date{font-size:10px;max-width:108px}.hf-workspace .candidate-contact{font-size:12px;margin-top:16px}.hf-workspace .candidate-link,.hf-workspace .candidate-link button{font-size:11px}.hf-workspace .candidate-hover-actions{margin:0}
 .hf-workspace .invite-fields{grid-template-columns:1fr 1fr;gap:8px 12px}.hf-workspace .invite-fields .first-field,.hf-workspace .invite-fields .last-field{grid-column:auto}.hf-workspace .invite-fields .email-field{grid-column:1/-1}.hf-workspace .invite-fields .field{margin-bottom:8px}.hf-workspace .invite-actions{flex-wrap:wrap;gap:12px}.hf-workspace .invite-options{font-size:11px}
 .hf-workspace .configuration-video{grid-template-columns:110px 1fr;gap:16px}.hf-workspace .config-settings{grid-template-columns:1fr;gap:12px}.hf-workspace .config-row{grid-template-columns:1fr;gap:5px}.hf-workspace .config-row>span br{display:none}.hf-workspace .config-row select{height:44px}.hf-workspace .context-line{font-size:11px;gap:8px}.hf-workspace .context-line button{min-height:36px}.hf-workspace .config-row>span{font-size:12px}.hf-workspace .tag-row:empty{display:none}
 .hf-builder-heading{margin-bottom:12px;display:block}.hf-builder-heading>span{display:none}.hf-workspace .builder-intro{padding:16px;display:grid;grid-template-columns:1fr;gap:16px;min-height:0}.hf-workspace .builder-intro .video-tile{width:100%;max-height:196px;aspect-ratio:16/9}.hf-workspace .builder-intro textarea{min-height:112px;font-size:14px}.hf-workspace .builder-footer{padding:8px 0;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:8px}.hf-workspace .builder-footer>.muted{display:none}.hf-workspace .builder-footer .btn{font-size:12px;min-height:44px;padding:8px 10px}.hf-workspace .builder-footer .actions{gap:8px}.hf-workspace .builder-footer .preview-btn{display:inline-flex}
 .hf-workspace .question-card{display:grid;grid-template-columns:28px minmax(0,1fr) 44px;gap:10px;padding:14px}.hf-workspace .question-rail{grid-row:1/3;min-height:0;gap:10px}.hf-workspace .question-card>.video-tile{grid-column:2;grid-row:1;width:100%;max-width:210px;aspect-ratio:16/9;margin:0}.hf-workspace .question-tools{grid-column:3;grid-row:1;gap:0}.hf-workspace .question-fields{grid-column:2/-1;grid-row:2}.hf-workspace .question-fields input{font-size:14px;min-height:44px;margin-bottom:8px}.hf-workspace .question-fields textarea{min-height:80px;font-size:14px}.hf-workspace .question-options{font-size:10px;grid-column:1/-1;gap:8px}.hf-workspace .question-advanced{grid-column:1/-1;grid-template-columns:1fr;gap:10px}.hf-workspace .question-number{width:28px;height:28px}.hf-workspace .move-controls>button{min-height:36px}.hf-workspace .builder-outro textarea{min-height:160px}.hf-workspace .two-col{display:grid;grid-template-columns:1fr;gap:0}.hf-workspace .hf-builder-rules .two-col{grid-template-columns:1fr}.hf-workspace .hf-builder-rules p{font-size:12px}
 .auth-wrap{padding:16px}.auth-card{padding:24px 20px}.auth-card h1{font-size:26px}.auth-card .brand{margin-bottom:16px}.auth-card .tiny{margin:12px 0;font-size:11px}.auth-card .portal-login-alternative{margin-top:12px;padding-top:12px}
 .candidate-page.hf-candidate .candidate-header{height:64px;min-height:64px;padding:12px 20px;gap:8px}.candidate-page.hf-candidate .company-logo{font-size:16px;max-width:calc(100% - 90px);gap:8px}.candidate-page.hf-candidate .powered{font-size:9px;flex-basis:82px;line-height:1.4}.candidate-page.hf-candidate .candidate-main{padding:20px;justify-content:center}.candidate-page.hf-candidate .candidate-foot{min-height:72px;padding:12px 20px max(12px,env(safe-area-inset-bottom));font-size:10px;gap:8px}.candidate-page.hf-candidate .candidate-foot>.btn{min-width:120px;font-size:12px;padding:10px 12px}
 .candidate-page.hf-candidate .question-heading h1{font-size:26px;line-height:1.2;margin-bottom:8px}.candidate-page.hf-candidate .question-heading p{font-size:14px;line-height:1.4}.candidate-page.hf-candidate .eyebrow{font-size:11px;margin-bottom:8px}.candidate-page.hf-candidate .question-heading{margin-bottom:16px}.hf-candidate-grid,.hf-guided-grid{grid-template-columns:1fr;gap:16px}.candidate-page.hf-candidate .candidate-video,.candidate-page.hf-candidate .candidate-preview{aspect-ratio:16/9;max-height:220px;min-height:0;border-radius:14px}.candidate-page.hf-candidate .hf-candidate-aside{font-size:12px}.hf-candidate-aside h2{font-size:16px;margin:0 0 8px}.hf-candidate-aside p{margin:8px 0}.candidate-page.hf-candidate .candidate-specs{flex-direction:row;flex-wrap:wrap;gap:8px 16px;margin:0 0 8px;font-size:11px}
 .hf-welcome-art h2{font-size:25px}.hf-welcome-art>.icon{height:32px;width:32px}.hf-welcome-art p{font-size:11px}.candidate-page.hf-candidate .hf-guided-grid .hf-candidate-aside{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}.hf-guided-grid .hf-candidate-aside p{margin:0;font-size:11px}.candidate-page.hf-candidate .hf-guided-grid .hf-candidate-aside .badge{font-size:10px;padding:6px 8px}.candidate-page.hf-candidate .guided-status{font-size:11px;line-height:1.4;margin-top:10px}
 .candidate-page.hf-candidate .welcome-note{padding:20px}.candidate-page.hf-candidate .welcome-note .check{font-size:13px;line-height:1.5;margin-bottom:18px}.candidate-page.hf-candidate .check>input{margin-top:3px}.candidate-page.hf-candidate .hf-consent-card .actions .btn{font-size:12px;min-width:0}.candidate-page.hf-candidate .welcome-note p{font-size:13px}.candidate-page.hf-candidate .hf-readable-copy p{font-size:14px}
 .candidate-page.hf-candidate .btn{min-width:0;min-height:44px;font-size:13px;padding:10px 14px}.hf-candidate-actions>.btn{min-width:90px!important}.hf-candidate-actions>.primary{flex:0 1 auto}.hf-candidate-actions>.primary:only-child{width:100%}.hf-instructions{padding:20px;gap:16px}.hf-instructions li{font-size:14px;line-height:1.4}.hf-instructions li>span{font-size:11px}.candidate-page.hf-candidate .hfu-status{margin-top:12px;padding:10px 12px;font-size:11px}.candidate-page.hf-candidate .hfu-status p{font-size:11px}.candidate-page.hf-candidate .hf-timer-stage{padding:16px;min-height:180px;aspect-ratio:16/9}.candidate-page.hf-candidate .guided-preparation .guided-countdown{font-size:56px;margin:10px 0}.candidate-page.hf-candidate .hf-timer-stage p{font-size:11px;max-width:270px}.candidate-page.hf-candidate .guided-step-label{font-size:11px}.candidate-page.hf-candidate .progress-track{margin-bottom:12px}.candidate-page.hf-candidate .candidate-controls{gap:8px}.candidate-page.hf-candidate .candidate-welcome h1{font-size:26px}.candidate-page.hf-candidate .candidate-welcome .lead{font-size:14px}
 .hfip-dialog{width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.hfip-main{padding:16px!important}.hfip-header{padding:14px 16px!important}.hfip-stepbar{padding:10px 16px!important}.hfip-ready{padding:12px!important}.hfip-ready ol{gap:8px!important}.hfip-ready h2{font-size:16px!important}.hfip-ready li p{font-size:11px!important}.hfip-lead{font-size:14px!important}.hfip-main h1{font-size:26px!important}.hfip-welcome-art{min-height:120px!important}.hfip-video{max-height:198px!important}.hfip-actions p{font-size:11px!important}.hfip-auto-stage{min-height:240px!important}.hfip-question-rules{gap:8px!important;margin:12px 0!important}
}
@media(max-width:360px),(max-height:650px) and (max-width:700px){
 .candidate-page.hf-candidate .candidate-header{height:56px;min-height:56px;padding:10px 16px}.candidate-page.hf-candidate .company-logo{font-size:14px}.candidate-page.hf-candidate .company-logo .avatar{width:28px;height:28px;flex-basis:28px}.candidate-page.hf-candidate .powered{font-size:8px}.candidate-page.hf-candidate .candidate-main{padding:12px 16px}.candidate-page.hf-candidate .candidate-foot{min-height:64px;padding:10px 16px;font-size:9px}.candidate-page.hf-candidate .question-heading{margin-bottom:12px}.candidate-page.hf-candidate .question-heading h1{font-size:22px;margin-bottom:6px}.candidate-page.hf-candidate .question-heading p{font-size:13px;line-height:1.35}.candidate-page.hf-candidate .eyebrow{font-size:10px;margin-bottom:6px}.hf-candidate-grid,.hf-guided-grid{gap:10px}.candidate-page.hf-candidate .candidate-video,.candidate-page.hf-candidate .candidate-preview{max-height:162px}.candidate-page.hf-candidate .hf-candidate-aside h2{display:none}.candidate-page.hf-candidate .hf-candidate-aside p{font-size:11px;margin:6px 0}.candidate-page.hf-candidate .candidate-specs{gap:6px 10px;font-size:10px}.candidate-page.hf-candidate .hf-candidate-aside>.btn{font-size:11px;min-height:44px;padding:8px 10px}.candidate-page.hf-candidate .hfu-status{margin-top:8px;padding:8px 10px}.candidate-page.hf-candidate .hfu-status p{font-size:10px;line-height:1.3}.candidate-page.hf-candidate .hf-timer-stage{min-height:162px}.candidate-page.hf-candidate .guided-preparation .guided-countdown{font-size:48px;margin:8px 0}.candidate-page.hf-candidate .guided-status{font-size:10px;margin-top:8px}.candidate-page.hf-candidate .hf-guided-grid .hf-candidate-aside{gap:4px 8px}.candidate-page.hf-candidate .hf-guided-grid .hf-candidate-aside p{font-size:10px;margin:0}.hf-instructions{padding:16px;gap:12px}.hf-instructions li{font-size:13px}.candidate-page.hf-candidate .welcome-note{padding:16px}.candidate-page.hf-candidate .welcome-note .check{font-size:12px;margin-bottom:14px}.candidate-page.hf-candidate .hf-readable-copy p{font-size:12px;line-height:1.45}.candidate-page.hf-candidate .candidate-foot .btn{font-size:12px;padding:9px 12px}.candidate-page.hf-candidate .capture-label{font-size:9px;padding:5px 8px}.candidate-page.hf-candidate .timer-badge{font-size:15px;padding:6px 10px}
}
@media(prefers-reduced-motion:reduce){.hf-candidate *,.hf-workspace *{animation:none!important;transition:none!important}}
/* One task per screen; controls and all field values remain in the same form. */
.hf-workspace .configuration-video{grid-template-columns:240px minmax(0,1fr);align-items:center;min-height:260px}.hf-workspace .hf-recording-rules .config-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.hf-workspace .hf-recording-rules .config-row{grid-template-columns:140px minmax(0,1fr)}.hf-workspace .hf-recording-rules .hf-rules-note{grid-column:1/-1}.hf-workspace .hf-recording-rules{min-height:300px}.hf-workspace .review-grid{display:block;max-width:1100px;margin:auto;width:100%}.hf-workspace .review-profile{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px}.hf-workspace .review-video,.hf-workspace .review-video-empty{width:min(100%,640px);max-height:360px;margin:auto;aspect-ratio:16/9}.hf-workspace .review-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hf-workspace .review-player{max-width:900px;margin:auto}.hf-workspace .answer-detail{padding:16px}.hf-workspace .review-head{margin-bottom:0}.hf-workspace .invite-panel{border:0;padding:0}.hf-invite-modal{max-width:660px}.hf-workspace .transcription-hint{margin:0}
@media(max-width:700px){.hf-workspace .configuration-video{grid-template-columns:130px minmax(0,1fr);min-height:240px}.hf-workspace .hf-recording-rules .config-settings{grid-template-columns:1fr;gap:10px}.hf-workspace .hf-recording-rules .config-row{grid-template-columns:110px minmax(0,1fr);gap:10px}.hf-workspace .hf-recording-rules .config-row select{font-size:13px}.hf-workspace .hf-recording-rules .hf-rules-note{font-size:11px}.hf-workspace .review-profile,.hf-workspace .review-questions{display:block}.hf-workspace .review-head{display:block}.hf-workspace .review-head .actions{margin-top:12px}.hf-workspace .review-video,.hf-workspace .review-video-empty{max-height:210px}.hf-workspace .answer-detail{padding:12px 0}.hf-workspace .review-profile .profile-avatar{display:none}.hf-workspace .review-profile .panel:first-child{padding:12px}.hf-workspace .review-profile .stack{display:flex;flex-wrap:wrap;gap:8px}.hf-workspace .review-profile .profile-contact p{margin:6px 0}.hf-invite-modal .invite-fields{grid-template-columns:1fr 1fr}.hf-invite-modal .invite-fields .email-field{grid-column:1/-1}}

.hf-workspace .hft-position-language .setting-row{margin:0;padding:0}.hf-workspace .hft-position-language{min-height:220px}.hf-workspace .hft-position-language p{font-size:13px}.hf-workspace .settings-content .ga-card,.hf-workspace .settings-content .oc-card{padding:20px;margin:0 0 12px;border-radius:12px;box-shadow:none}.hf-workspace .ga-page>p,.hf-workspace .oc-sub{font-size:12px;line-height:1.5}.hf-workspace .oc-tabs{flex-wrap:wrap}.hf-workspace .oc-tabs button{min-height:44px;font-size:12px}.hf-workspace .oc-metrics{gap:12px;margin:0 0 14px}.hf-workspace .oc-metric{padding:12px}.hf-workspace .oc-metric strong{font-size:24px}
@media(max-width:700px){.hf-workspace .context-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.hf-workspace .context-line button{font-size:10px;min-height:36px;text-align:left;justify-content:flex-start;margin:0}.hf-workspace .context-line .icon{width:14px;height:14px}.hf-workspace .tag-row{min-height:24px}.hf-workspace .tag-row .text-btn{font-size:10px}.hf-workspace .configuration-video{min-height:200px}.hf-workspace .hf-recording-rules{min-height:0;padding:12px}.hf-workspace .hf-recording-rules h2{margin-top:0}.hf-workspace .page-foot{padding-top:8px;font-size:9px}.hf-workspace .settings-content .ga-card,.hf-workspace .settings-content .oc-card{padding:16px}.hf-workspace .oc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.hf-workspace .oc-metric{font-size:11px}.hf-workspace .oc-tabs{gap:6px}.hf-workspace .oc-tabs button{font-size:10px;padding:8px}}

.hfip-instructions .hfip-ready ol{display:grid;grid-template-columns:1fr;gap:24px}.hfip-instructions .hfip-ready{max-width:720px}.hfip-instructions .hfip-actions{max-width:900px}.hfip-review-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}
@media(max-width:700px){.hf-workspace .hf-recording-rules h2{margin:0 0 12px;padding:0 0 10px}.hf-workspace .hf-recording-rules .config-row>span{font-size:11px;line-height:1.4}.hf-workspace .hf-recording-rules .hf-rules-note{line-height:1.4}.hf-workspace .builder-page .question-card .video-tile{max-width:160px}.hf-workspace .question-fields textarea{min-height:72px}.hf-workspace .question-fields input{min-height:40px}.hf-workspace .builder-page .question-card{padding:12px;gap:8px}.hf-workspace .builder-page .hf-pagination{min-height:44px;margin:0}.hf-workspace .builder-page .builder-add{margin:4px 0}.hf-workspace .builder-page .vs-limit-note{font-size:10px}.hfip-instructions .hfip-ready ol{gap:18px!important}.hfip-instructions .hfip-actions{display:flex;flex-wrap:wrap}.hfip-instructions .hfip-actions p{width:100%}.hfip-instructions .hfip-actions .hfip-button{flex:1;min-width:110px}}

.hf-workspace[data-portal=owner] .settings-layout,.hf-workspace[data-portal=owner] .settings-nav{min-height:calc(100dvh - 140px)}.hf-workspace .setting-row{padding:14px 0}.hf-workspace .setting-row h3{margin:0 0 6px}.hf-workspace .setting-row p{margin:0}.hf-workspace .oc-welcome{padding:20px}.hf-workspace .oc-welcome p{font-size:13px}.hf-workspace .oc-welcome h2{font-size:24px}.hf-workspace .oc-card p{font-size:12px;line-height:1.5}.hf-workspace .oc-optional summary{min-height:44px;font-size:13px}
@media(max-width:700px){.hf-workspace[data-portal=owner] .settings-layout,.hf-workspace[data-portal=owner] .settings-nav{min-height:0}.hf-workspace .setting-row{padding:12px 0}.hf-workspace .setting-row h3{font-size:13px}.hf-workspace .setting-row p{font-size:11px}.hf-workspace .oc-head{flex-wrap:wrap}.hf-workspace .oc-head h1{font-size:24px}.hf-workspace .oc-welcome{padding:16px}.hf-workspace .oc-welcome h2{font-size:20px}.hf-workspace .oc-welcome p{font-size:12px}.hf-workspace .oc-shortcuts{flex-wrap:wrap;gap:8px}.hf-workspace .oc-shortcuts a{font-size:11px;min-height:44px;padding:8px}.hf-workspace .oc-bottom{margin:0}.hf-workspace .oc-metric{padding:10px;font-size:10px}}

@media(max-width:700px){.hf-workspace .metrics .metric{min-height:76px;height:auto;padding:10px;display:flex;flex-direction:column;justify-content:center}.hf-workspace .metrics .metric strong{line-height:1;margin:0;font-size:22px}.hf-workspace .metrics .metric span{line-height:1.3;margin:6px 0 0}.hf-workspace .table-wrap tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 10px;padding:8px 0}.hf-workspace .table-wrap td{height:auto;min-height:0;line-height:1.4;padding:0;width:auto}.hf-workspace .table-wrap td:first-child,.hf-workspace .table-wrap td:last-child,.hf-workspace .table-wrap td[colspan]{grid-column:1/-1}.hf-workspace .table-wrap td[data-label]:not(:first-child):before{display:block;line-height:1.3;margin-bottom:3px;content:attr(data-label)}.hf-workspace .table-wrap td:last-child:before{display:none}.hf-workspace .table-wrap td .btn{min-height:44px;height:auto;font-size:11px;padding:8px 10px;margin:0}.hf-workspace .table-wrap td .actions{gap:6px}.hf-workspace .table-wrap td .actions .btn{flex:0 1 auto}.hf-workspace .panel-header{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;margin-bottom:12px}.hf-workspace .panel-header h2{font-size:16px;margin:0}.hf-workspace .panel-header .btn{flex-shrink:0;font-size:11px}.hf-workspace .panel-header p{font-size:11px}.hf-workspace[data-portal=owner] .settings-content>p.sub{margin-bottom:12px;font-size:12px}.hf-workspace[data-portal=owner] .content{gap:8px}}
.hf-nav-picker{display:none}.hf-workspace .email-page .notice{margin:8px 0;font-size:12px}.hf-workspace .email-page .panel-header h2{margin-top:0}.hf-workspace .email-page .hf-stage-nav{margin-top:12px}
@media(max-width:700px){.hf-nav-picker{display:block;width:100%}.hf-workspace .oc-tabs{display:block;margin:12px 0}.hf-workspace .oc-tabs>button{display:none}.hf-workspace .oc-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.hf-workspace .oc-metric{min-height:90px;font-size:9px;line-height:1.35;padding:10px;display:flex;flex-direction:column;justify-content:center}.hf-workspace .oc-metric strong{font-size:22px;line-height:1;margin-bottom:8px}.hf-workspace .oc-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start}.hf-workspace .oc-head h1{font-size:23px}.hf-workspace .oc-head .oc-sub{font-size:11px;margin-bottom:0}.hf-workspace .oc-head>.btn{font-size:10px;padding:8px;min-width:0}.hf-workspace .oc-welcome{padding:16px}.hf-workspace .oc-welcome .oc-shortcuts{display:grid;grid-template-columns:1fr 1fr}.hf-workspace .oc-welcome .oc-shortcuts a{font-size:10px;padding:8px;min-height:44px;line-height:1.4}.hf-workspace .oc-welcome>p{font-size:11px;line-height:1.4;margin:10px 0}.hf-workspace .email-page>h1{margin-top:0;font-size:24px}.hf-workspace .email-page .panel-header{display:block}.hf-workspace .email-page .panel-header p{margin:8px 0}.hf-workspace .email-page .badge{margin-top:8px}.hf-workspace .email-page .check{font-size:12px}.hf-workspace .email-page .tiny{font-size:10px;line-height:1.4}.hf-workspace .email-page .field{margin-bottom:10px}.hf-workspace .email-page .hf-pagination{margin:0;min-height:44px}.hf-workspace .email-page .settings-panel{padding:14px}.hf-workspace .email-page .form-foot{padding:0;margin-top:12px}}

.hf-workspace .email-page .panel-header{align-items:center}.hf-workspace .email-page .panel-header h2{margin:0}.hf-workspace .email-page .panel-header p:empty{display:none}
@media(max-width:700px){.hf-workspace .email-page .panel-header{display:flex;align-items:center;gap:12px}.hf-workspace .email-page .panel-header .badge{margin:0}.hf-workspace .email-page .panel-header h2{font-size:15px}.hf-workspace .email-page .panel-header p{font-size:10px;margin:4px 0 0}.hf-workspace .email-page .panel-header p:only-child{margin:0}}

@media(max-width:700px){
 .hf-workspace .hf-recording-rules .config-settings,.hf-workspace .hf-builder-rules .two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .hf-workspace .hf-recording-rules .config-row{grid-template-columns:1fr;gap:6px;align-content:start}
 .hf-workspace .hf-recording-rules .config-row>span{min-height:31px;display:block}
 .hf-workspace .hf-recording-rules .config-row select,.hf-workspace .hf-builder-rules select{width:100%;min-width:0;font-size:12px;padding:8px}
 .hf-workspace .hf-builder-rules{padding:14px}
 .hf-workspace .hf-builder-rules h2{margin:0 0 14px;padding:0}
 .hf-workspace .hf-builder-rules .field{min-width:0;margin:0;font-size:12px}
 .hf-workspace .hf-builder-rules p{font-size:11px;line-height:1.4;margin:10px 0}
 .hf-workspace .hf-builder-rules .hf-flow-summary{padding:10px}
 #builder-form:has(.hf-builder-rules:not([hidden])) .vs-limit-note,#builder-form:has(.builder-outro:not([hidden])) .vs-limit-note{display:none}
}

@media(max-width:700px){.hf-workspace .hf-recording-rules h2{padding-bottom:0;margin-bottom:8px}}

/* Candidate review: one continuous workspace; no panel-switching tabs. */
.hf-workspace .content.review-width{padding:18px 24px;gap:12px}
.hf-workspace .review-head{margin:0;gap:16px}.hf-workspace .review-head h1{font-size:25px}.hf-workspace .review-head p{font-size:12px;margin-top:4px}
.hf-workspace .review-workflow{margin:0;padding:10px 14px}.hf-workspace .review-workflow-row{gap:8px}.hf-workspace .review-workflow-row strong{font-size:13px}.hf-workspace .review-workflow-row p{font-size:10px;max-width:400px;margin:4px 0 0}.hf-workspace .review-workflow .btn{min-height:36px;font-size:11px;padding:8px 10px}.hf-workspace .review-workflow [data-review-queue]{flex-basis:auto;font-size:10px}
.hf-workspace .review-grid.hf-review-unified{display:grid;width:100%;max-width:none;margin:0;grid-template-columns:minmax(0,1fr) minmax(280px,330px);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:'player profile' 'player notes' 'questions notes';gap:14px;align-items:stretch}
.hf-review-unified .review-profile{grid-area:profile}.hf-review-unified .review-notes{grid-area:notes}
.hf-workspace .hf-review-unified .review-profile{display:block;min-width:0}
.hf-workspace .hf-review-unified .panel{padding:14px;margin:0;border-radius:10px}
.hf-review-person{display:flex;gap:10px;align-items:center}.hf-workspace .hf-review-person h3{margin:0 0 3px;font-size:14px}.hf-workspace .hf-review-person .profile-avatar{display:flex;margin:0;flex:0 0 34px;height:34px;width:34px;font-size:12px}.hf-workspace .hf-review-person .profile-contact{font-size:11px;margin:0;overflow-wrap:anywhere}.hf-workspace .hf-review-person .profile-contact p{margin:2px 0 0}
.hf-review-decisions{display:flex;gap:8px;margin-top:12px}.hf-workspace .hf-review-decisions .btn{flex:1;min-height:36px;padding:8px;font-size:11px}.hf-review-decisions .icon{width:15px;height:15px}
.hf-review-more{margin-top:10px;font-size:11px}.hf-review-more>summary{cursor:pointer;color:var(--hf-muted);padding:5px 0;min-height:28px}.hf-review-more[open]>summary{margin-bottom:8px}.hf-review-more .stack{gap:6px}.hf-workspace .hf-review-more .btn{font-size:11px;min-height:36px;padding:8px 10px}.hf-review-management>h3{display:none}
.hf-workspace .hf-review-unified .review-player{max-width:none;width:100%;margin:0;min-height:0;display:flex;flex-direction:column;background:#fff;border:1px solid var(--hf-line);border-radius:10px;overflow:hidden}
.hf-workspace .hf-review-unified .answer-meta{font-size:10px;padding:10px 14px;margin:0;flex-shrink:0}
.hf-workspace .hf-review-unified .review-video,.hf-workspace .hf-review-unified .review-video-empty{max-height:340px;min-height:160px;width:100%;margin:0;aspect-ratio:16/9;object-fit:contain;border-radius:0;background:#17171f}
.hf-workspace .hf-review-unified .review-video-empty{color:#b5b5c6;flex:1}
.hf-workspace .hf-review-unified .answer-detail{border:0;padding:12px 14px;border-radius:0}.hf-workspace .hf-review-unified .answer-detail h3{font-size:15px;margin:0 0 4px}.hf-workspace .hf-review-unified .answer-detail p{font-size:12px;line-height:1.45;margin:0;max-height:62px;overflow:auto;color:var(--hf-muted)}
.hf-workspace .hf-review-unified .answer-rating{gap:8px;padding-top:8px;font-size:11px;flex-wrap:wrap}.hf-workspace .hf-review-unified .answer-rating .btn{min-height:32px;font-size:11px;padding:6px 9px}.hf-review-unified .answer-rating .star{font-size:24px}
.hf-workspace .hf-review-unified .review-questions{display:grid;grid-template-columns:minmax(160px,.9fr) minmax(0,1.1fr);gap:14px;min-height:0}.hf-workspace .hf-review-unified .review-questions .panel{display:flex;flex-direction:column;min-height:0;gap:8px}.hf-review-unified .review-questions h3{margin:0!important;font-size:14px!important}
.hf-question-items,.hf-transcript-content{min-height:0;overflow:auto;overscroll-behavior:contain;max-height:180px}.hf-workspace .hf-review-unified .question-nav{width:100%;font-size:12px;margin:0 0 3px;padding:7px}.hf-workspace .hf-review-unified .question-nav small{font-size:10px}.hf-review-unified .question-nav .number{flex-shrink:0}
.hf-transcript-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.hf-workspace .hf-transcript-heading .btn{min-height:28px;font-size:10px;padding:4px 8px}.hf-transcript-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;margin:0}.hf-transcript-cue{display:flex;gap:8px;width:100%;padding:6px 0;border:0;background:none;text-align:left;font-size:12px;line-height:1.4}.hf-transcript-cue time{color:var(--primary);font-size:10px;flex-shrink:0}.hf-transcript-cue:hover{background:var(--hf-soft)}
.hf-workspace .hf-review-unified .review-notes{min-height:0;overflow:auto}.hf-workspace .review-notes>h3{margin:0 0 10px;font-size:15px}.hf-workspace .review-notes .pref-review-guide{margin:0 0 10px;padding:8px 10px;font-size:11px}.hf-workspace .review-notes .pref-review-guide .btn{font-size:11px;min-height:32px;padding:6px 9px}
.hf-workspace .review-notes .field{font-size:12px;margin:0 0 10px;gap:5px}.hf-workspace .review-notes select{min-height:36px;font-size:12px}.hf-workspace .review-notes textarea{height:135px;min-height:90px;font-size:13px;line-height:1.5}.hf-workspace .review-notes #review-form>button{width:100%;margin:6px 0 0;min-height:38px}.hf-workspace .review-notes [data-review-status]{font-size:10px;margin:5px 0}.hf-workspace .review-notes .team-note{font-size:12px}
.hf-invite-domain{padding:14px;background:var(--hf-soft);border:1px solid var(--hf-line);border-radius:10px;margin:8px 0 16px}.hf-invite-domain-head,.hf-invite-domain-foot{display:flex;gap:10px;align-items:center;justify-content:space-between}.hf-invite-domain h3{margin:0;font-size:14px}.hf-invite-domain a,.hf-invite-domain .text-btn{font-size:11px}.hf-invite-domain .field{margin:12px 0 6px!important}.hf-invite-domain select{width:100%}.hf-invite-domain-foot .text-btn{flex-shrink:0}.hf-invite-domain [data-invite-origin]{overflow-wrap:anywhere}
/* A short main settings menu replaces the technical dropdown. */
.hf-workspace .hf-main-settings{grid-template-columns:190px minmax(0,1fr);gap:22px}
.hf-workspace .hf-main-settings .settings-nav{display:flex;flex-direction:column;gap:6px;position:sticky;top:82px;align-self:start}
.hf-workspace .hf-main-settings .settings-nav>.settings-nav-title{display:block;font-size:11px;padding:6px 12px;margin-bottom:8px;color:var(--hf-muted)}
.hf-workspace .hf-main-settings .settings-nav>button{display:flex;align-items:center;gap:9px;text-align:left;width:100%;font-size:13px;min-height:44px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:var(--hf-muted)}
.hf-workspace .hf-main-settings .settings-nav>button.active{background:var(--hf-soft);color:var(--primary);font-weight:600}.hf-workspace .hf-main-settings .settings-nav .icon{width:17px;height:17px}
.hf-settings-related{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.hf-workspace .hf-settings-related .btn{min-height:36px;padding:8px 12px;font-size:12px}.hf-settings-related .active{background:var(--hf-soft);color:var(--primary)}
@media(min-width:1100px) and (min-height:720px){
 .hf-workspace .review-width{height:calc(100dvh - 64px);min-height:0}
 .hf-workspace .review-grid.hf-review-unified{flex:1;min-height:0;grid-template-rows:auto minmax(0,1fr) minmax(130px,27%)}
 .hf-workspace .hf-review-unified .review-video{height:100%;min-height:0;flex:1;object-fit:contain;max-height:none;aspect-ratio:auto}
 .hf-workspace .hf-review-unified .review-questions .panel{overflow:hidden}.hf-question-items,.hf-transcript-content{max-height:none}
 .hf-workspace .hf-review-unified .review-notes{overflow:auto}.hf-workspace .hf-review-unified .review-profile .hf-review-more[open]{max-height:210px;overflow:auto}
}
@media(max-width:1099px){.hf-workspace .review-grid.hf-review-unified{grid-template-columns:minmax(0,1fr) minmax(260px,.75fr)}.hf-workspace .hf-review-unified .review-questions{grid-template-columns:1fr}.hf-workspace .hf-review-unified .review-player{align-self:start}.hf-workspace .hf-main-settings{grid-template-columns:160px minmax(0,1fr)}}
@media(max-width:760px){
 .hf-workspace .content.review-width{padding:16px;gap:12px}.hf-workspace .review-head{display:flex;align-items:flex-start;flex-wrap:wrap}.hf-workspace .review-head h1{font-size:24px}.hf-workspace .review-head .actions{margin:0;gap:8px;width:100%}.hf-workspace .review-head .actions .btn{flex:1;font-size:12px;padding:9px}
 .hf-workspace .review-grid.hf-review-unified{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:'player' 'questions' 'profile' 'notes';gap:12px}.hf-workspace .hf-review-unified .review-questions{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.hf-workspace .hf-review-unified .review-player{width:100%}.hf-workspace .hf-review-unified .review-video,.hf-workspace .hf-review-unified .review-video-empty{max-height:none;min-height:0;aspect-ratio:16/9}.hf-workspace .hf-review-unified .review-profile{display:block}.hf-workspace .review-workflow-buttons{gap:6px}.hf-workspace .review-workflow-buttons .btn{flex:1;min-height:40px}.hf-workspace .review-workflow-buttons [data-review-queue]{width:100%}.hf-workspace .review-notes textarea{height:140px}
 .hf-invite-domain-head,.hf-invite-domain-foot{align-items:flex-start;flex-wrap:wrap}.hf-invite-domain select{font-size:13px}.hf-workspace .hf-main-settings{grid-template-columns:1fr;gap:16px}.hf-workspace .hf-main-settings .settings-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.hf-workspace .hf-main-settings .settings-nav>.settings-nav-title{grid-column:1/-1;margin:0;padding:0 4px}.hf-workspace .hf-main-settings .settings-nav>button{font-size:12px;border:1px solid var(--hf-line);background:white}.hf-workspace .hf-main-settings .settings-nav>button[data-nav=positions]{display:none}
}

/* Shared review has no private profile or notes column. */
.hf-workspace .review-grid.hf-review-unified.shared-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"player" "questions"}

@media(min-width:1100px) and (min-height:720px){
 .hf-workspace .review-notes textarea{height:72px;min-height:72px}
 .hf-workspace .review-notes .field{margin-bottom:6px}
 .hf-workspace .review-notes #review-form>button{position:sticky;bottom:0;z-index:1;box-shadow:0 4px 0 4px white}
 .hf-workspace .review-notes .hf-review-more{margin-top:5px}
 .hf-workspace .review-notes>h3{margin-bottom:7px}
}

/* Owner workspace: one navigation sidebar and one blue accent. */
body[data-portal=owner]{--primary:#2563eb;--hf-soft:#eff6ff;--hf-line:#e2e8f0;--hf-ink:#172033;--hf-muted:#64748b;--hf-canvas:#f6f8fc;--border:#e2e8f0;--purple-light:#eff6ff}
.hf-workspace[data-portal=owner] .content{display:block;padding:0;margin:0}
.hf-workspace[data-portal=owner] .owner-layout{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:calc(100dvh - 64px);gap:0}
.hf-workspace[data-portal=owner] .owner-layout>.settings-nav{display:block;position:fixed;inset:64px auto 0 0;width:232px;max-height:none;min-height:0;overflow-y:auto;background:#fff;padding:22px 14px;border-right:1px solid #e2e8f0;z-index:20;box-sizing:border-box}
.hf-workspace[data-portal=owner] .owner-layout>.settings-content{grid-column:2;min-width:0;padding:30px 32px 32px;max-width:1500px;width:100%;margin:0 auto}
.hf-owner-nav-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.hf-workspace[data-portal=owner] .settings-nav-title{display:block;padding:0 12px;margin:0;color:#64748b;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.hf-owner-nav-group{margin:3px 0}
.hf-workspace[data-portal=owner] .hf-owner-nav-group>button{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:#475569;text-align:left;font-size:13px;line-height:1.3}
.hf-workspace[data-portal=owner] .hf-owner-nav-group>button:hover{background:#f8fafc;color:#2563eb}
.hf-workspace[data-portal=owner] .hf-owner-nav-group>button.active{background:#eff6ff;color:#2563eb;font-weight:650}
.hf-owner-nav-group .icon{width:18px;height:18px;flex-shrink:0}
.hf-owner-subnav{margin:4px 0 10px 20px;padding-left:12px;border-left:1px solid #dbeafe}
.hf-workspace[data-portal=owner] .hf-owner-subnav>button{display:block;width:100%;padding:9px 8px;min-height:38px;border:0;border-radius:6px;background:none;color:#64748b;font-size:12px;line-height:1.35;text-align:left;white-space:normal}
.hf-workspace[data-portal=owner] .hf-owner-subnav>button.active{color:#2563eb;background:#eff6ff;font-weight:600}
.hf-owner-menu-button,.hf-owner-close{display:none!important}
.hf-workspace[data-portal=owner] .oc-head{align-items:center;margin:0 0 24px}
.hf-workspace[data-portal=owner] .oc-head h1{font-size:30px;margin:0;color:#172033}
.hf-workspace[data-portal=owner] .oc-metrics{gap:16px;margin-bottom:20px}
.hf-workspace[data-portal=owner] .oc-metric{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:22px 24px;color:#64748b;font-size:13px}
.hf-workspace[data-portal=owner] .oc-metric strong{color:#172033;font-size:34px;margin:12px 0 0;line-height:1.2}
.hf-workspace[data-portal=owner] .oc-card,.hf-workspace[data-portal=owner] .oc-optional{background:#fff;border-color:#e2e8f0;padding:22px;border-radius:12px;box-shadow:none}
.hf-workspace[data-portal=owner] .oc-card h2{font-size:17px;color:#172033;margin:0 0 16px}
.hf-workspace[data-portal=owner] .oc-card p,.hf-workspace[data-portal=owner] .oc-sub{color:#64748b;font-size:13px}
.hf-workspace[data-portal=owner] .hf-owner-status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}
.hf-owner-value{font-size:18px;line-height:28px;color:#172033}
.hf-workspace[data-portal=owner] .oc-action,.hf-workspace[data-portal=owner] .oc-shortcuts a{color:#2563eb;font-size:13px}
.hf-workspace[data-portal=owner] .oc-pill,.hf-workspace[data-portal=owner] .oc-pill.good,.hf-workspace[data-portal=owner] .oc-pill.wait,.hf-workspace[data-portal=owner] .badge{background:#eff6ff;color:#1d4ed8;border-color:#dbeafe}
.hf-workspace[data-portal=owner] .oc-notice,.hf-workspace[data-portal=owner] .notice{background:#eff6ff;color:#334155;border-color:#bfdbfe}
.hf-workspace[data-portal=owner] .btn.primary{background:#2563eb;border-color:#2563eb;color:white}
.hf-workspace[data-portal=owner] .btn.danger{background:white;border-color:#93c5fd;color:#1d4ed8}
.hf-workspace[data-portal=owner] .oc-result{color:#1d4ed8}
.hf-workspace[data-portal=owner] .hf-owner-summary{display:flex;align-items:center;justify-content:space-between;gap:20px}
.hf-workspace[data-portal=owner] .hf-owner-summary h2{margin:0 0 6px}.hf-owner-summary p{margin:0}
.hf-workspace[data-portal=owner] .hf-owner-email-help{margin:12px 0 22px}.hf-owner-email-help>summary{cursor:pointer;color:#2563eb;font-size:13px;padding:8px 0}
.hf-workspace[data-portal=owner] .email-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.hf-title-edit{display:flex;align-items:center;gap:16px;max-width:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.hf-title-edit-label{font-size:12px;line-height:1.2;color:var(--primary);font-weight:500;letter-spacing:0;white-space:nowrap;border:1px solid var(--border);border-radius:6px;padding:8px 10px}
.hf-title-edit:hover .hf-title-edit-label{background:#eff6ff}
@media(max-width:1100px){.hf-workspace[data-portal=owner] .owner-layout{grid-template-columns:210px minmax(0,1fr)}.hf-workspace[data-portal=owner] .owner-layout>.settings-nav{width:210px;padding:18px 10px}.hf-workspace[data-portal=owner] .owner-layout>.settings-content{padding:24px}.hf-workspace[data-portal=owner] .hf-owner-status-grid{grid-template-columns:1fr}.hf-workspace[data-portal=owner] .oc-metric{padding:16px}}
@media(max-width:700px){
 .hf-workspace[data-portal=owner] .owner-layout{display:block;min-height:calc(100dvh - 64px);padding:16px}
 .hf-workspace[data-portal=owner] .hf-owner-menu-button{display:inline-flex!important;gap:8px;align-items:center;margin-bottom:20px}
 .hf-workspace[data-portal=owner] .owner-layout>.settings-nav{display:none;position:fixed;inset:64px 12px auto;width:calc(100% - 24px);max-height:calc(100dvh - 80px);min-height:0;border:1px solid #dbeafe;border-radius:12px;padding:18px;box-shadow:0 16px 60px #17203338;z-index:50}
 .hf-workspace[data-portal=owner] .hf-owner-menu-open>.settings-nav{display:block}
 .hf-workspace[data-portal=owner] .hf-owner-close{display:inline-flex!important}
 .hf-workspace[data-portal=owner] .owner-layout>.settings-content{padding:0}
 .hf-workspace[data-portal=owner] .oc-head{margin-bottom:20px}.hf-workspace[data-portal=owner] .oc-head h1{font-size:26px}
 .hf-workspace[data-portal=owner] .oc-metrics{grid-template-columns:1fr;gap:10px;margin-bottom:16px}
 .hf-workspace[data-portal=owner] .oc-metric{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;font-size:13px}
 .hf-workspace[data-portal=owner] .oc-metric strong{margin:0;font-size:25px}
 .hf-workspace[data-portal=owner] .hf-owner-status-grid{gap:12px}.hf-workspace[data-portal=owner] .oc-card{padding:18px}
 .hf-workspace[data-portal=owner] .hf-owner-summary{align-items:flex-start;flex-direction:column}
 .hf-workspace[data-portal=owner] .email-form-grid{grid-template-columns:1fr}
 .hf-title-edit{gap:10px;flex-wrap:wrap}
}