/* Mantém as listas com o mesmo desenho do desktop em todos os dispositivos. */
.clients-management-card .cards-grid,
.finance-card-list{
  display:none!important;
}

.finance-mobile-label,
.finance-plan-cell .finance-mobile-payment-date,
.finance-mobile-payment span{
  display:none!important;
}

.client-mobile-status{
  display:none!important;
}

.client-mobile-list{
  display:none;
}

@media(max-width:560px){
  .client-list-table .avatar{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
  }
}

/* Apresentação compacta das listas em celulares e tablets. */
@media(max-width:1120px){
  /* Painel geral: preserva a cor do estado e remove apenas o rótulo. */
  .general-dashboard-grid .status-pill{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0!important;
    border-radius:50%!important;
    font-size:0!important;
    line-height:0!important;
  }

  .general-dashboard-grid .status-pill::before{
    width:8px!important;
    height:8px!important;
    margin:0!important;
    flex:0 0 8px!important;
  }

  /* Clientes: foto/nome e indicador de status. */
  .client-list-table .client-cell span{
    display:block!important;
  }

  .client-list-table .status-pill{
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0!important;
    border-radius:50%!important;
    font-size:0!important;
    line-height:0!important;
  }

  .client-list-table .status-pill::before{
    width:8px!important;
    height:8px!important;
    margin:0!important;
    flex:0 0 8px!important;
  }

  .clients-management-card .client-list-columns .client-list-col-client{
    width:84%!important;
  }

  .clients-management-card .client-list-columns col:nth-child(3){
    width:16%!important;
  }

  /* Recebimentos e pendências: cliente + valor líquido/data. */
  .finance-summary-table th:nth-child(2),
  .finance-summary-table td:nth-child(2),
  .finance-summary-table col:nth-child(2),
  .finance-summary-table th:nth-child(3),
  .finance-summary-table td:nth-child(3),
  .finance-summary-table col:nth-child(3),
  .finance-summary-table th:nth-child(5),
  .finance-summary-table td:nth-child(5),
  .finance-summary-table col:nth-child(5){
    display:none!important;
  }

  .finance-receipts-inner.view-list .finance-table-wrap .finance-summary-table td:nth-child(3),
  .finance-receipts-inner.view-list .finance-table-wrap .finance-summary-table td:nth-child(5){
    display:none!important;
  }

  .finance-summary-table col:nth-child(1){width:68%!important}
  .finance-summary-table col:nth-child(4){width:32%!important}

  .finance-summary-table th:nth-child(4),
  .finance-summary-table td:nth-child(4){
    padding-right:14px!important;
    text-align:right!important;
  }

  .finance-summary-table td:nth-child(4){
    border-right:1px solid var(--line-soft)!important;
    border-radius:0 14px 14px 0!important;
  }

  .finance-summary-table .client-cell span{
    display:block!important;
  }

  .finance-desktop-label{display:none!important}
  .finance-mobile-label{display:inline!important}
  .finance-mobile-payment{
    display:flex!important;
    min-width:0;
    flex-direction:column;
    align-items:flex-end;
    gap:3px;
  }
  .finance-mobile-payment b{
    max-width:100%;
    overflow:hidden;
    color:var(--ink);
    font-size:13px;
    font-weight:850;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .finance-mobile-payment span{
    display:block!important;
    color:var(--muted);
    font-size:10px;
    line-height:1.2;
    white-space:nowrap;
  }

  /* Financeiro do cliente: plano, líquido/data e indicador de status. */
  .finance-cycle-table th:nth-child(3),
  .finance-cycle-table td:nth-child(3),
  .finance-cycle-table col:nth-child(3),
  .finance-cycle-table th:nth-child(4),
  .finance-cycle-table td:nth-child(4),
  .finance-cycle-table col:nth-child(4),
  .finance-cycle-table th:nth-child(6),
  .finance-cycle-table td:nth-child(6),
  .finance-cycle-table col:nth-child(6){
    display:none!important;
  }

  .finance-cycle-table col:nth-child(1){width:52%!important}
  .finance-cycle-table col:nth-child(2){width:33%!important}
  .finance-cycle-table col:nth-child(5){width:15%!important}

  .finance-cycle-table th:nth-child(2),
  .finance-cycle-table td:nth-child(2){
    text-align:right!important;
  }

  .finance-cycle-table td:nth-child(5){
    border-right:1px solid var(--line-soft)!important;
    border-radius:0 14px 14px 0!important;
  }

  .finance-cycle-table .finance-mobile-payment-date{
    display:block!important;
    margin-top:3px;
    color:var(--muted)!important;
    font-size:10px!important;
    line-height:1.2;
    white-space:nowrap;
  }

  .finance-cycle-table .finance-gross-amount{
    display:none!important;
  }

  /* Barra inferior estável, com área segura e dimensões próximas a uma tab bar nativa. */
  .mobile-bottom-nav{
    left:50%!important;
    right:auto!important;
    bottom:max(12px, env(safe-area-inset-bottom))!important;
    width:min(460px, calc(100vw - 24px))!important;
    min-height:68px!important;
    margin:0!important;
    padding:6px!important;
    gap:2px!important;
    overflow:hidden!important;
    transform:translate3d(-50%,0,0)!important;
    transition:none!important;
    contain:layout paint;
    isolation:isolate;
  }

  .mobile-bottom-nav button{
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
    height:54px!important;
    padding:6px 3px 7px!important;
  }

  html.standalone-webapp .mobile-bottom-nav{
    bottom:calc(env(safe-area-inset-bottom) + 8px)!important;
  }

  main{
    padding-bottom:104px!important;
  }

  html.standalone-webapp main{
    padding-bottom:calc(96px + env(safe-area-inset-bottom))!important;
  }
}

.clients-management-card .table-wrap,
.financial-detail-card .finance-table-wrap,
.finance-management-card .finance-table-wrap,
.finance-receipts-inner .finance-table-wrap{
  display:block!important;
}

@media(max-width:1120px){
  .clients-management-card,
  .clients-management-card .clients-section-body,
  .clients-management-card .table-wrap{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .clients-management-card .table-wrap,
  .financial-detail-card .finance-table-wrap,
  .finance-management-card .finance-table-wrap,
  .finance-receipts-inner .finance-table-wrap,
  .planner-library-table-wrap{
    overflow:hidden!important;
  }

  .client-list-table,
  .finance-summary-table,
  .finance-cycle-table,
  .planner-library-table{
    display:table!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    table-layout:fixed!important;
  }

  .client-list-table,
  .finance-summary-table,
  .finance-cycle-table{
    border-collapse:separate!important;
    border-spacing:0 9px!important;
  }

  .planner-library-table{
    border-collapse:collapse!important;
    border-spacing:0!important;
  }

  .client-list-table thead,
  .finance-summary-table thead,
  .finance-cycle-table thead,
  .planner-library-table thead{
    display:table-header-group!important;
  }

  .client-list-table tbody,
  .finance-summary-table tbody,
  .finance-cycle-table tbody,
  .planner-library-table tbody{
    display:table-row-group!important;
  }

  .client-list-table tr,
  .finance-summary-table tr,
  .finance-cycle-table tr,
  .planner-library-table tr{
    display:table-row!important;
    width:auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .client-list-table th,
  .finance-summary-table th,
  .finance-cycle-table th{
    display:table-cell!important;
    padding:0 10px!important;
    color:var(--muted)!important;
    font-size:10px!important;
    line-height:normal!important;
    text-align:left!important;
  }

  .client-list-table td,
  .finance-summary-table td,
  .finance-cycle-table td{
    display:table-cell!important;
    width:auto!important;
    padding:10px!important;
    border-top:1px solid var(--line-soft)!important;
    border-bottom:1px solid var(--line-soft)!important;
    background:var(--surface-2)!important;
    font-size:13px!important;
    line-height:normal!important;
    text-align:left!important;
    vertical-align:middle!important;
  }

  .client-list-table th,
  .client-list-table td{
    min-width:0!important;
    max-width:none!important;
    overflow:hidden!important;
  }

  .client-list-table td:first-child,
  .finance-summary-table td:first-child,
  .finance-cycle-table td:first-child{
    border-left:1px solid var(--line-soft)!important;
    border-radius:14px 0 0 14px!important;
  }

  .client-list-table td:last-child,
  .finance-summary-table td:last-child,
  .finance-cycle-table td:last-child{
    border-right:1px solid var(--line-soft)!important;
    border-radius:0 14px 14px 0!important;
  }

  /* A última coluna visível também encerra visualmente a linha. */
  .client-list-table td:nth-child(3),
  .finance-cycle-table td:nth-child(5){
    border-right:1px solid var(--line-soft)!important;
    border-radius:0 14px 14px 0!important;
  }

  .planner-library-table th,
  .planner-library-table td{
    display:table-cell!important;
    width:auto!important;
    padding:12px!important;
    border:0!important;
    border-bottom:1px solid var(--line-soft)!important;
    border-radius:0!important;
    background:var(--surface)!important;
    color:var(--ink)!important;
    font-size:13px!important;
    line-height:1.35!important;
    text-align:left!important;
    vertical-align:top!important;
    word-break:break-word!important;
  }

  .planner-library-table th{
    color:var(--muted)!important;
    font-size:11px!important;
    font-weight:820!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
  }

  .planner-library-table tr:last-child td{
    border-bottom:0!important;
  }

  .client-list-table td::before,
  .finance-summary-table td::before,
  .finance-cycle-table td::before,
  .planner-library-table td::before{
    display:none!important;
    content:none!important;
  }

  /* Clientes: Cliente e Status. */
  .client-list-table th:nth-child(2),
  .client-list-table td:nth-child(2),
  .client-list-columns col:nth-child(2),
  .client-list-table th:nth-child(n+4),
  .client-list-table td:nth-child(n+4),
  .client-list-columns col:nth-child(n+4){
    display:none!important;
  }

  .clients-management-card .client-list-columns .client-list-col-client{
    width:84%!important;
  }

  .clients-management-card .client-list-columns col:nth-child(3){
    width:16%!important;
  }

  .client-list-table .client-cell,
  .finance-summary-table .client-cell{
    width:100%!important;
    max-width:100%!important;
    min-width:0;
    gap:10px;
    overflow:hidden;
  }

  .client-list-table .client-cell > div,
  .finance-summary-table .client-cell > div{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:hidden;
  }

  .client-list-table .sortable-th{
    display:block;
    width:100%;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .client-list-table .client-cell b,
  .client-list-table .client-cell span,
  .finance-summary-table .client-cell b,
  .finance-summary-table .client-cell span{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .client-list-table .client-cell span,
  .finance-summary-table .client-cell span{
    display:block!important;
  }

  .finance-summary-table .status-pill,
  .finance-cycle-table .status-pill{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:22px!important;
    min-width:22px!important;
    height:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:0!important;
    line-height:0!important;
    white-space:nowrap;
  }

  .finance-summary-table .status-pill::before,
  .finance-cycle-table .status-pill::before{
    width:9px!important;
    height:9px!important;
    margin:0!important;
    flex:0 0 9px!important;
  }

  /* Financeiro geral: Cliente, Pagamento/Vencimento, Valor e Status. */
  .finance-summary-table th.finance-col-plan,
  .finance-summary-table td.finance-col-plan,
  .finance-summary-table col.finance-col-plan,
  .finance-summary-table col.col-plan,
  .finance-summary-table th:nth-child(2),
  .finance-summary-table td:nth-child(2),
  .finance-summary-table col:nth-child(2){
    display:none!important;
  }

  /* Supera o reset legado de tabela do financeiro, que força todos os td visíveis. */
  .finance-receipts-inner.view-list .finance-table-wrap .finance-summary-table td.finance-col-plan,
  .finance-receipts-inner.view-list .finance-table-wrap .finance-summary-table td:nth-child(2){
    display:none!important;
  }

  .finance-summary-table col.finance-col-client,
  .finance-summary-table col:nth-child(1){width:68%!important}
  .finance-summary-table col.finance-col-date,
  .finance-summary-table col:nth-child(3){width:23%!important}
  .finance-summary-table col.finance-col-value,
  .finance-summary-table col:nth-child(4){width:32%!important}
  .finance-summary-table col.finance-col-status,
  .finance-summary-table col:nth-child(5){width:10%!important}

  .finance-summary-table th:not(:nth-child(2)),
  .finance-summary-table td:not(:nth-child(2)){
    min-width:0!important;
    max-width:none!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .finance-summary-table .finance-col-status,
  .finance-summary-table th:nth-child(5),
  .finance-summary-table td:nth-child(5),
  .finance-cycle-table th:nth-child(5),
  .finance-cycle-table td:nth-child(5),
  .client-list-table th:nth-child(3),
  .client-list-table td:nth-child(3){
    text-align:center!important;
  }

  .finance-summary-table .finance-col-date,
  .finance-summary-table th:nth-child(3),
  .finance-summary-table td:nth-child(3),
  .finance-cycle-table td:nth-child(3){
    font-size:11px!important;
    white-space:nowrap!important;
  }

  .finance-summary-table .finance-col-value,
  .finance-summary-table th:nth-child(4),
  .finance-summary-table td:nth-child(4){
    padding-left:6px!important;
    padding-right:6px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }

  .client-list-table .status-pill{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    padding:0!important;
    border-radius:50%!important;
    font-size:0!important;
    line-height:0!important;
    white-space:nowrap!important;
  }

  .client-list-table .status-pill::before{
    width:8px!important;
    height:8px!important;
    margin:0!important;
    flex:0 0 8px!important;
  }

  .finance-receipts-count-label{
    display:none!important;
  }

  .finance-receipts-head-actions{
    flex:0 0 auto!important;
  }

  .finance-receipts-head-actions strong{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    line-height:1!important;
    text-align:center!important;
  }

  .finance-receipts-count{
    display:block!important;
    margin:0!important;
    line-height:1!important;
  }

  /* Financeiro do cliente: Plano, Valor, Pagamento e Status. */
  .finance-cycle-table th:nth-child(4),
  .finance-cycle-table td:nth-child(4),
  .finance-cycle-table th:nth-child(6),
  .finance-cycle-table td:nth-child(6),
  .finance-cycle-table col:nth-child(4),
  .finance-cycle-table col:nth-child(6){
    display:none!important;
  }

  .finance-cycle-table col:nth-child(1){width:52%!important}
  .finance-cycle-table col:nth-child(2){width:33%!important}
  .finance-cycle-table col:nth-child(3){width:0!important}
  .finance-cycle-table col:nth-child(5){width:15%!important}

  /* Módulos internos: nome e status na primeira linha, ações abaixo. */
  .protocol-module-item,
  .form-module-row{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:
      "module-main module-status"
      "module-actions module-actions"!important;
    align-items:center!important;
    gap:10px 12px!important;
  }

  .protocol-module-item .client-module-main,
  .form-module-row .client-module-main{
    grid-area:module-main;
    min-width:0!important;
  }

  .protocol-module-item .protocol-status-col,
  .form-module-row .form-status-col{
    grid-area:module-status;
    min-width:0!important;
    justify-content:flex-end!important;
  }

  .protocol-module-item .row-actions,
  .form-module-row .row-actions{
    grid-area:module-actions;
    justify-content:flex-end!important;
    width:100%;
  }

  /* Bibliotecas: apenas as colunas essenciais, mantendo o desenho desktop. */
  .planner-library-table-food th:nth-child(n+3),
  .planner-library-table-food td:nth-child(n+3),
  .planner-library-table-food col:nth-child(n+3){
    display:none!important;
  }
  .planner-library-table-food col:nth-child(1){width:68%!important}
  .planner-library-table-food col:nth-child(2){width:32%!important}

  .planner-library-table-supplement th:nth-child(n+3),
  .planner-library-table-supplement td:nth-child(n+3),
  .planner-library-table-supplement col:nth-child(n+3){
    display:none!important;
  }
  .planner-library-table-supplement col:nth-child(1){width:52%!important}
  .planner-library-table-supplement col:nth-child(2){width:48%!important}

  .planner-library-table-discount th:nth-child(2),
  .planner-library-table-discount td:nth-child(2),
  .planner-library-table-discount col:nth-child(2),
  .planner-library-table-discount th:nth-child(n+4),
  .planner-library-table-discount td:nth-child(n+4),
  .planner-library-table-discount col:nth-child(n+4){
    display:none!important;
  }
  .planner-library-table-discount col:nth-child(1){width:58%!important}
  .planner-library-table-discount col:nth-child(3){width:42%!important}

  .planner-library-table-exercise th:nth-child(n+4),
  .planner-library-table-exercise td:nth-child(n+4),
  .planner-library-table-exercise col:nth-child(n+4){
    display:none!important;
  }
  .planner-library-table-exercise col:nth-child(1){width:44%!important}
  .planner-library-table-exercise col:nth-child(2){width:30%!important}
  .planner-library-table-exercise col:nth-child(3){width:26%!important}

  .planner-library-table-recipe th:nth-child(n+3),
  .planner-library-table-recipe td:nth-child(n+3),
  .planner-library-table-recipe col:nth-child(n+3){
    display:none!important;
  }
  .planner-library-table-recipe col:nth-child(1){width:58%!important}
  .planner-library-table-recipe col:nth-child(2){width:42%!important}

  .planner-library-table-clinical-prescription th:nth-child(2),
  .planner-library-table-clinical-prescription td:nth-child(2),
  .planner-library-table-clinical-prescription col:nth-child(2),
  .planner-library-table-clinical-prescription th:nth-child(3),
  .planner-library-table-clinical-prescription td:nth-child(3),
  .planner-library-table-clinical-prescription col:nth-child(3),
  .planner-library-table-clinical-exam th:nth-child(2),
  .planner-library-table-clinical-exam td:nth-child(2),
  .planner-library-table-clinical-exam col:nth-child(2){
    display:none!important;
  }
  .planner-library-table-clinical col:nth-child(1){width:calc(100% - 108px)!important}
  .planner-library-table-clinical col:last-child{display:table-column!important;width:108px!important}
}

@media(max-width:1120px){
  #clientes .clients-management-card.view-list .table-wrap > table.client-list-table,
  #clientes .clients-management-card.view-cards .table-wrap > table.client-list-table,
  #clientes .clients-management-card .table-wrap > table.client-list-table{
    display:none!important;
  }

  #clientes .clients-management-card.view-list .table-wrap > .client-mobile-list,
  #clientes .clients-management-card.view-cards .table-wrap > .client-mobile-list,
  #clientes .clients-management-card .table-wrap > .client-mobile-list{
    display:grid!important;
    width:100%;
    gap:9px;
  }

  .client-mobile-row{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) 12px;
    align-items:center;
    width:100%;
    min-width:0;
    min-height:68px;
    gap:10px;
    padding:10px 14px;
    border:1px solid var(--line-soft);
    border-radius:14px;
    background:var(--surface-2);
    color:var(--ink);
    cursor:pointer;
  }

  .client-mobile-row .avatar{
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
  }

  .client-mobile-main{
    min-width:0;
    overflow:hidden;
  }

  .client-mobile-main b,
  .client-mobile-main span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .client-mobile-main b{
    color:var(--ink);
    font-size:14px;
    font-weight:850;
    line-height:1.25;
  }

  .client-mobile-main span{
    margin-top:3px;
    color:var(--muted);
    font-size:12px;
    line-height:1.25;
  }

  /* No mobile, o status acompanha o cliente e não depende do colgroup. */
  .client-list-table .client-list-columns{
    display:none!important;
  }

  .client-list-table .client-list-cell-client{
    display:table-cell!important;
  }

  .client-list-table td.client-list-cell-client{
    border-right:1px solid var(--line-soft)!important;
    border-radius:14px!important;
  }

  .client-list-table .client-list-cell-renewal,
  .client-list-table .client-list-cell-status,
  .client-list-table .client-list-cell-feedback,
  .client-list-table .client-list-cell-diet,
  .client-list-table .client-list-cell-training,
  .client-list-table .client-list-cell-actions{
    display:none!important;
  }

  .client-list-table .client-cell span,
  .finance-summary-table .client-cell span{
    display:block!important;
  }

  /* Sem rótulo ou cápsula: somente o indicador colorido. */
  .general-dashboard-grid .status-pill,
  .finance-cycle-table .status-pill{
    width:12px!important;
    min-width:12px!important;
    max-width:12px!important;
    height:12px!important;
    min-height:12px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:0!important;
    line-height:0!important;
  }

  .general-dashboard-grid .status-pill::before,
  .finance-cycle-table .status-pill::before{
    width:10px!important;
    height:10px!important;
    margin:0!important;
    flex:0 0 10px!important;
  }

  .client-list-table .client-cell{
    display:flex!important;
    align-items:center!important;
  }

  .client-mobile-row .client-mobile-status{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:12px!important;
    min-width:12px!important;
    max-width:12px!important;
    height:12px!important;
    min-height:12px!important;
    margin-left:auto!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:0!important;
    line-height:0!important;
    flex:0 0 12px!important;
  }

  .client-mobile-row .client-mobile-status::before{
    width:10px!important;
    height:10px!important;
    margin:0!important;
    flex:0 0 10px!important;
  }

  /* O valor nunca é abreviado; nomes longos cedem o espaço necessário. */
  .finance-summary-table col:nth-child(1){width:58%!important}
  .finance-summary-table col:nth-child(4){width:42%!important}

  .finance-summary-table .client-cell b{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  .finance-summary-table .finance-mobile-payment b{
    overflow:visible;
    text-overflow:clip;
  }

  /* Financeiro do cliente: somente plano e valor/data. */
  .finance-cycle-table th:nth-child(5),
  .finance-cycle-table td:nth-child(5),
  .finance-cycle-table col:nth-child(5){
    display:none!important;
  }

  .finance-cycle-table col:nth-child(1){width:55%!important}
  .finance-cycle-table col:nth-child(2){width:45%!important}

  .finance-cycle-table td:nth-child(2){
    border-right:1px solid var(--line-soft)!important;
    border-radius:0 14px 14px 0!important;
  }

  /* Vidro translúcido inspirado na barra flutuante do iOS. */
  .mobile-bottom-nav{
    bottom:max(0px, env(safe-area-inset-bottom))!important;
    background:color-mix(in srgb,var(--surface) 10%,transparent)!important;
    -webkit-backdrop-filter:blur(3px) saturate(100%) contrast(100%)!important;
    backdrop-filter:blur(3px) saturate(100%) contrast(100%)!important;
    box-shadow:
      0 12px 38px rgba(15,23,42,.16),
      inset 0 1px 0 rgba(255,255,255,.62),
      inset 0 -1px 0 rgba(255,255,255,.16)!important;
  }

  .mobile-bottom-nav button.active{
    color:var(--ink)!important;
    border-color:rgba(255,255,255,.24)!important;
    background:color-mix(in srgb,var(--blue) 28%,transparent)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.42),
      inset 0 0 0 1px color-mix(in srgb,var(--blue) 20%,transparent),
      0 8px 22px color-mix(in srgb,var(--blue) 18%,transparent)!important;
  }

  .mobile-bottom-nav .nav-ico,
  .mobile-bottom-nav .nav-ico svg{
    color:var(--ink)!important;
    stroke:var(--ink)!important;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.18));
  }

  .mobile-bottom-nav button{
    color:var(--ink)!important;
  }

  .mobile-bottom-nav button svg,
  .mobile-bottom-nav button svg *{
    color:var(--ink)!important;
    stroke:var(--ink)!important;
  }

  [data-theme="dark"] .mobile-bottom-nav{
    background:color-mix(in srgb,var(--surface) 10%,transparent)!important;
    -webkit-backdrop-filter:blur(3px) saturate(100%) contrast(100%)!important;
    backdrop-filter:blur(3px) saturate(100%) contrast(100%)!important;
    box-shadow:
      0 12px 38px rgba(0,0,0,.32),
      inset 0 1px 0 rgba(255,255,255,.16),
      inset 0 -1px 0 rgba(255,255,255,.06)!important;
  }

  [data-theme="dark"] .mobile-bottom-nav button,
  [data-theme="dark"] .mobile-bottom-nav .nav-ico,
  [data-theme="dark"] .mobile-bottom-nav .nav-ico svg,
  [data-theme="dark"] .mobile-bottom-nav button svg,
  [data-theme="dark"] .mobile-bottom-nav button svg *{
    color:#fff!important;
    stroke:#fff!important;
  }

  [data-theme="dark"] .mobile-bottom-nav button.active{
    color:#fff!important;
    border-color:rgba(255,255,255,.18)!important;
    background:color-mix(in srgb,var(--blue) 32%,transparent)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.22),
      inset 0 0 0 1px color-mix(in srgb,var(--blue) 18%,transparent),
      0 8px 22px color-mix(in srgb,var(--blue) 20%,transparent)!important;
  }

  html.standalone-webapp .mobile-bottom-nav{
    bottom:max(0px, env(safe-area-inset-bottom))!important;
  }
}

@media(max-width:760px){
  .general-dashboard-grid .atualização-person-main > div{
    min-width:0!important;
    overflow:hidden!important;
  }

  .general-dashboard-grid .atualização-person-main b,
  .general-dashboard-grid .atualização-person-main span{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .feedback-dashboard-row .dashboard-read-button{
    display:none!important;
  }

  .dashboard-quick-milestones{
    display:none!important;
  }

  .dashboard-quick-journey .finance-journey-track{
    margin-bottom:2px!important;
  }
}

@media(max-width:560px){
  .finance-summary-table col:nth-child(1){width:55%!important}
  .finance-summary-table col:nth-child(4){width:45%!important}
}