/* V436 - Mobile navigation & pagination professional for Kế toán thuế */
@media(max-width:720px){

  /* ===== TAX TAB LIST ===== */
  .v409-tax-page .v436-tax-tabs{
    position:sticky;
    top:0;
    z-index:20;
    display:flex!important;
    gap:6px!important;
    width:100%;
    margin:0 0 12px!important;
    padding:7px 2px 8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    background:var(--background);
    border-bottom:1px solid var(--border);
  }
  .v409-tax-page .v436-tax-tabs::-webkit-scrollbar{display:none}

  .v409-tax-page .v436-tax-tabs button{
    flex:0 0 auto!important;
    scroll-snap-align:start;
    min-height:38px!important;
    height:38px!important;
    padding:0 12px!important;
    margin:0!important;
    border:1px solid var(--border)!important;
    border-radius:999px!important;
    background:var(--card)!important;
    color:var(--muted-foreground)!important;
    font-size:10.5px!important;
    line-height:1!important;
    font-weight:600!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }

  .v409-tax-page .v436-tax-tabs button.active{
    background:var(--foreground)!important;
    color:var(--background)!important;
    border-color:var(--foreground)!important;
    font-weight:700!important;
  }

  /* subtle edge fade so user knows list can scroll */
  .v409-tax-page .v436-tax-tabs{
    -webkit-mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 18px),transparent 100%);
            mask-image:linear-gradient(to right,transparent 0,#000 10px,#000 calc(100% - 18px),transparent 100%);
  }

  /* ===== MOBILE SECTION HEAD ===== */
  .v409-tax-page .v409-section-head{
    display:flex!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-bottom:10px!important;
  }
  .v409-tax-page .v409-section-head h3{
    margin:0!important;
    font-size:14px!important;
    line-height:1.35!important;
  }
  .v409-tax-page .v409-section-head .v409-note{
    margin-top:4px!important;
    font-size:10px!important;
    line-height:1.45!important;
  }

  /* ===== PAGINATION ===== */
  .v409-tax-page .v436-pagination{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:100%;
    margin-top:12px!important;
    padding:10px!important;
    border:1px solid var(--border)!important;
    border-radius:10px!important;
    background:var(--card)!important;
  }

  .v409-tax-page .v436-page-size{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    width:100%;
    padding-bottom:8px;
    border-bottom:1px solid var(--border);
  }

  .v409-tax-page .v436-page-size span{
    font-size:10.5px!important;
    color:var(--muted-foreground)!important;
  }

  .v409-tax-page .v436-page-size select{
    flex:none;
    min-width:72px;
    height:36px!important;
    border:1px solid var(--border)!important;
    border-radius:8px!important;
    background:var(--muted)!important;
    color:var(--foreground)!important;
    padding:0 26px 0 9px!important;
    font-size:11px!important;
    font-weight:650!important;
  }

  .v409-tax-page .v436-page-controls{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr) 42px!important;
    gap:7px!important;
    width:100%;
  }

  /* hide first/last buttons on mobile, keep prev / page / next */
  .v409-tax-page .v436-page-controls button:first-child,
  .v409-tax-page .v436-page-controls button:last-child{
    display:none!important;
  }

  .v409-tax-page .v436-page-controls button{
    width:42px!important;
    min-width:42px!important;
    height:40px!important;
    border:1px solid var(--border)!important;
    border-radius:8px!important;
    background:var(--muted)!important;
    color:var(--foreground)!important;
    font-size:16px!important;
    font-weight:700!important;
    box-shadow:none!important;
  }

  .v409-tax-page .v436-page-controls button:disabled{
    opacity:.32!important;
  }

  .v409-tax-page .v436-page-controls span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0;
    min-height:40px;
    padding:0 10px;
    border:1px solid var(--border);
    border-radius:8px;
    background:var(--card);
    color:var(--foreground)!important;
    font-size:11px!important;
    font-weight:650!important;
    text-align:center;
  }

  /* ===== TAX OVERVIEW CARDS ===== */
  .v409-tax-page .v409-kpis{
    gap:8px!important;
  }
  .v409-tax-page .v409-kpi{
    border:1px solid var(--border)!important;
    border-radius:10px!important;
    padding:11px!important;
    background:var(--card)!important;
  }
  .v409-tax-page .v409-kpi span{
    font-size:9.5px!important;
  }
  .v409-tax-page .v409-kpi strong{
    margin-top:5px!important;
    font-size:14px!important;
    line-height:1.2!important;
    font-variant-numeric:tabular-nums;
  }
  .v409-tax-page .v409-kpi small{
    margin-top:4px!important;
    font-size:9px!important;
    line-height:1.35!important;
  }
}

/* compact on very small phones */
@media(max-width:390px){
  .v409-tax-page .v436-tax-tabs button{
    min-height:36px!important;
    height:36px!important;
    padding:0 10px!important;
    font-size:10px!important;
  }

  .v409-tax-page .v436-pagination{
    padding:9px!important;
  }

  .v409-tax-page .v436-page-controls{
    grid-template-columns:40px minmax(0,1fr) 40px!important;
  }

  .v409-tax-page .v436-page-controls button{
    width:40px!important;
    min-width:40px!important;
  }
}