/* V438Q - Tax Accounting Mobile Professional UI */
@media(max-width:760px){
  .v409-tax-page{
    overflow-x:hidden;
  }
  .v409-tax-page > *{
    max-width:100%;
  }

  /* Header */
  .v409-tax-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    margin-bottom:8px!important;
  }
  .v409-tax-head h1{
    font-size:16px!important;
    line-height:1.2!important;
  }
  .v409-tax-head p{
    margin-top:3px!important;
    font-size:7.5px!important;
    line-height:1.4!important;
  }
  .v409-month{
    width:100%!important;
    min-width:0!important;
    height:38px!important;
    font-size:8.5px!important;
    border-radius:9px!important;
  }

  /* Tabs */
  .v436-tax-tabs{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
    padding:5px!important;
    border-radius:10px!important;
    overflow:visible!important;
    margin-bottom:8px!important;
  }
  .v436-tax-tabs button{
    width:100%!important;
    min-width:0!important;
    min-height:36px!important;
    padding:6px 7px!important;
    font-size:7.4px!important;
    line-height:1.2!important;
    white-space:normal!important;
    text-align:center!important;
    border-radius:7px!important;
  }

  /* Tax health */
  .v438p-tax-health,
  .v438p-reconcile-flow{
    margin-bottom:8px!important;
    padding:9px!important;
    border-radius:10px!important;
  }
  .v438p-health-head,
  .v438p-flow-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:3px!important;
    margin-bottom:8px!important;
  }
  .v438p-health-head>div:first-child>span,
  .v438p-flow-head>div>span{
    font-size:6.7px!important;
    letter-spacing:.075em!important;
  }
  .v438p-health-head h2,
  .v438p-flow-head h3{
    margin-top:2px!important;
    font-size:11px!important;
    line-height:1.25!important;
  }
  .v438p-period{
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:7px 8px!important;
    border:1px solid var(--border)!important;
    border-radius:8px!important;
    background:var(--background)!important;
    text-align:left!important;
  }
  .v438p-period strong{
    font-size:8.5px!important;
  }
  .v438p-period small{
    margin:0!important;
    text-align:right!important;
    font-size:6.7px!important;
  }

  .v438p-kpis{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v438p-kpis article{
    min-height:96px!important;
    padding:9px!important;
    border-radius:9px!important;
  }
  .v438p-kpis article.total{
    grid-column:1/-1!important;
    min-height:88px!important;
  }
  .v438p-kpis span{
    font-size:6.7px!important;
    line-height:1.3!important;
  }
  .v438p-kpis b{
    margin-top:6px!important;
    font-size:14px!important;
    line-height:1.05!important;
    overflow-wrap:anywhere!important;
  }
  .v438p-kpis small{
    margin-top:5px!important;
    font-size:6.5px!important;
    line-height:1.35!important;
  }

  /* Charts */
  .v411-chart-grid{
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-bottom:8px!important;
  }
  .v411-chart-card{
    padding:8px!important;
    border-radius:9px!important;
    overflow:hidden!important;
  }
  .v411-chart-head{
    align-items:flex-start!important;
    gap:5px!important;
  }
  .v411-chart-head h3{
    font-size:9.5px!important;
    line-height:1.25!important;
  }
  .v411-chart-head p{
    margin-top:2px!important;
    font-size:6.8px!important;
    line-height:1.3!important;
  }
  .v411-chart-head>span{
    font-size:6.8px!important;
  }
  .v411-chart-card .recharts-responsive-container{
    height:205px!important;
    min-height:205px!important;
  }
  .v411-chart-card svg{
    max-width:100%!important;
  }

  /* Reconcile flow */
  .v438p-flow{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
  }
  .v438p-flow button{
    min-height:58px!important;
    padding:8px 9px!important;
    border-radius:9px!important;
  }
  .v438p-flow button>div{
    display:grid!important;
    grid-template-columns:auto 1fr auto!important;
    align-items:center!important;
    gap:8px!important;
  }
  .v438p-flow button>div>span{
    width:20px!important;
    height:20px!important;
    font-size:6.8px!important;
  }
  .v438p-flow button strong{
    margin:0!important;
    font-size:7.8px!important;
    line-height:1.25!important;
  }
  .v438p-flow button small{
    margin:0!important;
    text-align:right!important;
    font-size:6.7px!important;
    line-height:1.25!important;
  }
  .v438p-flow i{
    align-self:center!important;
    transform:rotate(90deg)!important;
    font-size:11px!important;
  }

  /* Alerts/status */
  .v438p-alert-status,
  .v409-two{
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-bottom:8px!important;
  }
  .v438p-alert-status>section,
  .v409-two>section{
    padding:9px!important;
    border-radius:9px!important;
  }
  .v438p-alert-status h3,
  .v409-two h3{
    font-size:10px!important;
  }
  .v431-alert-list{
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
  }
  .v438p-alert-btn{
    min-height:44px!important;
    padding:8px!important;
    border-radius:8px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    gap:8px!important;
  }
  .v438p-alert-btn span{
    font-size:7px!important;
    line-height:1.35!important;
  }
  .v438p-alert-btn strong{
    min-width:28px!important;
    text-align:center!important;
    font-size:10px!important;
  }
  .v409-period-badge{
    display:inline-flex!important;
    padding:4px 7px!important;
    border-radius:999px!important;
    font-size:7px!important;
  }
  .v431-snapshot-note,
  .v409-note{
    font-size:7px!important;
    line-height:1.4!important;
  }

  /* Section heads */
  .v409-section-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:6px!important;
    margin-bottom:8px!important;
  }
  .v409-section-head h3{
    font-size:10.5px!important;
    line-height:1.25!important;
  }
  .v409-section-head>span,
  .v409-section-head>strong{
    font-size:8px!important;
  }
  .v409-section-head button{
    width:100%!important;
    height:36px!important;
    font-size:8px!important;
  }

  /* Input forms */
  .v409-form{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    padding:9px!important;
    border-radius:9px!important;
  }
  .v409-form input,
  .v409-form select,
  .v409-form button{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    font-size:8px!important;
  }

  /* Control tools */
  .v437-control-tools{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    margin-bottom:8px!important;
  }
  .v437-control-tools input{
    grid-column:1/-1!important;
  }
  .v437-control-tools input,
  .v437-control-tools select,
  .v437-export-btn{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    font-size:8px!important;
  }

  /* Summary boxes */
  .v431-control-summary,
  .v431-pit-summary,
  .v410-cit-summary{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .v431-control-summary>div,
  .v431-pit-summary>div,
  .v410-cit-summary>div{
    min-height:82px!important;
    padding:9px!important;
    border-radius:8px!important;
  }
  .v431-control-summary span,
  .v431-pit-summary span,
  .v410-cit-summary span{
    font-size:6.8px!important;
  }
  .v431-control-summary strong,
  .v431-pit-summary strong,
  .v410-cit-summary strong{
    font-size:12px!important;
    overflow-wrap:anywhere!important;
  }
  .v433-summary-sub{
    font-size:6.5px!important;
    line-height:1.3!important;
  }

  /* Tables */
  .v409-table-wrap{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-gutter:stable!important;
    border-radius:8px!important;
  }
  .v434-tax-table{
    min-width:720px!important;
  }
  .v434-tax-table th{
    font-size:7px!important;
    white-space:nowrap!important;
  }
  .v434-tax-table td{
    font-size:7.5px!important;
    line-height:1.35!important;
  }
  .v437-doc-cell{
    min-width:120px!important;
  }
  .v437-upload-label{
    min-height:30px!important;
    font-size:7px!important;
  }

  /* Reconcile card */
  .v409-reconcile{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  .v409-reconcile>div{
    min-height:70px!important;
    padding:9px!important;
    border-radius:8px!important;
  }
  .v409-reconcile>b{
    transform:rotate(90deg);
    justify-self:center;
    font-size:11px!important;
  }

  /* CIT controls */
  .v412-cit-rate-panel{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    padding:9px!important;
    border-radius:9px!important;
  }
  .v412-cit-rate-copy strong{
    font-size:9px!important;
  }
  .v412-cit-rate-copy span{
    font-size:7px!important;
    line-height:1.35!important;
  }
  .v412-cit-rate-control{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr auto auto!important;
    gap:6px!important;
  }
  .v412-cit-rate-control input,
  .v412-cit-rate-control button{
    min-width:0!important;
    height:36px!important;
    font-size:8px!important;
  }
  .v410-cit-form{
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  .v410-cit-form input,
  .v410-cit-form button{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    font-size:8px!important;
  }

  /* Pagination */
  .v432-pagination,
  .v436-pagination{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
    margin-top:8px!important;
  }
  .v432-page-size,
  .v436-page-size{
    justify-content:center!important;
    font-size:7px!important;
  }
  .v432-page-controls,
  .v436-page-controls{
    display:grid!important;
    grid-template-columns:auto auto 1fr auto auto!important;
    gap:5px!important;
    width:100%!important;
  }
  .v432-page-controls button,
  .v436-page-controls button{
    width:100%!important;
    min-width:34px!important;
    height:34px!important;
    font-size:8px!important;
  }
  .v432-page-controls span,
  .v436-page-controls span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:7px!important;
  }

  /* Generic cards */
  .v409-tax-page .ledger-cell{
    max-width:100%;
  }
}

@media(max-width:390px){
  .v436-tax-tabs,
  .v438p-kpis,
  .v431-control-summary,
  .v431-pit-summary,
  .v410-cit-summary,
  .v437-control-tools{
    grid-template-columns:1fr!important;
  }
  .v438p-kpis article.total,
  .v437-control-tools input{
    grid-column:auto!important;
  }
  .v432-page-controls,
  .v436-page-controls{
    grid-template-columns:1fr 1fr!important;
  }
  .v432-page-controls span,
  .v436-page-controls span{
    grid-column:1/-1!important;
    min-height:28px!important;
  }
}