/* NANDAX SpeakMatrix Rollup 3.1 — Visual Access Hotfix
   Goal: user-facing quick access outside drawer + larger readable card typography. */

/* Canonical quick-access strip */
.app{grid-template-rows:64px 56px minmax(0,1fr) 72px}
.r3Quickbar{display:block!important;min-height:56px;background:#101316;border-bottom:1px solid #30363b;overflow:hidden}
.r3QuickbarInner{height:56px;padding:7px 16px;gap:8px;display:flex!important;align-items:center;overflow-x:auto;overflow-y:hidden}
.r3Quickbar .r1TopBtn,.r3Quickbar .r2TopBtn,.r3Quickbar .r3TopBtn{height:41px!important;min-height:41px!important;width:auto!important;padding:0 12px!important;border-radius:12px;gap:7px;flex:0 0 auto}
.r3Quickbar .r1Text,.r3Quickbar .r2Text,.r3Quickbar .r3TopBtn strong{display:inline!important;font-size:12.5px!important;line-height:1.1}
.r3Quickbar .r1LangDot,.r3Quickbar .r1LearnDot,.r3Quickbar .r2PracticeDot,.r3Quickbar .r2CoachDot{display:inline-block!important}
.r3Status{font-size:10px}

/* Left rail: increase width and typography, allow scrolling rather than shrinking */
.workspace{grid-template-columns:286px minmax(0,1fr)}
.controlRail{padding:15px 11px 28px 15px;gap:17px}
.railTitle{font-size:12px;letter-spacing:.095em;margin-bottom:9px}
.roleGrid{gap:9px}
.roleCard,.intentCard{padding:11px;min-height:82px;border-radius:15px}
.roleIcon{width:30px;height:30px;margin-bottom:7px;font-size:14px}
.roleCard b,.intentCard b{font-size:15px!important;line-height:1.2}
.roleCard small,.intentCard small{font-size:11.5px!important;line-height:1.35;margin-top:4px}
.intentGrid{gap:8px}
.intentCard{min-height:72px;padding:10px 9px}
.tuneGroup{gap:9px}
.tuneButton{padding:11px 12px;min-height:52px}
.tuneButton b{font-size:14.5px;line-height:1.2}
.tuneButton span{font-size:12px!important}

/* Stage helpers and action cards */
.kickerChip{font-size:12px;padding:7px 10px}
.hindiLabel,.liveLabel{font-size:12px}
.hindiThought{font-size:clamp(16px,1.5vw,20px)}
.changeLine{font-size:12px}
.levelBtn{font-size:12px;padding:8px 11px}
.transformBtn{font-size:12px;padding:9px 11px}
.microBtn{font-size:11.5px;padding:7px 10px}
.bridgeTab{font-size:10.5px;padding:6px 9px}

/* Sheets, drawer and content cards */
.sheetHead b{font-size:17px}
.drawerGroup h3{font-size:12px}
.drawerLink{font-size:14px;padding:12px 11px;line-height:1.3}
.choice{font-size:14px;line-height:1.35}
.choice b{font-size:14.5px}
.infoCard{padding:14px}
.infoCard h4{font-size:14px!important;line-height:1.25}
.infoCard p{font-size:14px!important;line-height:1.55}
.enrichChoice b{font-size:14px}
.enrichChoice small{font-size:11px}
.enrichChoice p{font-size:13.5px}
.lexWord{font-size:18px}
.lexTag{font-size:10px}
.lexItem p{font-size:13.5px}
.lexMeta{font-size:11px}
.examCard b{font-size:13.5px}.examCard p{font-size:13.5px}

/* Rollup 1 learning + guide readability */
.r1TopBtn strong{font-size:12.5px}
.r1Stat b{font-size:20px}.r1Stat span{font-size:10px}
.r1LearnHead b{font-size:14.5px}.r1LearnItem p{font-size:12.5px}.r1Stage,.r1Due{font-size:10px}.r1Action{font-size:10.5px;padding:7px 9px}
.r1GuideNav button b{font-size:13px}.r1GuideNav button span{font-size:10.5px;line-height:1.35}
.r1LangChoice b{font-size:14px}.r1LangChoice span{font-size:10.5px}.r1VoiceLine{font-size:11.5px}
.r1TutorialCard p{font-size:13px}.r1TutorialBtns button{font-size:11.5px}

/* Rollup 2 practice + coach readability */
.r2TopBtn strong{font-size:12.5px}
.r2Hero h4{font-size:15px}.r2Hero p{font-size:12.5px}.r2Pill{font-size:10.5px}
.r2Mode{padding:13px;min-height:82px}.r2Mode b{font-size:14px}.r2Mode span{font-size:11.5px;line-height:1.45}
.r2QTag{font-size:10.5px}.r2Prompt{font-size:20px}.r2Support{font-size:12.5px}.r2Choice{font-size:13.5px;padding:12px 13px}
.r2Feedback b{font-size:13px}.r2Feedback p{font-size:12px}.r2Action{font-size:11.5px;padding:9px 11px}
.r2CoachCard h4{font-size:14px}.r2CoachCard p{font-size:12.5px}.r2Signal{font-size:10.5px}.r2MiniBar{font-size:10.5px}.r2Empty{font-size:12.5px}

/* Rollup 3 cards */
.r3TopBtn{font-size:12px}
.r3FreeIntro h4{font-size:15px}.r3FreeIntro p{font-size:12.5px}
.r3Textarea{font-size:15px}
.r3Badge{font-size:10.5px}.r3Action{font-size:11.5px}.r3MappingHead b{font-size:13px}.r3Confidence,.r3MapChip{font-size:10.5px}.r3Select{font-size:11.5px}
.r3Rewrite h4{font-size:12.5px}.r3Rewrite p{font-size:14px}.r3Mini{font-size:10.5px}.r3SpeechCard p,.r3Missed{font-size:11.5px}.r3HistoryItem b{font-size:11.5px}.r3HistoryItem p{font-size:11.5px}.r3Setting label{font-size:11.5px}.r3Input{font-size:12px}.r3Setting small{font-size:10.5px}.r3Privacy{font-size:11.5px}

/* No development-rollup menus in the drawer; quick access owns these functions. */
.r1DrawerCore,.r2DrawerCore,.r3DrawerCore{display:none!important}

@media(max-height:780px) and (min-width:761px){
  .controlRail{gap:13px}
  .roleCard{min-height:76px;padding:10px}
  .roleCard small{display:block!important;font-size:11px!important}
  .intentCard{min-height:67px}
  .tuneButton{padding:10px 11px;min-height:48px}
}

@media(max-width:1020px) and (min-width:761px){
  .workspace{grid-template-columns:272px minmax(0,1fr)}
  .roleCard b,.intentCard b{font-size:14px!important}
  .roleCard small,.intentCard small{font-size:11px!important}
}

@media(max-width:760px){
  .app{grid-template-rows:58px 50px minmax(0,1fr) 64px}
  .r3Quickbar{min-height:50px}
  .r3QuickbarInner{height:50px;padding:5px 8px;gap:6px}
  .r3Quickbar .r1TopBtn,.r3Quickbar .r2TopBtn,.r3Quickbar .r3TopBtn{height:38px!important;min-height:38px!important;padding:0 10px!important}
  .r3Quickbar .r1Text,.r3Quickbar .r2Text,.r3Quickbar .r3TopBtn strong{font-size:11.5px!important}
  .hindiThought{font-size:15px!important;line-height:1.35}
  .levelBtn{font-size:11.5px}
  .transformBtn{font-size:11.5px}
  .microBtn{font-size:11px}
  .sheetHead b{font-size:16px}
  .drawerLink{font-size:14px}
  .infoCard h4{font-size:14px!important}.infoCard p{font-size:13.5px!important}
  .r2Prompt{font-size:18px}.r2Choice{font-size:13px}.r2Mode b{font-size:14px}.r2Mode span{font-size:11.5px}
  .r3Rewrite p{font-size:13.5px}
}