/* TiKi Tax V5.5.7 - MOBILE CARD WIDTH ONLY. No reporting/data logic. */
@media (max-width: 768px){
  html,body,#root{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  #root>div,main,[role="main"],.container{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  main,[role="main"]{padding-bottom:calc(120px + env(safe-area-inset-bottom))!important}
  .container{padding-left:16px!important;padding-right:16px!important}
  main *,[role="main"] *,.container *{min-width:0;box-sizing:border-box}
  main [class*="rounded"],[role="main"] [class*="rounded"],.container [class*="rounded"]{max-width:100%}
  main p,main span,[role="main"] p,[role="main"] span,.container p,.container span{overflow-wrap:anywhere}
  main button,[role="main"] button,.container button{max-width:100%}
  /* Rows that intentionally scroll must scroll inside themselves, never widen the page. */
  main [class*="overflow-x-auto"],[role="main"] [class*="overflow-x-auto"],.container [class*="overflow-x-auto"]{width:100%;max-width:100%;overscroll-behavior-inline:contain}
}
@media (max-width: 480px){
  /* Mileage/expense action areas: allow wrapping rather than desktop minimum widths. */
  main .flex.items-center.gap-2,[role="main"] .flex.items-center.gap-2,.container .flex.items-center.gap-2{max-width:100%;flex-wrap:wrap}
  main .justify-between,[role="main"] .justify-between,.container .justify-between{min-width:0}
  main input,main select,main textarea,[role="main"] input,[role="main"] select,[role="main"] textarea,.container input,.container select,.container textarea{width:100%;max-width:100%;min-width:0}
}
@media (max-width: 360px){
  .container{padding-left:12px!important;padding-right:12px!important}
}