/* OMI Pro V24 — stability and layout repair */
:root{
  --v24-green:#076a55;--v24-blue:#147bb3;--v24-gold:#b8790e;--v24-red:#b44755;
  --v24-ink:#162821;--v24-muted:#65766f;--v24-line:#d9e5df;--v24-card:#fff;
  --v24-shadow:0 8px 24px rgba(20,54,44,.075);
}

/* Keep every page above the mobile primary navigation. */
@media(max-width:899px){
  body.omi-layout{padding-bottom:calc(94px + var(--omi-safe-bottom,0px))!important}
  body.omi-layout>main,body.omi-layout>.wrap,body.omi-layout>.archive-main,body.omi-layout>.omi-page-shell,body.omi-layout>.omi-directory{
    padding-bottom:calc(106px + var(--omi-safe-bottom,0px))!important;
  }
  body.omi-layout>.omi-primary-nav{bottom:max(7px,var(--omi-safe-bottom,0px))!important}
}

/* ---------- Bank soal ------------------------------------------------ */
.omi-question-bank .question-bank-layout{gap:14px!important}
.omi-question-bank .question-list-panel,.omi-question-bank .question-editor>.card{overflow:visible!important}
.omi-question-bank .sticky-save{min-height:0!important;height:auto!important;padding:8px!important;margin:0!important}
.omi-question-bank .sticky-save .btn{min-height:42px!important}
.omi-question-bank .question-list-item{overflow:hidden!important}
.omi-question-bank .question-list-item b{overflow-wrap:anywhere!important}
@media(max-width:760px){
  .omi-question-bank .v23-page-title{align-items:stretch!important;flex-direction:column!important}
  .omi-question-bank .v23-page-title #newBtn{width:100%!important}
  .omi-question-bank .question-list{max-height:260px!important}
  .omi-question-bank .media-editor{grid-template-columns:1fr!important}
  .omi-question-bank .option-edit-row{grid-template-columns:34px minmax(0,1fr) 42px!important}
  .omi-question-bank .answer-key{grid-column:2/3!important;width:max-content!important;min-width:78px!important}
  .omi-question-bank .option-edit-row>button{grid-column:3/4!important;grid-row:1/2!important}
}

/* ---------- Assessment settings ------------------------------------- */
.omi-assessment-settings>.wrap{max-width:980px!important}
.omi-assessment-settings .sticky-save{
  position:sticky!important;bottom:calc(82px + var(--omi-safe-bottom,0px))!important;
  min-height:0!important;height:auto!important;padding:8px!important;margin:12px 0 0!important;
  border-radius:15px!important;background:rgba(255,255,255,.985)!important;box-shadow:0 10px 26px rgba(20,54,44,.10)!important;
}
.omi-assessment-settings .sticky-save #save{min-height:44px!important;padding:10px 16px!important}
.omi-assessment-settings .portal-rows a{min-height:64px!important;padding:12px 14px!important}
.omi-assessment-settings .portal-rows small{display:none!important}
.omi-assessment-settings .package-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
.omi-assessment-settings .package-option{min-width:0!important}
@media(max-width:760px){
  .omi-assessment-settings .package-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .omi-assessment-settings .sticky-save{bottom:calc(88px + var(--omi-safe-bottom,0px))!important}
  .omi-assessment-settings .sticky-save #save{width:100%!important}
  .omi-assessment-settings .sticky-save .omi-inline-message{width:100%!important;min-width:0!important}
}

/* ---------- Archive CBT --------------------------------------------- */
.omi-cbt-archive .archive-main{max-width:920px!important}
.omi-cbt-archive .archive-hero.compact{display:none!important}
.omi-cbt-archive .back-link{margin-bottom:8px!important}
.omi-cbt-archive .study-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;align-items:end!important;margin:8px 0!important}
.omi-cbt-archive .study-top label{min-width:0!important;margin:0!important}
.omi-cbt-archive .study-top .secondary{min-height:46px!important;white-space:nowrap!important}
.omi-cbt-archive .study-panel{padding:18px!important;min-height:0!important;margin-bottom:8px!important}
.omi-cbt-archive .question-text{line-height:1.6!important;font-size:16px!important}
.omi-cbt-archive .answer-label textarea{min-height:150px!important}
.omi-cbt-archive .cbt-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:12px!important}
.omi-cbt-archive .cbt-nav>*{min-width:0!important;width:100%!important}
@media(max-width:560px){
  .omi-cbt-archive .study-top{grid-template-columns:1fr!important}
  .omi-cbt-archive .study-top .secondary{width:100%!important}
  .omi-cbt-archive .study-panel{padding:14px!important}
  .omi-cbt-archive .cbt-nav{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .omi-cbt-archive .cbt-nav button{font-size:11px!important;padding:8px 5px!important}
}

/* ---------- Monitor ------------------------------------------------- */
body.omi-monitor>.wrap{max-width:1280px!important;padding-bottom:110px!important}
body.omi-monitor .monitor-intro{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important}
body.omi-monitor .monitor-intro h1{font-size:clamp(1.7rem,4vw,2.4rem)!important}
body.omi-monitor .tabs,body.omi-monitor .filters{
  display:grid!important;overflow:visible!important;flex-wrap:unset!important;gap:7px!important;padding:0!important;margin:8px 0!important;
}
body.omi-monitor .tabs{grid-template-columns:repeat(5,minmax(0,1fr))!important}
body.omi-monitor .filters{grid-template-columns:repeat(5,minmax(0,1fr))!important}
body.omi-monitor .tab,body.omi-monitor .filter{min-width:0!important;width:100%!important;min-height:44px!important;padding:8px 6px!important;text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.omi-monitor .controlbar{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:10px 0!important}
body.omi-monitor .controlbar>.btn,body.omi-monitor .controlbar>label.btn{width:100%!important;min-width:0!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:8px!important;white-space:nowrap!important}
body.omi-monitor .controlbar label.btn select{width:auto!important;min-width:64px!important;max-width:86px!important;margin:0!important}
body.omi-monitor .stats{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}
@media(max-width:760px){
  body.omi-monitor .monitor-intro{grid-template-columns:1fr!important}
  body.omi-monitor .monitor-intro>#sound{width:100%!important}
  body.omi-monitor .tabs,body.omi-monitor .filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.omi-monitor .tabs>:first-child,body.omi-monitor .filters>:first-child{grid-column:1/-1!important}
  body.omi-monitor .controlbar{grid-template-columns:1fr 1fr!important}
  body.omi-monitor .controlbar>label.btn{grid-column:1/2!important}
  body.omi-monitor .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:380px){
  body.omi-monitor .controlbar{grid-template-columns:1fr!important}
  body.omi-monitor .controlbar>label.btn{grid-column:auto!important}
}

/* ---------- Shared no-overlap contract ------------------------------ */
@media(max-width:899px){
  body.omi-layout .sticky-save{max-width:100%!important}
  body.omi-layout input,body.omi-layout select,body.omi-layout textarea,body.omi-layout button{min-width:0}
}

/* Archive CBT has its own in-page navigation; global bottom nav only hides content. */
@media(max-width:899px){
  body.omi-cbt-archive>.omi-primary-nav{display:none!important}
  body.omi-cbt-archive{padding-bottom:18px!important}
  body.omi-cbt-archive>.archive-main{padding-bottom:34px!important}
}