/* V0.27 overlay. Intentionally does not touch V0.23 pen/hand gesture constants. */
body.ial-v027 .practiceFilterBar.v027-practice-filter-bar{
  display:grid;
  grid-template-columns:minmax(92px,.65fr) minmax(150px,1.1fr) minmax(170px,1.2fr) minmax(240px,1.65fr) minmax(92px,.65fr) minmax(118px,.8fr) auto;
  gap:9px;
  align-items:end;
}
body.ial-v027 .v027-practice-filter-bar .practiceSearchWrap{min-width:0}
body.ial-v027 .v027-practice-filter-bar .filterField,
body.ial-v027 .v027-practice-filter-bar .practiceSearchWrap{margin:0}
body.ial-v027 .v027-practice-filter-bar .filterField select,
body.ial-v027 .v027-practice-filter-bar .practiceSearchWrap input{width:100%}
body.ial-v027 .v027-practice-filter-bar .v027-clear-field label{visibility:hidden}
body.ial-v027 .v027-practice-filter-bar .v027-clear-field .btn{white-space:nowrap;width:100%}
body.ial-v027 .v027-practice-filter-bar .v027-filter-meta{grid-column:1/-1;margin-top:1px}
body.ial-v027 .advancedFilters,#subtypeFilter,#moreFiltersBtn{display:none!important}

body.ial-v027 .questionViewModes{white-space:nowrap}
body.ial-v027 .answerMethodSwitch{display:flex;gap:6px;flex-wrap:wrap}
body.ial-v027 #v027OnPaperMethodBtn.active{background:#edf2ff;border-color:#315efb;color:#315efb}

