/* v10.29 narrowly scoped layout/UI corrections. */
/* Question tiles use available width, not the old fixed column widths. */
#controlRail .questionNavWrap{min-width:0!important;overflow:hidden!important}
#controlRail #questionNav.questionNav{
 display:grid!important;
 grid-template-columns:repeat(auto-fit,minmax(min(100%,77px),1fr))!important;
 grid-auto-rows:minmax(32px,auto)!important;
 gap:6px!important;padding:4px!important;
 justify-items:stretch!important;align-items:stretch!important;
 min-width:0!important;max-width:100%!important;overflow-x:hidden!important;
 box-sizing:border-box!important;
}
#controlRail #questionNav .qnum{
 position:relative!important;display:flex!important;flex-direction:row!important;
 align-items:center!important;justify-content:center!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 height:32px!important;min-height:32px!important;max-height:32px!important;
 margin:0!important;padding:3px 5px!important;gap:3px!important;
 overflow:hidden!important;box-sizing:border-box!important;
 white-space:nowrap!important;line-height:1.1!important;
}
#controlRail #questionNav .qnum .qyr{font-size:9px!important;flex:0 1 auto!important;min-width:0!important}
#controlRail #questionNav .qnum .qn{font-size:11px!important;flex:0 1 auto!important;min-width:0!important;text-overflow:ellipsis!important;overflow:hidden!important}
#controlRail #questionNav .qnum .qstate{flex:0 0 13px!important;width:13px!important;min-width:13px!important;height:16px!important}
/* Force user number, labeled Theme and labeled Music onto the same row, even with zoom. */
#controlRail .mdnaRailBottomLine{
 display:flex!important;flex-flow:row nowrap!important;align-items:center!important;
 justify-content:space-between!important;gap:3px!important;
 min-width:0!important;max-width:100%!important;width:100%!important;
 overflow:hidden!important;
}
#controlRail .mdnaRailBottomLine .who{
 flex:1 1 0!important;min-width:0!important;max-width:none!important;
 margin:0!important;white-space:nowrap!important;overflow:hidden!important;
 text-overflow:ellipsis!important;overflow-wrap:normal!important;font-size:clamp(8px,.62vw,10px)!important;
}
#controlRail .mdnaRailBottomTools{
 display:flex!important;flex:0 0 auto!important;align-items:center!important;
 gap:3px!important;flex-wrap:nowrap!important;justify-content:flex-end!important;min-width:0!important;
}
#controlRail .mdnaRailBottomTools #mdnaSoundDock{display:flex!important;min-width:0!important;flex:0 0 auto!important}
#controlRail .mdnaRailBottomTools button,
#controlRail .mdnaRailBottomTools #mdnaSoundBtn{
 display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;
 width:auto!important;min-width:0!important;max-width:none!important;height:26px!important;
 gap:3px!important;padding:3px 4px!important;margin:0!important;
 font-size:9px!important;line-height:1!important;white-space:nowrap!important;
}
#controlRail .mdnaRailBottomTools #mdnaSoundBtn .mdnaToolLabel{font-size:9px!important}
#controlRail .mdnaRailBottomTools .mdnaThemeGlyph{font-size:12px!important}
#controlRail .mdnaRailBottomTools #mdnaSoundBtn .mdnaIcon{width:12px!important;height:12px!important}
@media(max-width:700px){
 #controlRail .mdnaRailBottomTools button,#controlRail .mdnaRailBottomTools #mdnaSoundBtn{font-size:9px!important;padding:3px 4px!important;height:26px!important}
 #controlRail .mdnaRailBottomTools #mdnaSoundBtn .mdnaToolLabel{font-size:9px!important}
}
/* A single-click theme selection menu; original theme select is retained as the source of truth. */
#mdnaThemePanel{padding:7px!important;max-height:min(350px,72dvh)!important;overflow-y:auto!important;overscroll-behavior:contain!important}
#mdnaThemePanel select,#mdnaThemePanel>label{display:none!important}
#mdnaThemePanel .mdnaThemeChoices{display:grid;grid-template-columns:1fr;gap:3px}
#mdnaThemePanel .mdnaThemeChoice{display:block;width:100%;margin:0;padding:7px 9px;border-radius:7px;text-align:left;color:#f4f9fc;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px;line-height:1.2}
#mdnaThemePanel .mdnaThemeChoice:hover,#mdnaThemePanel .mdnaThemeChoice.selected{background:#d9ecf5;color:#15354d;border-color:#d9ecf5}
/* Save status is only a small check, never a text label. */
#selfStudySyncState{font-size:12px!important;flex:none!important;margin-left:3px!important}
/* Homepage: slim dark reference tools; strict maximum of two horizontal rows. */
#usergate .loginClinicalHub>.toolsPanel{background:#142c42!important;border-color:#0d2336!important;padding:7px!important}
#usergate .toolsPanel .toolGrid{
 display:grid!important;grid-template-columns:repeat(7,minmax(110px,1fr))!important;
 grid-auto-flow:row!important;grid-auto-rows:minmax(32px,auto)!important;
 gap:5px!important;max-width:100%!important;overflow-x:auto!important;
 overflow-y:hidden!important;scrollbar-width:thin!important;padding:1px 0 3px!important;
}
#usergate .toolsPanel .toolCard{
 color:#eff7ff!important;background:#284962!important;border:1px solid #41617b!important;
 min-width:0!important;min-height:32px!important;margin:0!important;padding:6px 8px!important;
 justify-content:center!important;text-align:center!important;white-space:normal!important;
}
#usergate .toolsPanel .toolCard:hover,#usergate .toolsPanel .toolCard:focus-visible{background:#356685!important;border-color:#8fbacb!important}
#usergate .toolsPanel .toolCard .toolIcon,#usergate .toolsPanel .toolCard small{display:none!important}
#usergate .toolsPanel .toolCard b{font-size:10px!important;font-weight:750!important;line-height:1.15!important;color:#eff7ff!important;overflow-wrap:anywhere!important}
/* Match Self Study entry typography, input, button and container to Classroom / Group. */
#usergate #selfLoginArea.mdnaSelfJoin{
 background:#f3faff!important;border:1px solid #c9deec!important;border-radius:15px!important;
 padding:16px!important;max-width:435px!important;margin:12px auto!important;text-align:left!important;
}
#usergate #selfLoginArea.mdnaSelfJoin h2{margin:0 0 11px!important;font-size:17px!important;font-weight:850!important;color:#203955!important}
#usergate #selfLoginArea.mdnaSelfJoin label{display:block;margin-bottom:6px;font-size:12px;font-weight:800;color:#4e6578}
#usergate #codeinput{
 width:100%!important;max-width:none!important;height:44px!important;box-sizing:border-box!important;
 font-size:16px!important;letter-spacing:.08em!important;text-align:left!important;font-weight:800!important;
 color:#19394e!important;background:white!important;border:1px solid #c2d7e6!important;
 border-radius:11px!important;padding:11px 12px!important;
}
#usergate .mdnaSelfJoinActions{margin-top:12px!important}
#usergate .mdnaSelfJoinActions .userbtn{font-size:13px!important;width:auto!important;min-width:132px!important;padding:11px 13px!important}
#usergate #codeerror:empty{display:none!important}
@media(max-width:700px){
 #usergate #selfLoginArea.mdnaSelfJoin{padding:14px!important}
 #usergate .toolsPanel .toolGrid{grid-template-columns:repeat(7,minmax(106px,1fr))!important}
}