/* Experiência otimizada para notebooks e monitores. O mobile permanece intacto. */
@media (min-width: 960px) {
  body{padding-bottom:38px;background:linear-gradient(180deg,#fbf7f5 0,#f8f5f2 100%)}
  .topbar{height:76px;padding-left:max(36px,calc((100vw - 1060px)/2));padding-right:max(36px,calc((100vw - 1060px)/2));overflow:visible;box-shadow:0 1px 0 rgba(80,31,38,.05)}
  .topbar>div:first-child{gap:12px}.topbar h1{font-size:24px}.brand-vector-logo{width:48px;height:48px;border-radius:15px}
  .header-actions{align-self:stretch;display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;gap:10px!important;overflow:visible!important}.header-actions>*{align-self:center!important;margin-block:0!important}.topbar .connection-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding-block:0}.topbar .user-button{display:grid;place-items:center;width:42px!important;height:42px!important;min-width:42px!important}.topbar .install-button{display:inline-flex!important;align-items:center;justify-content:center;min-width:96px!important;width:96px!important;height:42px!important;padding:0 16px!important;overflow:visible!important;border-radius:13px!important;font-size:12px!important;line-height:1!important;white-space:nowrap!important}
  main{width:min(1060px,calc(100% - 230px));max-width:1060px;margin-left:max(150px,calc((100vw - 1060px)/2));margin-right:auto;padding:30px 0 70px}
  .view{min-height:calc(100vh - 184px)}

  #home{max-width:none;margin:0}
  #home>.home-new-flow{gap:25px}
  #home .home-new-flow>.home-welcome{display:grid!important;grid-template-columns:auto auto 1fr;align-items:baseline;gap:7px;padding:3px 5px 2px!important}
  #home .home-new-flow>.home-welcome span{font-size:14px}#home .home-new-flow>.home-welcome h2{font-size:21px!important;margin:0!important}#home .home-new-flow>.home-welcome p{margin:0 0 0 6px!important;font-size:13px}
  .trip-hub-header{padding:2px 5px}.trip-hub-header h2{font-size:40px}.trip-hub-header p{font-size:14px}
  .trip-hub-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .trip-hub-card{min-height:108px;padding:20px;border-radius:20px}
  .trip-hub-card.current{grid-column:1/-1;min-height:250px;padding:32px 38px;border-radius:28px}
  .trip-hub-card.current .trip-hub-copy strong{font-size:34px}.trip-hub-card.current .trip-hub-value strong{font-size:38px}
  .trip-hub-empty{grid-column:1/-1;min-height:220px;padding:28px}

  #trip-dashboard{max-width:1040px;margin:auto}
  .trip-detail-total{padding:32px 36px}.trip-detail-total strong{font-size:46px}
  .trip-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.trip-category-card{min-height:126px;padding:19px}
  .detail-expense-card{padding:18px 20px}

  #new-expense,#trip{max-width:920px;margin:auto}
  #new-expense>.section-heading,#trip>.section-heading{margin-top:0}
  #expenseForm,#tripForm{padding:26px 28px;gap:20px;border-radius:25px;box-shadow:0 14px 40px rgba(87,38,45,.06)}
  #expenseForm .receipt-drop{min-height:150px}
  .quick-types{padding-bottom:16px}.quick-types button{padding:11px 17px}
  .trip-dialog{width:min(720px,calc(100% - 48px));max-height:calc(100vh - 48px)}.trip-dialog form{padding:30px 34px}

  #reports{max-width:1120px;margin:auto}
  #employeeReports{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
  #employeeReports>.section-heading,#employeeReports>.formal-header,#employeeReports>.report-filters,#employeeReports>.kpis,#employeeReports>.report-actions,#employeeReports>.report-more,#employeeReports>.form-card:has(.report-table),#employeeReports>.form-card:has(.approval-flow),#employeeReports>.form-card:has(.audit-timeline){grid-column:1/-1}
  #employeeReports>.section-heading{margin-top:0}.formal-header{grid-template-columns:repeat(4,1fr)}
  .report-filters{grid-template-columns:repeat(4,1fr);padding:17px}.kpis{grid-template-columns:repeat(4,1fr);gap:14px}.kpis article{min-height:112px;padding:22px}
  #reports .form-card{padding:22px;border-radius:20px}.report-table{font-size:13px}.report-table th,.report-table td{padding:13px 12px}
  .finance-workspace{gap:22px}.finance-kpis{gap:16px}.finance-kpis article{padding:22px}.finance-inbox{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.finance-review{grid-column:1/-1;padding:26px}

  .profile-dialog{height:min(800px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);overflow:hidden}
  .profile-dialog form{height:100%;max-height:100%;min-height:0;overflow:hidden}
  .profile-dialog .avatar-stage{min-height:0;height:100%;overflow:hidden}
  .profile-dialog .avatar-stage .capri-avatar.avatar-svg{width:min(250px,72%);height:min(265px,76%)}
  .profile-dialog .avatar-controls{min-height:0;overflow:hidden}
  .profile-dialog .avatar-category-panel{min-height:0;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:12px;scrollbar-width:auto;scrollbar-color:#b77d7d #f2e5e3}
  .profile-dialog .avatar-category-panel::-webkit-scrollbar{width:10px}.profile-dialog .avatar-category-panel::-webkit-scrollbar-track{border-radius:99px;background:#f2e5e3}.profile-dialog .avatar-category-panel::-webkit-scrollbar-thumb{border:2px solid #f2e5e3;border-radius:99px;background:#b77d7d}
  .profile-dialog .profile-actions{position:relative;bottom:auto;z-index:7;margin:0 -22px -22px;padding:12px 22px 16px;background:#fffaf8}

  .bottom-nav{left:22px;top:50%;bottom:auto;transform:translateY(-50%);width:76px;grid-template-columns:1fr!important;gap:6px;padding:10px 8px;border:1px solid #eadfdd;border-radius:21px;box-shadow:0 16px 38px rgba(74,24,31,.11)}
  .bottom-nav button{min-height:58px;padding:7px 3px;border-radius:14px;font-size:9px}.bottom-nav button span{font-size:20px}
  .bottom-nav .add{grid-column:auto}.bottom-nav .add span{width:43px;height:43px;margin:0;border:0;border-radius:14px}
  .toast{bottom:32px}
}

@media (min-width: 960px) and (max-height: 720px) {
  main{padding-top:18px}
  #home>.home-new-flow{gap:12px}
  #home .home-new-flow>.home-welcome{display:flex!important;align-items:baseline;flex-wrap:wrap;gap:6px;padding-bottom:0!important}
  #home .home-new-flow>.home-welcome h2{font-size:20px!important}
  #home .home-new-flow>.home-welcome p{flex-basis:100%;margin:0!important;font-size:12px}
  .trip-hub-header{padding-top:0}.trip-hub-header h2{font-size:34px;margin:1px 0}.trip-hub-header p{font-size:13px}
  .trip-hub-empty{min-height:165px;padding:18px;gap:7px;border-radius:20px}.trip-hub-empty b{font-size:18px}.trip-hub-empty button{padding:10px 16px}
  .bottom-nav{width:72px;padding:8px 7px}.bottom-nav button{min-height:52px}.bottom-nav .add span{width:40px;height:40px}
  .profile-dialog .avatar-stage .capri-avatar.avatar-svg{width:min(215px,66%);height:min(228px,68%)}
  .profile-dialog .avatar-stage:before{inset:20px}
}

@media (min-width: 1280px) {
  main{margin-left:auto;margin-right:auto}
  .profile-dialog{width:min(1060px,calc(100% - 80px))}
  .profile-dialog form{grid-template-columns:minmax(340px,.9fr) minmax(500px,1.1fr);grid-template-rows:auto auto minmax(0,1fr) auto;column-gap:30px;padding:28px}
  .profile-dialog .profile-actions{margin:0 -28px -28px;padding:12px 28px 18px}
}