body.ial-v027 .v027WorkTabs{
  display:flex;gap:4px;padding:6px;background:#f1f4f9;border:1px solid var(--line);border-radius:11px;margin:10px 12px 0;position:sticky;top:0;z-index:6;
}
body.ial-v027 .v027WorkTabs button{flex:1;border:0;border-radius:8px;padding:9px 12px;background:transparent;color:var(--muted);font-weight:800;font-size:12px}
body.ial-v027 .v027WorkTabs button.active{background:#fff;color:var(--ink);box-shadow:0 1px 5px rgba(11,29,54,.08)}
body.ial-v027 .v027WorkTabs button.locked{opacity:.55}
body.ial-v027 .v027MarkSchemePane{display:none;padding:14px;min-height:520px;overflow:auto;background:#fff}
body.ial-v027 .workingPanel.v027-show-ms>.v027MarkSchemePane{display:block}
body.ial-v027 .workingPanel.v027-show-ms> :not(.v027WorkTabs):not(.v027MarkSchemePane){display:none!important}
body.ial-v027 .v027MsLocked{min-height:360px;display:grid;place-content:center;text-align:center;gap:7px;color:var(--muted);border:1px dashed #ccd5e4;border-radius:14px;padding:24px}
body.ial-v027 .v027MsLocked b{color:var(--ink);font-size:14px}
body.ial-v027 .v027MsLocked.hide{display:none}
body.ial-v027 .v027MsContent{display:none}.ial-v027 .v027MsContent.show{display:block}
body.ial-v027 .v027MsHead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:2px 0 11px;font-size:12px}
body.ial-v027 .v027MsHead span{color:var(--muted);font-size:10px}
body.ial-v027 .v027FullMs{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}
body.ial-v027 .v027FullMs summary{cursor:pointer;font-weight:800;font-size:11px;color:var(--muted);padding:6px 0}
body.ial-v027 #workspaceTimer{min-width:max-content;white-space:nowrap;font-variant-numeric:tabular-nums}

@media(max-width:1180px){
 body.ial-v027 .practiceFilterBar.v027-practice-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.ial-v027 .v027-practice-filter-bar .practiceSearchWrap{grid-column:span 2}
 body.ial-v027 .v027-practice-filter-bar .v027-filter-meta{grid-column:1/-1}
}
@media(max-width:720px){
 body.ial-v027 .practiceFilterBar.v027-practice-filter-bar{grid-template-columns:1fr 1fr}
 body.ial-v027 .v027-practice-filter-bar .practiceSearchWrap{grid-column:1/-1}
 body.ial-v027 .v027-practice-filter-bar .v027-filter-meta{grid-column:1/-1}
 body.ial-v027 .v027WorkTabs{margin:8px 8px 0}
 body.ial-v027 .v027MarkSchemePane{padding:10px}
}
body.ial-v027 #answerStage{display:none!important}
body.ial-v027 .v027SelfMark{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 12px;padding:10px;border:1px solid var(--line);border-radius:11px;background:#f8fafc}
body.ial-v027 .v027SelfMark>span{font-weight:800;font-size:11px;color:var(--muted);margin-right:auto}

/* V0.27 final release surfaces. */
body.ial-v027 .paperFilters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
body.ial-v027 .paperFilters select{min-width:118px}
body.ial-v027 .v027StartPaperDialog{display:none;position:fixed;inset:0;z-index:90;background:rgba(8,20,39,.46);padding:20px;place-items:center}
body.ial-v027 .v027StartPaperDialog.show{display:grid}
body.ial-v027 .v027StartPaperCard{width:min(520px,100%);background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.24);padding:18px}
body.ial-v027 .v027StartPaperHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:12px}
body.ial-v027 .v027StartPaperHead h3{margin:3px 0 4px}
body.ial-v027 .v027ChoiceGroup{padding:14px 0;border-bottom:1px solid var(--line)}
body.ial-v027 .v027ChoiceGroup>b{font-size:11px;display:block;margin-bottom:8px}
body.ial-v027 .v027ChoiceButtons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.ial-v027 .v027ChoiceButtons button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px;text-align:left;font-weight:800;color:var(--ink)}
body.ial-v027 .v027ChoiceButtons button.active{border-color:#315efb;background:#edf2ff;color:#315efb}
body.ial-v027 .v027StartPaperActions{display:flex;justify-content:flex-end;gap:8px;padding-top:14px}
body.ial-v027 .v027PaperTimer{font-variant-numeric:tabular-nums;background:#0f1b2f;color:#fff;border:1px solid #35445d;border-radius:9px;padding:7px 9px;min-width:58px;text-align:center;font-size:11px;font-weight:800}
body.ial-v027 .v027PaperViewTabs{display:flex;background:#101a2b;border:1px solid #34435b;border-radius:9px;padding:2px;gap:2px}
body.ial-v027 .v027PaperViewTabs button{border:0;background:transparent;color:#b9c5d7;border-radius:7px;padding:6px 8px;font-size:10px;font-weight:800}
body.ial-v027 .v027PaperViewTabs button.active{background:#fff;color:#172033}
body.ial-v027 .v027PaperViewTabs button.locked{opacity:.48}

body.ial-v027 #stackedLayoutBtn{display:none!important}

body.ial-v027 .v027OriginalWorkspace{display:none;position:fixed;inset:0;z-index:85;background:#e9edf3}
body.ial-v027 .v027OriginalWorkspace.show{display:flex;flex-direction:column}
body.ial-v027 .v027OriginalToolbar{min-height:50px;background:#172033;color:#fff;display:flex;align-items:center;gap:8px;padding:7px 10px;position:relative;z-index:4}
body.ial-v027 .v027OriginalTitle{min-width:150px;display:flex;flex-direction:column;gap:1px}
body.ial-v027 .v027OriginalTitle b{font-size:11px}.ial-v027 .v027OriginalTitle span{font-size:9px;color:#b9c5d7}
body.ial-v027 .v027OriginalTools{display:flex;gap:5px;align-items:center;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}
body.ial-v027 .v027OriginalTools .btn.active{background:#fff;color:#172033;border-color:#fff}
body.ial-v027 .v027OriginalBody{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 0;overflow:hidden;transition:grid-template-columns .18s ease}
body.ial-v027 .v027OriginalBody.show-answer{grid-template-columns:minmax(0,1fr) minmax(300px,38vw)}
body.ial-v027 .v027OriginalPages{overflow:auto;padding:16px;display:grid;gap:14px;justify-items:center;align-content:start;touch-action:pan-y pinch-zoom}
body.ial-v027 .v027OriginalPage{width:min(900px,100%);position:relative;background:#fff;box-shadow:0 5px 22px rgba(19,36,64,.12)}
body.ial-v027 .v027OriginalPage img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
body.ial-v027 .v027OriginalCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}
body.ial-v027 .v027OriginalPage.hand-active .v027OriginalCanvas{pointer-events:none}
body.ial-v027 .v027OriginalAnswerPane{min-width:0;overflow:auto;background:#fff;border-left:1px solid var(--line);padding:12px;display:none}
body.ial-v027 .v027OriginalBody.show-answer .v027OriginalAnswerPane{display:block}
body.ial-v027 .v027OriginalMs{display:grid;gap:10px}

body.ial-v027 .v027ReviewTabs{display:inline-flex;gap:3px;background:#f0f3f8;padding:4px;border-radius:11px;margin-bottom:12px;max-width:100%;overflow:auto}
body.ial-v027 .v027ReviewTabs button{border:0;background:transparent;color:var(--muted);font-weight:800;font-size:11px;padding:8px 12px;border-radius:8px;white-space:nowrap}
body.ial-v027 .v027ReviewTabs button.active{background:#fff;color:var(--ink);box-shadow:0 1px 5px rgba(11,29,54,.08)}
body.ial-v027 .v027ReviewList{display:grid;gap:8px}
body.ial-v027 .v027ReviewQuestionRow{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--line);border-radius:11px;background:#fff}
body.ial-v027 .v027ReviewQuestionRow>div{flex:1;min-width:0}
body.ial-v027 .v027ReviewQuestionRow span{font-size:9px;color:var(--muted)}

body.ial-v027 .lanDialog{display:none;position:fixed;inset:0;z-index:95;background:rgba(8,20,39,.28);padding:14px;align-items:center;justify-content:center}
body.ial-v027 .lanDialog.show{display:flex}
body.ial-v027 .lanCard{width:min(320px,calc(100vw - 28px));max-width:320px;border-radius:16px;padding:14px;background:#fff;box-shadow:0 18px 55px rgba(0,0,0,.22)}
body.ial-v027 .v027QrClose{width:34px;height:34px;padding:0;border-radius:50%;font-size:18px}
body.ial-v027 .qrPlaceholder{min-height:120px}

@media(max-width:900px){
 body.ial-v027 .paperWorkspaceActions .layoutModeBtn,body.ial-v027 .paperWorkspaceActions .writingFocusBtn{display:none}
 body.ial-v027 .v027OriginalToolbar{align-items:flex-start;flex-wrap:wrap}
 body.ial-v027 .v027OriginalTitle{order:1}.ial-v027 .v027OriginalToolbar>.v027PaperTimer{order:2}.ial-v027 .v027OriginalTools{order:3;width:100%;margin-left:0;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}
 body.ial-v027 .v027OriginalBody.show-answer{grid-template-columns:1fr}
 body.ial-v027 .v027OriginalAnswerPane{position:absolute;inset:96px 8px 8px 8px;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.2);z-index:5}
 body.ial-v027 .v027OriginalPages{padding:8px}
}