/* Mobile layout shared by the browser and the Android WebView app. */
.mobile-nav{display:none}
.scope-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}
.scope-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:18px;background:#fff;border:1px solid #dce8f1;border-radius:14px;color:#15527d}
.scope-card:hover{text-decoration:none;background:#f0f6fb}
.scope-card span{font-size:13px;font-weight:700}
.scope-card strong{font-size:24px}
.scope-card small{color:#708397}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-size:13px;color:#708397}
.pagination a{font-weight:700;white-space:nowrap}
.expense-form .expense-category{grid-column:span 2}
@media (max-width:700px){
  html{scroll-padding-top:14px;scroll-behavior:smooth}
  body{font-size:16px;background:#f3f7fb}
  header{position:sticky;top:0;z-index:15;min-height:58px;padding:8px 16px;box-shadow:0 2px 10px #183b5a0b}
  header .brand{font-size:17px;white-space:nowrap}
  header .account{gap:9px;font-size:12px}
  header .account button{min-height:38px;padding:7px 10px}
  .layout{display:block;min-height:calc(100dvh - 58px)}
  .layout>aside{display:none}
  main{padding:17px 12px calc(110px + env(safe-area-inset-bottom));max-width:560px}
  .heading{gap:12px;margin-bottom:18px}
  .heading h1{font-size:26px;line-height:1.14}
  .heading .eyebrow{margin-bottom:8px}
  .heading .muted{font-size:13px;margin-top:4px}
  .heading .button{width:100%;text-align:center}
  .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:15px}
  .filters label{min-width:0}
  .filters button{grid-column:1/-1;width:100%}
  .kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .card{min-width:0;padding:15px;gap:9px;overflow-wrap:anywhere}
  .card span,.card small{font-size:12px}
  .card strong{font-size:22px;line-height:1.2}
  .card .category-name{font-size:18px}
  .kpis .card:nth-child(3),.kpis .card:nth-child(4){grid-column:1/-1}
  .hint{margin:12px 0 18px}
  .two{display:block}
  .upload-options{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
  .panel{padding:18px 15px;margin-bottom:15px;border-radius:14px}
  .panel h2{margin-bottom:14px}
  .bubbles{grid-template-columns:minmax(0,1fr);gap:9px}
  .bubble{display:flex;align-items:center;justify-content:space-between;min-width:0;min-height:64px;overflow-wrap:anywhere;gap:14px}
  .bubble span{font-size:14px;line-height:1.35;min-width:0}
  .bubble strong{font-size:18px;white-space:nowrap}
  .bar-row{margin:17px 0}
  .expense-form{display:grid;grid-template-columns:1fr;gap:14px}
  .expense-form .expense-category{grid-column:1/-1}
  .expense-form button{width:100%}
  input,select,button,.button{font-size:16px;min-height:48px}
  input[type=file]{min-width:0;max-width:100%}
  label{font-size:14px}
  .stack{gap:15px}
  .auth{margin:22px auto;width:calc(100% - 24px);padding:26px 20px}
  .auth h1{font-size:26px}
  .scope-overview{gap:10px}
  .scope-card{padding:14px;gap:6px}
  .scope-card strong{font-size:20px}
  .mobile-nav{display:grid;position:fixed;bottom:0;left:0;right:0;z-index:30;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;background:#fff;border-top:1px solid #dce8f1;box-shadow:0 -4px 20px #183b5a12;padding:7px 8px calc(7px + env(safe-area-inset-bottom))}
  .mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;border-radius:9px;color:#718596;font-size:11px;line-height:1.1;text-align:center}
  .mobile-nav a[aria-current=page]{background:#e7f1fa;color:#15527d;font-weight:700}
  .mobile-nav .nav-icon{font-size:20px;line-height:1}
  .table-scroll{overflow:visible}
  table,thead,tbody,tr,td{display:block;width:100%}
  table{white-space:normal}
  thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  tr{border:1px solid #e1ebf3;border-radius:12px;padding:12px 14px;margin-bottom:12px;background:#fff}
  td{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;text-align:right;padding:8px 0;border:0;overflow-wrap:anywhere}
  td::before{content:attr(data-label);font-size:12px;font-weight:600;color:#7a8c9d;text-transform:none;text-align:left;flex:0 0 95px}
  td:nth-child(2){display:block;text-align:left;font-size:16px;padding:8px 0 12px;border-bottom:1px solid #eaf1f7}
  td:nth-child(2)::before{display:block;margin-bottom:6px}
  td:nth-child(2) .note{max-width:none}
  td:nth-child(6){font-size:18px;color:#15527d}
  td:nth-child(7){justify-content:flex-start;gap:16px;align-items:center;flex-wrap:wrap;padding-top:12px}
  td:nth-child(7)::before{display:none}
  td:nth-child(7) details{margin:0}
  .pending-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pending-card{min-width:0}
  .pending-card img{height:115px}
  .receipt-preview img{width:100%;max-height:260px;object-fit:contain}
  #expense,#faturas,#despesas{scroll-margin-top:70px}
}
@media (max-width:360px){
  .mobile-nav a{font-size:10px}
  .card strong{font-size:19px}
  .card .category-name{font-size:16px}
  .filters{grid-template-columns:1fr}
  .pending-grid{grid-template-columns:1fr}
}