/* OMI Pro V22 — compact professional responsive layer */
:root{
  --omi-v22-green:#075f4d;--omi-v22-green-2:#0b7a62;--omi-v22-blue:#2266d6;--omi-v22-gold:#c98c24;
  --omi-v22-ink:#15251f;--omi-v22-muted:#687871;--omi-v22-line:#dfe7e3;--omi-v22-bg:#f5f8f7;
  --omi-v22-card:#fff;--omi-v22-r:18px;--omi-v22-shadow:0 10px 30px rgba(21,51,42,.08);
}
html{scroll-behavior:smooth;scrollbar-gutter:stable}
body{overflow-x:hidden!important;background:var(--omi-v22-bg)}
body.omi-layout{padding-top:calc(60px + var(--omi-safe-top,0px))!important}
#omi-fixed-header{
  height:calc(60px + var(--omi-safe-top,0px))!important;min-height:60px!important;
  padding:var(--omi-safe-top,0px) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))!important;
  display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto auto!important;align-items:center!important;gap:8px!important;
  background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--omi-v22-line)!important;box-shadow:0 5px 18px rgba(24,52,44,.055)!important;
}
#omi-fixed-header .omi-brand-link{min-width:0!important;gap:7px!important}
#omi-fixed-header .omi-brand-link img{width:34px!important;height:34px!important;border-radius:11px!important}
#omi-fixed-header .omi-brand-link span{font-size:14px!important;white-space:nowrap!important}
#omi-fixed-header .omi-page-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px!important;color:#61716b!important}
#omi-fixed-header .omi-back,#omi-fixed-header .omi-sound-toggle,#omi-fixed-header .omi-menu-toggle{
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border-radius:13px!important;
  border:1px solid #e1e9e5!important;background:#f4f8f6!important;color:var(--omi-v22-green)!important;display:grid!important;place-items:center!important;
}
#omi-fixed-header .omi-menu-toggle{grid-column:5;justify-self:end;background:#eaf5f1!important}
#omi-fixed-header .omi-sound-toggle{grid-column:4}
#omi-fixed-header .omi-page-options{display:none!important}
.omi-context-actions{max-width:1240px;margin:8px auto 0;padding:0 16px;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.omi-context-actions:empty{display:none}
.omi-context-actions a,.omi-context-actions button{min-height:40px!important;padding:8px 12px!important;border-radius:12px!important;font-size:12px!important}

/* bottom navigation: compact and stable */
.omi-primary-nav{height:66px!important;padding:5px max(10px,env(safe-area-inset-right)) calc(5px + var(--omi-safe-bottom,0px)) max(10px,env(safe-area-inset-left))!important;background:rgba(255,255,255,.98)!important;border-top:1px solid var(--omi-v22-line)!important;box-shadow:0 -8px 24px rgba(20,49,40,.055)!important}
.omi-primary-nav a{min-height:52px!important;border-radius:15px!important;gap:3px!important;font-size:11px!important;color:#62736c!important}
.omi-primary-nav a[aria-current="page"]{background:#e9f5f1!important;color:var(--omi-v22-green)!important}
.omi-primary-nav svg{width:21px!important;height:21px!important}
@media(max-width:899px){body.omi-layout{padding-bottom:calc(72px + var(--omi-safe-bottom,0px))!important}}
@media(min-width:900px){.omi-primary-nav{height:54px!important;top:calc(60px + var(--omi-safe-top,0px))!important;bottom:auto!important;border-top:0!important;border-bottom:1px solid var(--omi-v22-line)!important;box-shadow:none!important}.omi-primary-nav a{min-height:42px!important;flex-direction:row!important;gap:7px!important}body.omi-layout{padding-top:calc(114px + var(--omi-safe-top,0px))!important;padding-bottom:30px!important}}

/* drawer/sidebar: concise, consistent */
.omi-drawer{background:#fff!important;color:var(--omi-v22-ink)!important}
.omi-drawer-head{min-height:64px!important;padding-bottom:10px!important;border-bottom:1px solid #edf1ef!important}
.omi-drawer-head>div>small{font-size:10px!important;letter-spacing:.11em!important;color:var(--omi-v22-green)!important}
.omi-drawer-head>div>strong{font-size:21px!important;line-height:1.1!important}
.omi-drawer-head>div>span{display:none!important}
.omi-menu-section{margin-top:12px!important}
.omi-menu-section h2{font-size:11px!important;margin:0 0 7px!important;letter-spacing:.08em!important;color:#809089!important}
.omi-menu-section>div{gap:7px!important}
.omi-menu-section a{min-height:48px!important;padding:8px 10px!important;border-radius:14px!important;font-size:13px!important}
.omi-menu-glyph{width:34px!important;height:34px!important;border-radius:11px!important}
@media(max-width:640px){.omi-drawer{height:min(78dvh,680px)!important;max-height:min(78dvh,680px)!important;border-radius:24px 24px 0 0!important;padding:12px 14px calc(18px + var(--omi-safe-bottom,0px))!important}.omi-drawer::before{height:5px!important;width:70px!important;margin-bottom:7px!important}.omi-drawer-head{top:-12px!important}}

/* global density and typography */
.omi-page-shell,.omi-directory,body.omi-layout>.wrap,body.omi-layout>.shell,body.omi-layout>.archive-main{max-width:1240px!important;padding-left:clamp(12px,3vw,24px)!important;padding-right:clamp(12px,3vw,24px)!important}
.omi-page-shell,.omi-directory{padding-top:clamp(14px,2vw,22px)!important}
.page-kicker,.eyebrow{font-size:10px!important;letter-spacing:.09em!important}
.section-heading{margin-bottom:10px!important}.section-heading h2{margin:0!important;font-size:clamp(1.22rem,2vw,1.55rem)!important}.section-heading p{display:none!important}
.card,.panel,.result-card,.progress-card,.portal-section,.manual-card{border-radius:var(--omi-v22-r)!important;border:1px solid var(--omi-v22-line)!important;box-shadow:var(--omi-v22-shadow)!important}
.btn,.primary-btn,.secondary-btn,.soft-btn,.danger-btn,.skip-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1.15!important}

/* Home: remove copy that does not perform a task */
.home-intro{min-height:0!important;padding:clamp(18px,3vw,30px)!important;border-radius:22px!important}
.home-intro-copy p,.home-focus-card em,.menu-grid-new small{display:none!important}
.home-intro h1{margin:.3rem 0 0!important;font-size:clamp(1.65rem,4vw,2.7rem)!important}
.home-focus{gap:12px!important}.home-focus-card{min-height:150px!important;padding:18px!important;border-radius:22px!important}.home-focus-card b{align-self:center!important;justify-self:start!important;min-height:44px!important;padding:0 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
.home-secondary{margin-top:18px!important}.home-secondary h2{font-size:1.2rem!important;margin-bottom:8px!important}

/* Pusat Belajar */
.guidance-main{max-width:1080px!important}.guidance-hero{padding:4px 0 2px!important;margin:0!important}.guidance-hero h1{font-size:clamp(1.55rem,4vw,2.35rem)!important;line-height:1.08!important;margin:.35rem 0 0!important}.guidance-hero p{display:none!important}
.subject-section{margin-top:12px!important}.guidance-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.guidance-card{min-height:132px!important;padding:15px!important;display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;grid-template-rows:1fr auto!important;gap:10px 12px!important;border-radius:20px!important;overflow:hidden!important}
.guidance-card .subject-mark{grid-row:1/3;width:52px!important;height:52px!important;min-width:52px!important;border-radius:16px!important;align-self:start!important}
.guidance-card .subject-mark svg{width:27px!important;height:27px!important;max-width:27px!important;max-height:27px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
.guidance-card h3{font-size:1.05rem!important;margin:2px 0!important}.guidance-card p{display:none!important}.guidance-card>b{grid-column:2;justify-self:start!important;min-height:38px!important;padding:7px 14px!important;border-radius:12px!important}
.learning-secondary{margin-top:12px!important;border-radius:15px!important}.learning-secondary summary{min-height:46px!important;padding:10px 14px!important}
.guidance-method{margin-top:16px!important}.step-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:8px 0 0!important;padding:0!important;list-style:none!important;counter-reset:steps}
.step-list li{counter-increment:steps;min-height:84px!important;padding:12px 12px 10px 46px!important;border:1px solid var(--omi-v22-line)!important;border-radius:15px!important;background:#fff!important;position:relative!important;box-shadow:none!important}
.step-list li::before{content:counter(steps);position:absolute;left:11px;top:11px;width:27px;height:27px;border-radius:9px;background:#e8f4ef;color:var(--omi-v22-green);display:grid;place-items:center;font-weight:900;font-size:12px}.step-list li b{display:block;font-size:13px!important}.step-list li span{font-size:12px!important;line-height:1.35!important;color:var(--omi-v22-muted)!important}
@media(max-width:760px){.guidance-grid{grid-template-columns:1fr!important}.guidance-card{min-height:104px!important;grid-template-columns:48px minmax(0,1fr) auto!important;grid-template-rows:1fr!important;align-items:center!important}.guidance-card .subject-mark{grid-row:1;width:46px!important;height:46px!important}.guidance-card>b{grid-column:3!important;grid-row:1!important}.step-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:420px){.step-list{grid-template-columns:1fr!important}.step-list li{min-height:68px!important}}

/* Guided tutor: use width effectively */
.omi-guided-tutor,.guided-tutor,.tutor-shell,.study-layout{max-width:1180px!important;margin-inline:auto!important}
.tutor-grid,.study-layout{gap:12px!important}.tutor-step,.study-panel{border-radius:18px!important}
@media(min-width:900px){.study-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important}.study-panel{padding:18px!important}}

/* Legacy subject practice question screen */
body.legacy-app.omi-exam-active,body.legacy-app:has(#examScreen.active){padding-bottom:0!important}
body.legacy-app .exam-layout{max-width:1380px!important;margin:0 auto!important;gap:12px!important;padding:8px 12px 0!important}
body.legacy-app .exam-main{min-width:0!important;padding:0!important}
body.legacy-app .exam-top{min-height:34px!important;margin:0 0 5px!important;padding:0 4px!important}
body.legacy-app .question-card{padding:clamp(14px,2vw,22px)!important;border-radius:18px!important;box-shadow:0 8px 24px rgba(20,48,40,.07)!important}
body.legacy-app .q-meta{margin-bottom:8px!important}.legacy-app .q-num{width:38px!important;height:38px!important;border-radius:12px!important;font-size:15px!important}
body.legacy-app .prompt,body.legacy-app .question-text{line-height:1.48!important}.legacy-app .options{gap:8px!important}.legacy-app .option{min-height:50px!important;padding:10px 12px!important;border-radius:13px!important}
body.legacy-app .confidence{margin-top:10px!important;padding-top:9px!important}.legacy-app .confidence small{display:none!important}
body.legacy-app .q-nav{position:sticky!important;bottom:0!important;z-index:45!important;margin:8px 0 0!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;background:rgba(255,255,255,.98)!important;border:1px solid var(--omi-v22-line)!important;border-bottom:0!important;border-radius:16px 16px 0 0!important;box-shadow:0 -7px 20px rgba(19,48,39,.07)!important}
body.legacy-app .q-nav>#prevBtn{grid-column:1!important;grid-row:1!important}body.legacy-app .q-nav>#flagBtn{grid-column:2!important;grid-row:1!important}body.legacy-app .q-nav>#nextBtn{grid-column:3!important;grid-row:1!important}
body.legacy-app .q-nav>#checkBtn{grid-column:1/-1!important;grid-row:2!important;min-height:38px!important;background:#eef7f4!important;color:var(--omi-v22-green)!important;border:1px solid #cfe4dc!important}
body.legacy-app .q-nav>.nav-mid{position:absolute!important;right:10px!important;top:-27px!important;padding:3px 8px!important;border-radius:9px!important;background:#fff!important;border:1px solid var(--omi-v22-line)!important;font-size:10px!important;line-height:1.05!important;box-shadow:0 3px 10px rgba(20,48,40,.05)!important}.legacy-app .q-nav>.nav-mid small{display:none!important}
body.legacy-app .q-nav>#skipBtn{position:absolute!important;left:10px!important;top:-27px!important;min-height:25px!important;padding:3px 9px!important;font-size:10px!important;border-radius:9px!important}
body.legacy-app .q-nav button{min-height:42px!important;padding:7px 7px!important;border-radius:12px!important;font-size:12px!important}
body.legacy-app .sidebar{border-radius:18px!important}.legacy-app .palette-title small{display:none!important}
@media(max-width:900px){body.legacy-app .exam-layout{padding:4px 7px 0!important}.legacy-app .question-card{padding:12px!important}.legacy-app .q-nav{margin-inline:-1px!important}.legacy-app .q-nav button{font-size:11px!important}}
@media(min-width:901px){body.legacy-app .exam-layout{grid-template-columns:260px minmax(0,1fr)!important}.legacy-app .sidebar{position:sticky!important;top:126px!important;max-height:calc(100vh - 140px)!important;overflow:auto!important}.legacy-app .question-card{max-width:960px!important;margin-inline:auto!important}.legacy-app .q-nav{max-width:960px!important;margin-inline:auto!important}}

/* Official exam: compact top and two-row footer */
body.omi-exam-active #examScreen,body.omi-secure-exam #examScreen{padding:0!important;min-height:100vh!important}
body.omi-exam-active .exam-status,body.omi-secure-exam .exam-status{min-height:52px!important;padding:6px 10px!important;gap:8px!important}
.exam-status small{font-size:9px!important}.exam-status b{font-size:12px!important}.exam-status .progress-wrap{min-width:130px!important}.exam-status .menu-number{min-height:38px!important;padding:7px 10px!important}
body.omi-exam-active .exam-body,body.omi-secure-exam .exam-body{padding:7px 8px 0!important;min-height:0!important}
body.omi-exam-active .question-card,body.omi-secure-exam .question-card{padding:clamp(12px,2vw,18px)!important;border-radius:16px!important;margin:0 auto!important;max-width:1000px!important}
body.omi-exam-active .question-meta,body.omi-secure-exam .question-meta{margin-bottom:7px!important}.assessment-controls{margin-top:10px!important;padding-top:8px!important}
body.omi-exam-active .exam-actions,body.omi-secure-exam .exam-actions{position:sticky!important;bottom:0!important;z-index:950!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;background:#fff!important;border-top:1px solid var(--omi-v22-line)!important;box-shadow:0 -7px 20px rgba(19,48,39,.06)!important}
.exam-actions>#prev{grid-column:1!important;grid-row:1!important}.exam-actions>#flagBtn{grid-column:2!important;grid-row:1!important}.exam-actions>#next{grid-column:3!important;grid-row:1!important}.exam-actions>#reviewBtn{grid-column:1/2!important;grid-row:2!important}.exam-actions>#submitFixed{grid-column:2/4!important;grid-row:2!important}
.exam-actions .btn{min-height:40px!important;border-radius:11px!important;padding:7px 8px!important;font-size:11px!important}.exam-actions #submitFixed{background:#9f3131!important;color:#fff!important}
.palette-head small{display:none!important}
@media(min-width:901px){body.omi-exam-active .exam-body,body.omi-secure-exam .exam-body{display:grid!important;grid-template-columns:270px minmax(0,1fr)!important;gap:10px!important;max-width:1320px!important;margin:auto!important}.palette-drawer{position:sticky!important;top:8px!important;max-height:calc(100vh - 150px)!important;overflow:auto!important}.exam-actions{max-width:1000px!important;margin-inline:auto!important;border:1px solid var(--omi-v22-line)!important;border-bottom:0!important;border-radius:15px 15px 0 0!important}}

/* participant setup: remove excessive copy and center primary buttons */
.omi-participant .intro p,.omi-participant .pick-sub,.omi-participant .scan-note,.omi-participant .setup-note,.omi-participant .device-copy,.omi-participant .exam-prep-copy{display:none!important}
.omi-participant #start,.omi-participant #scanBtn{align-items:center!important;justify-content:center!important;text-align:center!important}
.omi-participant .hero{gap:12px!important}.omi-participant .intro,.omi-participant .pick-card{border-radius:20px!important}.omi-participant .intro{padding:clamp(18px,3vw,28px)!important}.omi-participant .pick-card{padding:clamp(14px,2vw,20px)!important}

/* Admin */
.omi-admin main,.omi-monitor main{max-width:1280px!important}.omi-admin .portal-intro{display:none!important}.omi-admin .topbar,.omi-monitor .topbar{display:none!important}.omi-admin main.wrap>.hero{padding:14px!important;margin-bottom:10px!important;min-height:0!important}.omi-admin main.wrap>.hero p,.omi-admin .manual-help,.omi-admin .note,.omi-admin .section-heading p,.omi-monitor .monitor-intro p,.omi-monitor .formula p{display:none!important}
.omi-admin .toolbar{position:sticky;top:calc(60px + var(--omi-safe-top,0px));z-index:20;background:var(--omi-v22-bg);padding:7px 0!important;margin:0!important}
.omi-admin .student{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(150px,200px) auto!important;align-items:center!important;gap:10px!important;padding:12px!important;border-radius:16px!important}
.omi-admin .student-actions{display:flex!important;gap:6px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important}.omi-admin .student-actions>.btn{min-width:auto!important;white-space:nowrap!important}
.omi-admin .pin-actions{position:relative!important}.omi-admin .pin-actions>summary{list-style:none;cursor:pointer;min-height:40px;padding:8px 12px;border-radius:11px;border:1px solid var(--omi-v22-line);background:#fff;font-weight:800;font-size:12px;display:flex;align-items:center}.omi-admin .pin-actions>summary::-webkit-details-marker{display:none}.omi-admin .pin-actions-menu{position:absolute;right:0;top:calc(100% + 5px);z-index:40;width:180px;padding:6px;background:#fff;border:1px solid var(--omi-v22-line);border-radius:13px;box-shadow:0 14px 38px rgba(18,45,37,.15);display:grid;gap:5px}.omi-admin .pin-actions-menu .btn{width:100%;justify-content:flex-start!important;min-height:38px!important;font-size:11px!important}
@media(max-width:820px){.omi-admin .student{grid-template-columns:minmax(0,1fr)!important}.omi-admin .student-actions{justify-content:stretch!important;flex-wrap:wrap!important}.omi-admin .student-actions>.btn,.omi-admin .pin-actions{flex:1 1 120px}.omi-admin .pin-actions>summary{justify-content:center}.omi-admin .pin-actions-menu{position:fixed;left:12px;right:12px;bottom:calc(78px + var(--omi-safe-bottom,0px));top:auto;width:auto}}

/* settings / bank / result / tables */
.omi-admin .card{padding:14px!important;margin-bottom:10px!important}.settings-disclosure summary{min-height:48px!important;padding:10px 12px!important}.settings-body{padding:10px 0 0!important}.sticky-save{padding:8px!important;border-radius:14px!important}
.table-wrap{border-radius:15px!important;overflow:auto!important;max-width:100%!important}.table-wrap table{min-width:720px}.portal-primary{gap:10px!important}.portal-job{min-height:100px!important;padding:14px!important;border-radius:18px!important}.portal-job small,.portal-rows small{display:none!important}.portal-section{padding:14px!important;margin-top:10px!important}

/* archive becomes CBT-first */
.archive-hero p,.archive-card>p,.archive-card .muted{display:none!important}.archive-hero{padding:16px!important}.archive-card{border-radius:18px!important;padding:14px!important}.archive-card .actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.archive-card .actions>a.primary{order:-1!important}.archive-card .actions>a.secondary[href*="viewer"]{display:none!important}.omi-cbt-archive .archive-hero p{display:none!important}

/* dialogs */
.omi-modal,.omi-step-feedback{border-radius:20px!important}.submit-dialog-card{padding:18px!important}.submit-dialog-card>p{font-size:12px!important}.result-policy-note{font-size:12px!important}

/* narrow devices */
@media(max-width:430px){
 #omi-fixed-header{grid-template-columns:auto auto minmax(0,1fr) auto!important}.omi-sound-toggle{display:none!important}.omi-menu-toggle{grid-column:4!important}.omi-page-name{font-size:12px!important}.omi-brand-link span{display:none!important}
 .home-3d-emblem{display:none!important}.home-intro{padding:16px!important}.home-focus-card{min-height:128px!important;padding:14px!important}.home-focus-card b{min-height:40px!important}
 .exam-status .status-person{display:none!important}.exam-status{grid-template-columns:auto 1fr auto!important}.exam-status .progress-wrap{grid-column:1/-1!important;width:100%!important}
 .exam-actions .btn{font-size:10px!important;padding-inline:5px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{scroll-behavior:auto!important}}
.package-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.package-option{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:58px;padding:10px;border:1px solid var(--omi-v22-line);border-radius:14px;background:#fff}.package-option b{display:block;font-size:13px}.package-option small{display:block;font-size:10px;color:var(--omi-v22-muted)}.package-option input[type="radio"]{width:18px;height:18px;accent-color:var(--omi-v22-green)}.package-option input[type="checkbox"]{width:18px;height:18px;accent-color:var(--omi-v22-green)}
.cbt-source-image{margin:10px 0;border:1px solid var(--omi-v22-line);border-radius:16px;overflow:hidden;background:#fff}.cbt-source-image img{display:block;width:100%;height:auto;max-height:68vh;object-fit:contain}.cbt-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:12px}.cbt-nav>*{min-height:42px!important;display:flex;align-items:center;justify-content:center;text-align:center}.guided-link{display:flex;align-items:center;justify-content:center;min-height:42px;margin-top:8px;border-radius:12px;background:#eef7f4;color:var(--omi-v22-green);font-weight:800;text-decoration:none}.answer-label textarea{width:100%;min-height:110px;margin-top:6px;border:1px solid var(--omi-v22-line);border-radius:13px;padding:11px;resize:vertical}
@media(max-width:720px){.package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cbt-nav{grid-template-columns:1fr 1fr}.cbt-nav #cbt-next{grid-column:1/-1}}

/* V22 final density pass: subject start screens should feel like an app launcher, not a brochure. */
body.legacy-app #welcomeScreen .hero{grid-template-columns:minmax(0,.72fr) minmax(360px,1.28fr)!important;gap:12px!important;align-items:start!important}
body.legacy-app #welcomeScreen .hero-main{padding:20px!important;min-height:0!important;border-radius:20px!important}
body.legacy-app #welcomeScreen .hero-main .hero-lead,
body.legacy-app #welcomeScreen .hero-main .stats,
body.legacy-app #welcomeScreen #modeInfo,
body.legacy-app #welcomeScreen .mode-card small,
body.legacy-app #welcomeScreen .version-badge,
body.legacy-app #welcomeScreen .live-code-note{display:none!important}
body.legacy-app #welcomeScreen .hero h2{font-size:clamp(1.5rem,3vw,2.3rem)!important;line-height:1.08!important;margin:.25rem 0!important;max-width:none!important}
body.legacy-app #welcomeScreen .start-card{padding:16px!important;border-radius:20px!important}
body.legacy-app #welcomeScreen .start-card h3{margin:0 0 7px!important;font-size:1.05rem!important}
body.legacy-app #welcomeScreen .mode-cards{gap:7px!important;margin:8px 0!important}
body.legacy-app #welcomeScreen .mode-card{min-height:52px!important;padding:9px 10px!important;border-radius:13px!important;text-align:center!important;display:grid!important;place-items:center!important}
body.legacy-app #welcomeScreen .mode-card strong{font-size:12px!important;line-height:1.25!important}
body.legacy-app #welcomeScreen label{margin:.45rem 0!important;font-size:12px!important}
body.legacy-app #welcomeScreen input,body.legacy-app #welcomeScreen select{min-height:42px!important;padding:.65rem!important}
body.legacy-app #welcomeScreen #startBtn,body.legacy-app #welcomeScreen #resumeBtn,
body.legacy-app #welcomeScreen a.primary-btn{min-height:44px!important;justify-content:center!important;text-align:center!important}
body.legacy-app #welcomeScreen .overview{margin-top:14px!important}
body.legacy-app #welcomeScreen .overview .section-head{margin-bottom:7px!important}
body.legacy-app #welcomeScreen .overview .section-head h2{font-size:1.12rem!important}
body.legacy-app #welcomeScreen .dimension-grid{gap:7px!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}
body.legacy-app #welcomeScreen .dimension{padding:10px!important;border-radius:13px!important}
body.legacy-app #welcomeScreen .dimension p{display:none!important}
@media(max-width:760px){body.legacy-app #welcomeScreen .hero{grid-template-columns:1fr!important}body.legacy-app #welcomeScreen .hero-main{padding:14px!important}body.legacy-app #welcomeScreen .overview{display:none!important}}

/* Keep operational status copy; suppress brochure-like helper copy in work screens. */
body.omi-admin .hero>.subtitle,body.omi-admin .hero>.desc,body.omi-admin .helper-copy,
body.omi-monitor .helper-copy,.omi-cbt-archive .archive-lead{display:none!important}