/* Student-first shell: language access and safety stay within reach. */
body[data-role=student]{background:#edf2f5;color:#193947}
.mobile-shell{max-width:480px;background:#f5f8f8;min-height:100vh;box-shadow:0 0 50px #2645500d}
.mobile-top{padding:16px 18px 13px;gap:12px;border-bottom:0;background:white}
.mobile-top .brand-logo{width:220px}.mobile-top .brand{min-width:0;max-width:260px}
.mobile-tools{gap:8px}.mobile-tools .language-button{display:flex;align-items:center;gap:6px;padding:9px 10px;min-height:44px;background:#edf7f5;color:#165c5b;border:1px solid #d5e6e2;font-size:12px}
.mobile-tools .language-button svg{width:17px;height:17px}.mobile-tools .icon-button{min-width:36px;min-height:44px}
.student-access-bar{position:sticky;top:0;z-index:80;display:flex;align-items:stretch;gap:8px;background:#fffefef5;backdrop-filter:blur(12px);border-block:1px solid #e0e9e7;padding:9px 16px}
.student-access-bar button{border-radius:8px;min-height:42px;font-size:12px;font-weight:600;display:flex;gap:7px;align-items:center;justify-content:center;padding:8px 10px;flex:1;background:#f0f6f5;color:#325b60;border:1px solid #dfebe7}
.student-access-bar .safety-access{background:#fff2eb;color:#8e3d25;border-color:#eed7cd}.student-access-bar svg{width:17px;height:17px;flex-shrink:0}
.student-access-bar button:last-child{flex:0 1 auto;min-width:44px}.student-access-bar button:last-child span{display:none}
.mobile-design{padding:11px 19px 0;font-size:10px;color:#758c91;direction:ltr}.mobile-main{padding:20px 19px 22px}.mobile-main .breadcrumb{font-size:11px;margin-bottom:12px;flex-wrap:wrap;gap:7px}.mobile-main .page-heading{margin-bottom:20px}.mobile-main .page-heading h1{font-size:25px;line-height:1.4;color:#173e45}.mobile-main .page-heading p{font-size:13px;color:#6b858c;line-height:1.65;margin-top:7px}.mobile-main .page-content{gap:17px}.mobile-main .ui-card{border-radius:14px;border-color:#dfe9e7;box-shadow:0 4px 18px #2b595003}.mobile-main .ui-card-head{padding:19px 18px 13px}.mobile-main .ui-card-head h2{font-size:16px;color:#254b51}.mobile-main .ui-card-body{padding:0 18px 19px;font-size:14px;color:#46676e;line-height:1.7}.mobile-main .ui-card-body p,.mobile-main .ui-lead{font-size:14px;line-height:1.7}.mobile-main .ui-btn{min-height:44px;padding:11px 14px;font-size:13px;line-height:1.45;text-align:center;white-space:normal;border-radius:9px}.mobile-main .ui-btn.primary{background:#16666b;border-color:#16666b}.mobile-main .ui-btn.secondary{color:#245f65;border-color:#d2e1df}.mobile-main .ui-field{margin-bottom:17px}.mobile-main .field-label,.mobile-main .ui-field>span:first-child{font-size:13px;color:#395f65}.mobile-main .ui-input{min-height:47px;font-size:15px;padding:11px 12px;border-color:#cfdfdc;border-radius:9px}.mobile-main textarea.ui-input{min-height:110px;resize:vertical}.mobile-main .check-field{font-size:13px;color:#496b72;line-height:1.65;gap:10px}.mobile-main .check-field input{width:18px;height:18px;accent-color:#14666b}.mobile-main .ui-note{font-size:13px;line-height:1.7;padding:14px;border-radius:10px}.mobile-main .list-title{font-size:14px}.mobile-main .list-text{font-size:12px;line-height:1.7}.mobile-main .list-meta{font-size:11px}.mobile-main .list-icon{width:39px;height:39px}.mobile-main .ui-list-row{padding-block:14px}.mobile-main .ui-small{font-size:12px}.mobile-main .ui-kv{grid-template-columns:105px minmax(0,1fr);gap:12px;font-size:13px}.mobile-main .ui-kv dt{font-size:12px}.mobile-main .ui-kv dd{font-size:13px}.mobile-main .ui-table{font-size:12px}.mobile-main .ui-table th,.mobile-main .ui-table td{font-size:12px}.mobile-main .file-picker{min-height:50px}.mobile-main .file-picker>span{font-size:13px}.mobile-main .file-picker>em{font-size:12px}.mobile-main .upload-slot small{font-size:11px}.mobile-main .upload-head{font-size:13px}.mobile-main .upload-slot p{font-size:12px}.mobile-main .timeline-title{font-size:13px}.mobile-main .timeline-time{font-size:11px}.mobile-main .field-error,.mobile-main .form-error-summary{font-size:13px}.mobile-main .ui-badge{white-space:normal;line-height:1.6}.mobile-main button,.mobile-main a,.mobile-main input,.mobile-main textarea,.mobile-main select{touch-action:manipulation}
.mobile-bottom{position:sticky;bottom:0;z-index:75;padding:10px 8px max(13px,env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(12px);border-top:1px solid #dce7e4;gap:3px}.mobile-tab{min-height:49px;color:#698187;font-size:11px;line-height:1.3;border-radius:10px;padding:5px 2px;min-width:0}.mobile-tab.active{background:#eaf5f2;color:#145f65}.mobile-tab .lucide{width:21px;height:21px}.mobile-page-foot{padding:12px 15px 16px;gap:12px;margin:0}.mobile-page-foot .ui-btn{font-size:11px;line-height:1.5;white-space:normal;min-height:42px}.mobile-main :focus-visible,.mobile-top :focus-visible,.mobile-bottom :focus-visible,.student-access-bar :focus-visible{outline:3px solid #93c6ba;outline-offset:3px}
.language-welcome{padding:17px 18px;background:#e9f5f1;border-bottom:1px solid #d4e6df}.language-welcome strong{display:block;font-size:14px;color:#225d5c;margin-bottom:12px}.language-welcome>div{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.language-welcome button,.language-dialog button[data-set-language]{border:1px solid #c5ded5;background:#fff;border-radius:9px;min-height:47px;font-size:16px;color:#245954;padding:8px 15px}.language-dialog h2{margin-bottom:16px}.language-dialog .language-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.language-dialog button[data-set-language].selected{background:#eaf5f1;border-color:#2b7f74}.language-dialog .ui-actions{margin-top:17px}.language-dialog{direction:ltr}.language-dialog .ui-actions .ui-btn{min-height:44px}.language-coverage{font-size:12px!important;color:#796746;border:1px solid #eadfbd;background:#fffbef;padding:12px 14px;border-radius:9px;line-height:1.7;margin-bottom:16px}.language-coverage button{display:inline;color:#17646a;text-decoration:underline;background:transparent;margin-inline-start:4px;font:inherit}.original-record{unicode-bidi:plaintext;white-space:pre-wrap}.local-demo-label{font-size:10px;color:#7b9195;text-align:center;padding:0 18px 15px}.voice-shell-status{font-size:12px;padding:0 17px;color:#496c71;line-height:1.7}.voice-shell-status:empty{display:none}
[dir=rtl] body{font-family:Tahoma,Arial,"PingFang SC",sans-serif}[dir=rtl] .mobile-shell{text-align:right}[dir=rtl] .brand,[dir=rtl] .brand-logo{direction:ltr}[dir=rtl] .ui-kv dd{margin:0}[dir=rtl] .ui-row,[dir=rtl] .ui-list-row{direction:rtl}[dir=rtl] .ui-btn svg,[dir=rtl] .list-icon{margin:0}[dir=rtl] .required{margin-left:0;margin-inline-start:4px}[dir=rtl] .flow-steps li:after{left:auto;right:calc(50% + 17px)}[dir=rtl] .timeline{padding-left:0;padding-right:22px}[dir=rtl] .timeline-item:before{left:auto;right:-18px}[dir=rtl] .timeline-item:after{left:auto;right:-14px}[dir=rtl] .ui-input{text-align:right}[dir=rtl] input[type=date],[dir=rtl] input[type=datetime-local],[dir=rtl] input[type=email],[dir=rtl] input[type=tel]{direction:ltr;text-align:left}[dir=rtl] .breadcrumb svg{transform:rotate(180deg)}[dir=rtl] .mobile-main .page-heading h1{font-size:27px}[dir=rtl] .mobile-tab{font-size:12px}[dir=rtl] .chat-bubble{text-align:start}[dir=rtl] .ui-card-body>.ui-btn{margin-left:7px;margin-right:0}[dir=rtl] .ui-list-row .list-meta{margin-inline-start:auto;margin-inline-end:0}
@media(min-width:700px){body[data-role=student] .mobile-shell{margin:25px auto;border:1px solid #dce7e5;border-radius:20px;overflow:clip}body[data-role=student].capture-mode .mobile-shell{margin:0 auto;border:0;border-radius:0}body[data-role=student] .review-bar{direction:ltr}}@media(max-width:380px){.mobile-top{padding-inline:13px}.mobile-top .brand-logo{width:187px}.mobile-tools{gap:4px}.mobile-tools .language-button{padding:8px 6px;font-size:11px}.mobile-main{padding-inline:15px}.student-access-bar{padding-inline:12px;gap:6px}.student-access-bar button{font-size:11px;padding-inline:8px}.mobile-tab{font-size:10px}.mobile-main .ui-kv{grid-template-columns:90px minmax(0,1fr)}}
.capture-mode .mobile-bottom,.capture-mode .student-access-bar{position:static}.student-v3 .ui-note{align-items:flex-start}.mobile-main input[type=radio]{accent-color:#16666b}
.mobile-main .v3-welcome .ui-btn.primary{background:#fff;color:#14575d;border-color:#fff}.mobile-main .v3-safety-hero .ui-btn.primary{background:#924329;color:#fff;border-color:#924329}