/* ClokIt USA — Phase 1 mobile project workspace stabilization.
   Visual-only overrides: full-bleed project headers, stable re-render appearance,
   and progress label alignment. Does not alter report data or navigation logic. */
@media (max-width:760px){
  /* Sections/workboard lives inside a 10px padded mobile shell. Cancel that
     padding exactly instead of using 100vw, which previously exposed a right strip. */
  html.clokit-mobile-workboard-active .clokit-mobile-workboard-head{
    width:calc(100% + 20px)!important;
    max-width:none!important;
    margin-left:-10px!important;
    margin-right:-10px!important;
    box-sizing:border-box!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    padding-left:max(14px,env(safe-area-inset-left))!important;
    padding-right:max(14px,env(safe-area-inset-right))!important;
  }

  /* Card-list and Field headers should always fill their own project viewport. */
  html.clokit-mobile-card-index-active .clokit-card-index-head,
  html.clokit-mobile-card-active .clokit-mobile-card-nav{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    left:0!important;
    right:0!important;
  }

  /* The numeric value was sitting optically high in the circular meter. */
  .clokit-flow-ring b{
    transform:translateY(2px)!important;
  }
  .clokit-flow-ring span{
    transform:translateY(1px)!important;
  }

  /* Once a project workspace has mounted once, do not replay entrance motion
     after autosave/background DOM refreshes. This removes the visual "reload"
     without suppressing legitimate report renders or saves. */
  html.clokit-project-phase1-settled .clokit-mobile-workboard-head,
  html.clokit-project-phase1-settled .clokit-mobile-workboard .module-row,
  html.clokit-project-phase1-settled .clokit-card-index-head,
  html.clokit-project-phase1-settled .clokit-card-index-row{
    animation:none!important;
  }

  /* Avoid layout jumps while the app updates progress/content. */
  .clokit-mobile-workboard-head,
  .clokit-card-index-head,
  .clokit-mobile-card-nav{
    contain:layout paint;
  }
}