/* Focused mobile support for the Payments and Issuance workspaces. */
.mobile-nav-toggle,.mobile-nav-backdrop{display:none}

@media(max-width:850px){
  body.mobile-finance-page{display:block;min-width:0}
  body.mobile-finance-page main{width:100%;overflow:hidden}
  body.mobile-finance-page header{
    min-height:76px;padding:12px 14px 12px 62px;gap:10px;align-items:flex-start
  }
  body.mobile-finance-page header h1{font-size:22px;line-height:1.2}
  body.mobile-finance-page header>div:last-child{
    display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap
  }
  body.mobile-finance-page header select{width:min(100%,190px)}
  body.mobile-finance-page header [data-new]{display:none}
  body.mobile-finance-page #app{padding:14px}
  body.mobile-finance-page .card{padding:14px;border-radius:12px}

  body.mobile-finance-page .mobile-nav-toggle{
    display:grid;place-items:center;position:fixed;left:14px;top:15px;z-index:1202;
    width:40px;height:40px;padding:0;border-radius:11px;background:#376af5;
    box-shadow:0 8px 22px rgba(55,106,245,.3);font-size:21px
  }
  body.mobile-finance-page>aside{
    display:flex;position:fixed;inset:0 auto 0 0;z-index:1201;width:min(86vw,310px);
    height:100dvh;transform:translateX(-105%);transition:transform .22s ease;
    overflow:hidden;padding-top:70px
  }
  body.mobile-finance-page.mobile-nav-open>aside{transform:translateX(0)}
  .mobile-nav-backdrop{
    position:fixed;inset:0;z-index:1200;background:rgba(7,17,38,.55);
    border:0;border-radius:0;padding:0
  }
  body.mobile-finance-page.mobile-nav-open .mobile-nav-backdrop{display:block}
  body.mobile-finance-page.mobile-nav-open{overflow:hidden}

  /* Payment register becomes a readable stack of cards. */
  body.mobile-payments-page .payment-counters{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  body.mobile-payments-page .payment-counter{padding:12px 10px;border-radius:12px}
  body.mobile-payments-page .payment-counter b{font-size:22px}
  body.mobile-payments-page .payments-card .section-title h2{margin-top:0}
  body.mobile-payments-page .payments-card .table{overflow:visible}
  body.mobile-payments-page .payments-card table,
  body.mobile-payments-page .payments-card tbody,
  body.mobile-payments-page .payments-card tr,
  body.mobile-payments-page .payments-card td{display:block;width:100%}
  body.mobile-payments-page .payments-card thead{display:none}
  body.mobile-payments-page .payments-card tr{
    margin:12px 0;padding:10px 12px;border:1px solid #e3e8f1;border-radius:12px;background:#fff
  }
  body.mobile-payments-page .payments-card td{
    display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;
    padding:9px 0;border-bottom:1px solid #edf0f5;overflow-wrap:anywhere
  }
  body.mobile-payments-page .payments-card td:last-child{border-bottom:0}
  body.mobile-payments-page .payments-card td::before{color:#73809a;font-size:11px;font-weight:800;text-transform:uppercase}
  body.mobile-payments-page .payments-card td:nth-child(1)::before{content:"Profile / Company"}
  body.mobile-payments-page .payments-card td:nth-child(2)::before{content:"Lead Guest"}
  body.mobile-payments-page .payments-card td:nth-child(3)::before{content:"Amount"}
  body.mobile-payments-page .payments-card td:nth-child(4)::before{content:"Details"}
  body.mobile-payments-page .payments-card td:nth-child(5)::before{content:"Submitted By"}
  body.mobile-payments-page .payments-card td:nth-child(6)::before{content:"Status"}
  body.mobile-payments-page .payments-card td:nth-child(7)::before{content:"Action"}
  body.mobile-payments-page .payments-card .empty-cell{display:block;text-align:center}
  body.mobile-payments-page .payments-card .empty-cell::before{display:none}
  body.mobile-payments-page .payment-actions{flex-wrap:wrap}
  body.mobile-payments-page .payment-actions button{min-height:42px;flex:1}

  /* Issuance cards and controls fit without hiding operational details. */
  body.mobile-issuance-page .issuance-toolbar{gap:12px}
  body.mobile-issuance-page .issuance-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  body.mobile-issuance-page .issuance-stats .stat{padding:12px 9px}
  body.mobile-issuance-page .issuance-stats .stat strong{font-size:21px}
  body.mobile-issuance-page .issuance-card{padding:14px;margin-top:0}
  body.mobile-issuance-page .issuance-card-head{gap:9px}
  body.mobile-issuance-page .issuance-status{align-self:flex-start}
  body.mobile-issuance-page .issuance-quote{margin:12px 0;padding:12px;overflow-wrap:anywhere}
  body.mobile-issuance-page .issuance-quote pre{white-space:pre-wrap;overflow-wrap:anywhere}
  body.mobile-issuance-page .issuance-meta{display:grid;grid-template-columns:1fr;gap:7px}
  body.mobile-issuance-page .issuance-meta span{display:flex;justify-content:space-between;gap:10px}
  body.mobile-issuance-page .issuance-actions,
  body.mobile-issuance-page .issuance-management{display:grid;grid-template-columns:1fr;gap:9px}
  body.mobile-issuance-page .issuance-actions button,
  body.mobile-issuance-page .issuance-management button,
  body.mobile-issuance-page [data-issuance-print],
  body.mobile-issuance-page [data-issuance-invoice]{width:100%;min-height:44px;margin:4px 0}
  body.mobile-issuance-page .issuance-actions input{width:100%}
  body.mobile-issuance-page .issuance-complete .grid,
  body.mobile-issuance-page .issuance-fields,
  body.mobile-issuance-page .issuance-read-grid{grid-template-columns:1fr!important}
  body.mobile-issuance-page .issuance-table{max-width:100%;overflow-x:auto}
  body.mobile-issuance-page .issuance-table table{min-width:620px}
  body.mobile-issuance-page .full-quoted-details{
    display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;
    overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;
    scrollbar-width:thin;scrollbar-color:#9aa9c1 #edf1f7
  }
  body.mobile-issuance-page .full-quoted-details::-webkit-scrollbar{height:8px}
  body.mobile-issuance-page .full-quoted-details::-webkit-scrollbar-track{background:#edf1f7;border-radius:999px}
  body.mobile-issuance-page .full-quoted-details::-webkit-scrollbar-thumb{background:#9aa9c1;border-radius:999px}
  body.mobile-issuance-page .full-quoted-details>h4{position:sticky;left:0;width:max-content;min-width:100%}
  body.mobile-issuance-page .full-quoted-details .full-service-row{
    width:max-content;min-width:620px;grid-template-columns:repeat(4,minmax(130px,1fr))
  }
  body.mobile-issuance-page .internal-documents a{display:block;margin:7px 0;overflow-wrap:anywhere}
}

@media(max-width:480px){
  body.mobile-finance-page header{display:block}
  body.mobile-finance-page header>div:last-child{margin-top:10px;justify-content:flex-start}
  body.mobile-finance-page header select{width:100%}
  body.mobile-payments-page .payment-counters{grid-template-columns:1fr}
  body.mobile-payments-page .payments-card td{grid-template-columns:100px minmax(0,1fr)}
}