/* OfficeCalculator.Net v157 — homepage-only mobile calculator-first layout. */
@media(max-width:600px){
  body[data-oc-workspace="stable-v30"] .content > .oc-appbar{
    position:relative!important;
    top:auto!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:auto auto!important;
    align-items:stretch!important;
    gap:5px!important;
    width:100%!important;
    margin:10px 0 18px!important;
    padding:7px!important;
    flex-wrap:nowrap!important;
  }
  body[data-oc-workspace="stable-v30"] .content > .oc-appbar .oc-app-action{
    grid-row:1!important;
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:38px!important;
    margin:0!important;
    padding:4px 2px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:.9rem!important;
    line-height:1!important;
  }
  body[data-oc-workspace="stable-v30"] .content > .oc-appbar .oc-label,
  body[data-oc-workspace="stable-v30"] .content > .oc-appbar .oc-sound-state,
  body[data-oc-workspace="stable-v30"] .content > .oc-appbar .oc-search-shortcut{
    display:none!important;
  }
  body[data-oc-workspace="stable-v30"] .content > .oc-appbar .oc-appbar-search{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    flex:none!important;
  }
  body[data-oc-workspace="stable-v30"] .content > .oc-appbar .oc-appbar-search input{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    font-size:16px!important;
  }
  body[data-oc-workspace="stable-v30"] .oc-calculator-app .calculator-topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:6px!important;
    padding:6px!important;
  }
  body[data-oc-workspace="stable-v30"] .oc-calculator-app .mode-tabs{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
  }
  body[data-oc-workspace="stable-v30"] .oc-calculator-app .mode-tab[data-mode="business"]{
    display:none!important;
  }
  body[data-oc-workspace="stable-v30"] .oc-calculator-app .mode-tab{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:34px!important;
    padding:5px 6px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:11px!important;
    text-overflow:clip!important;
  }
  body[data-oc-workspace="stable-v30"] .oc-calculator-app .status-controls{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    gap:4px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    flex-wrap:nowrap!important;
  }
  body[data-oc-workspace="stable-v30"] .oc-calculator-app .status-controls .small-control{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:32px!important;
    margin:0!important;
    padding:4px 2px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:10px!important;
    line-height:1!important;
  }
}
@media(max-width:360px){
  body[data-oc-workspace="stable-v30"] .content > .oc-appbar{gap:4px!important;padding:6px!important}
  body[data-oc-workspace="stable-v30"] .content > .oc-appbar .oc-app-action{min-height:36px!important;font-size:.86rem!important}
  body[data-oc-workspace="stable-v30"] .oc-calculator-app .calculator-topbar{gap:5px!important;padding:5px!important}
  body[data-oc-workspace="stable-v30"] .oc-calculator-app .status-controls .small-control{font-size:9px!important}
}