:root{
  --bg:#0b0d10; --panel:#12161c; --panel2:#171c24; --text:#f3f5f7; --muted:#8c96a3;
  --line:#252d38; --accent:#d7b56d; --green:#5fd18b; --red:#ff6b6b; --yellow:#f2c94c; --blue:#70a7ff;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,#08090b,#12151b);color:var(--text);min-height:100vh}
.hidden{display:none!important}
.center-screen{min-height:100vh;display:grid;place-items:center;padding:18px}
.auth-card{width:min(430px,100%);background:rgba(18,22,28,.94);border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:0 20px 80px rgba(0,0,0,.35)}
.auth-card h1{margin:14px 0 6px}.auth-card input{margin:8px 0}.big{width:64px!important;height:64px!important;border-radius:20px!important}
#app{display:flex;min-height:100vh}
.sidebar{width:280px;background:rgba(18,22,28,.94);border-right:1px solid var(--line);padding:22px;position:fixed;height:100vh;overflow:auto}
.brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.logo{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#e7d39c,#96733a);color:#090a0c;font-weight:900;letter-spacing:-1px}.brand h1{font-size:22px;margin:0}.brand p{font-size:12px;color:var(--muted);margin:2px 0 0}
nav{display:grid;gap:8px}.nav{border:1px solid transparent;background:transparent;color:var(--muted);padding:13px 14px;border-radius:14px;text-align:left;cursor:pointer;font-weight:700}.nav:hover,.nav.active{background:var(--panel2);border-color:var(--line);color:var(--text)}
.side-footer{position:absolute;bottom:22px;left:22px;right:22px}.side-footer p{color:var(--muted);font-size:12px;margin:0 0 10px;word-break:break-word}
main{margin-left:280px;flex:1;padding:24px;max-width:1500px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;background:rgba(18,22,28,.65);border:1px solid var(--line);border-radius:22px;padding:18px 20px}.topbar h2{margin:0;font-size:26px}.topbar p{margin:4px 0 0;color:var(--muted)}
.page{display:none}.page.active{display:block}.grid{display:grid;gap:16px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.two{grid-template-columns:1.25fr .85fr;margin-top:16px}
.card{background:rgba(18,22,28,.82);border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 16px 50px rgba(0,0,0,.25)}.metric span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.metric strong{font-size:28px;letter-spacing:-1px}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card h3{margin:0;font-size:17px}.hint,.muted{color:var(--muted);font-size:13px}.tiny{font-size:12px;color:var(--muted);line-height:1.35}.msg{font-size:13px;color:var(--yellow);min-height:18px}
button,input,select{font:inherit}.primary,.ghost,.danger{border:0;border-radius:13px;padding:12px 14px;font-weight:800;cursor:pointer}.primary{background:var(--accent);color:#111}.ghost{background:#0e1116;color:var(--text);border:1px solid var(--line)}.danger{background:#351517;color:#ffb7b7;border:1px solid #5a2428}.full{width:100%;margin-top:8px}.link-btn{background:transparent;border:0;color:var(--accent);cursor:pointer;margin-top:12px}
.form-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px} input,select{width:100%;background:#0e1116;color:var(--text);border:1px solid var(--line);border-radius:13px;padding:12px;outline:none} input:focus,select:focus{border-color:var(--accent)}
.table-wrap{overflow:auto} table{width:100%;border-collapse:collapse;min-width:760px} th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:14px} th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800;background:#0e1116;border:1px solid var(--line);color:var(--muted)}.badge.entrada,.badge.resolvido{color:var(--green)}.badge.saida,.badge.alta{color:var(--red)}.badge.media,.badge.travado{color:var(--yellow)}.badge.fazendo{color:var(--blue)}
.icon-btn{background:#0e1116;color:var(--muted);border:1px solid var(--line);border-radius:10px;padding:7px 9px;cursor:pointer}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.task-list,.goal-list{display:grid;gap:10px}.task-item{background:#0e1116;border:1px solid var(--line);border-radius:16px;padding:12px}.task-item strong{display:block;margin-bottom:4px}.task-meta{color:var(--muted);font-size:12px;display:flex;gap:8px;flex-wrap:wrap}
.progress{width:100%;height:10px;background:#0e1116;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin:12px 0}.progress div{height:100%;background:var(--accent);width:0%}.goal-card strong{font-size:18px}.goal-card p{color:var(--muted);margin:8px 0 0}.toast{position:fixed;right:20px;bottom:20px;background:#0e1116;border:1px solid var(--line);padding:12px 14px;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.35);color:var(--text)}
@media(max-width:1000px){#app{display:block}.sidebar{position:relative;width:100%;height:auto}.side-footer{position:static;margin-top:22px}main{margin:0;padding:14px}.topbar{align-items:flex-start;flex-direction:column}.cards,.two{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}}


/* =========================================================
   CENTRAL MD - VERSÃO MOBILE APP
   ========================================================= */

html{
  background:#0b0d10;
}

body{
  overflow-x:hidden;
}

button, input, select{
  -webkit-tap-highlight-color: transparent;
}

input, select, textarea{
  font-size:16px; /* evita zoom automático no iPhone */
}

#app{
  width:100%;
}

/* deixa o scroll mais suave */
main, .sidebar{
  -webkit-overflow-scrolling: touch;
}

/* Botão flutuante para mobile */
.mobile-fab{
  display:none;
}

/* -------- MOBILE -------- */
@media(max-width:1000px){
  body{
    background:
      radial-gradient(circle at 20% -10%, rgba(215,181,109,.16), transparent 32%),
      radial-gradient(circle at 110% 20%, rgba(112,167,255,.10), transparent 30%),
      #0b0d10;
    min-height:100svh;
  }

  #app{
    display:block;
    min-height:100svh;
    padding-bottom:calc(92px + env(safe-area-inset-bottom));
  }

  .sidebar{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    top:auto;
    width:100%;
    height:auto;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom));
    border-right:0;
    border-top:1px solid rgba(255,255,255,.08);
    background:rgba(12,15,20,.88);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    z-index:50;
    overflow:visible;
  }

  .brand, .side-footer{
    display:none;
  }

  nav{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:5px;
  }

  .nav{
    min-height:58px;
    padding:7px 4px;
    border-radius:18px;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:10.5px;
    line-height:1.05;
    font-weight:900;
    color:#8f98a6;
    position:relative;
  }

  .nav::before{
    display:block;
    font-size:18px;
    line-height:1;
    margin-bottom:4px;
  }

  .nav[data-page="dashboard"]::before{content:"⌂";}
  .nav[data-page="financeiro"]::before{content:"R$";}
  .nav[data-page="pendencias"]::before{content:"✓";}
  .nav[data-page="metas"]::before{content:"◎";}
  .nav[data-page="estoque"]::before{content:"□";}
  .nav[data-page="clientes"]::before{content:"◇";}
  .nav[data-page="config"]{
    display:none;
  }

  .nav{
    flex-direction:column;
  }

  .nav.active{
    background:linear-gradient(180deg, rgba(215,181,109,.18), rgba(215,181,109,.06));
    border-color:rgba(215,181,109,.34);
    color:#f4dfad;
    box-shadow:0 8px 24px rgba(0,0,0,.22);
  }

  main{
    margin:0;
    padding:calc(14px + env(safe-area-inset-top)) 12px 16px;
    max-width:none;
    width:100%;
  }

  .topbar{
    position:sticky;
    top:0;
    z-index:20;
    margin:-14px -12px 14px;
    padding:calc(14px + env(safe-area-inset-top)) 14px 14px;
    border-radius:0 0 26px 26px;
    border-top:0;
    border-left:0;
    border-right:0;
    background:rgba(11,13,16,.84);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    align-items:center;
    flex-direction:row;
  }

  .topbar h2{
    font-size:25px;
    letter-spacing:-.7px;
  }

  .topbar p{
    font-size:12.5px;
    max-width:230px;
  }

  #refreshBtn{
    width:auto;
    min-width:44px;
    height:44px;
    padding:0 13px;
    border-radius:16px;
    font-size:0;
    flex:0 0 auto;
  }

  #refreshBtn::before{
    content:"↻";
    font-size:23px;
    font-weight:900;
  }

  .cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .two{
    grid-template-columns:1fr;
    gap:12px;
    margin-top:12px;
  }

  .card{
    border-radius:24px;
    padding:15px;
    background:linear-gradient(180deg, rgba(24,29,38,.92), rgba(14,17,23,.92));
    border-color:rgba(255,255,255,.08);
    box-shadow:0 14px 40px rgba(0,0,0,.28);
  }

  .metric{
    min-height:118px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
  }

  .metric span{
    font-size:12px;
    line-height:1.25;
  }

  .metric strong{
    font-size:25px;
    letter-spacing:-.8px;
  }

  .card-head{
    margin-bottom:12px;
  }

  .card h3{
    font-size:16px;
    letter-spacing:-.2px;
  }

  .hint{
    font-size:11px;
  }

  .form-grid{
    grid-template-columns:1fr;
    gap:9px;
  }

  input, select{
    min-height:48px;
    border-radius:16px;
    background:#0b0e13;
    border-color:rgba(255,255,255,.09);
  }

  .primary,.ghost,.danger{
    min-height:50px;
    border-radius:16px;
  }

  .table-wrap{
    overflow:visible;
  }

  table{
    min-width:0;
    width:100%;
    display:block;
  }

  thead{
    display:none;
  }

  tbody{
    display:grid;
    gap:10px;
  }

  tr{
    display:block;
    background:#0b0e13;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    padding:12px;
  }

  td{
    display:flex;
    justify-content:space-between;
    gap:14px;
    border:0;
    padding:7px 0;
    font-size:13.5px;
    word-break:break-word;
  }

  td::before{
    content:"";
    color:var(--muted);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.06em;
    flex:0 0 96px;
  }

  /* Financeiro */
  #financeTable td:nth-child(1)::before{content:"Data";}
  #financeTable td:nth-child(2)::before{content:"Área";}
  #financeTable td:nth-child(3)::before{content:"Tipo";}
  #financeTable td:nth-child(4)::before{content:"Descrição";}
  #financeTable td:nth-child(5)::before{content:"Valor";}
  #financeTable td:nth-child(6)::before{content:"Ação";}

  /* Pendências */
  #taskTable td:nth-child(1)::before{content:"Área";}
  #taskTable td:nth-child(2)::before{content:"Pendência";}
  #taskTable td:nth-child(3)::before{content:"Prioridade";}
  #taskTable td:nth-child(4)::before{content:"Status";}
  #taskTable td:nth-child(5)::before{content:"Prazo";}
  #taskTable td:nth-child(6)::before{content:"Resp.";}
  #taskTable td:nth-child(7)::before{content:"Ação";}

  /* Estoque */
  #stockTable td:nth-child(1)::before{content:"Produto";}
  #stockTable td:nth-child(2)::before{content:"Tam.";}
  #stockTable td:nth-child(3)::before{content:"Cor";}
  #stockTable td:nth-child(4)::before{content:"Qtd";}
  #stockTable td:nth-child(5)::before{content:"Custo";}
  #stockTable td:nth-child(6)::before{content:"Venda";}
  #stockTable td:nth-child(7)::before{content:"Lucro";}
  #stockTable td:nth-child(8)::before{content:"Ação";}

  /* Clientes */
  #clientTable td:nth-child(1)::before{content:"Nome";}
  #clientTable td:nth-child(2)::before{content:"Contato";}
  #clientTable td:nth-child(3)::before{content:"Última";}
  #clientTable td:nth-child(4)::before{content:"Status";}
  #clientTable td:nth-child(5)::before{content:"Obs.";}
  #clientTable td:nth-child(6)::before{content:"Ação";}

  /* Resumo por área */
  #businessSummary td:nth-child(1)::before{content:"Área";}
  #businessSummary td:nth-child(2)::before{content:"Faturamento";}
  #businessSummary td:nth-child(3)::before{content:"Despesas";}
  #businessSummary td:nth-child(4)::before{content:"Lucro";}
  #businessSummary td:nth-child(5)::before{content:"Margem";}

  .badge{
    padding:6px 9px;
    font-size:11.5px;
  }

  .filters{
    grid-template-columns:1fr;
    gap:8px;
  }

  .task-item{
    border-radius:18px;
    padding:13px;
    background:#0b0e13;
  }

  .task-meta{
    font-size:11.5px;
  }

  .goal-card p{
    font-size:12.5px;
  }

  #goalCards{
    grid-template-columns:1fr;
  }

  .auth-card{
    border-radius:28px;
    padding:24px;
    margin:0 10px;
    background:linear-gradient(180deg, rgba(24,29,38,.95), rgba(13,16,22,.95));
  }

  .auth-card h1{
    font-size:31px;
    letter-spacing:-1px;
  }

  .center-screen{
    align-items:center;
    padding:18px;
    background:
      radial-gradient(circle at 12% 0%, rgba(215,181,109,.20), transparent 28%),
      radial-gradient(circle at 100% 20%, rgba(112,167,255,.10), transparent 28%),
      #0b0d10;
  }

  .toast{
    left:14px;
    right:14px;
    bottom:calc(92px + env(safe-area-inset-bottom));
    text-align:center;
  }
}

/* Telas bem pequenas */
@media(max-width:390px){
  .nav{
    font-size:9.5px;
    min-height:56px;
  }
  .cards{
    grid-template-columns:1fr;
  }
  .metric{
    min-height:94px;
  }
  .metric strong{
    font-size:27px;
  }
}

/* Desktop continua bonito */
@media(min-width:1001px){
  .page{
    animation:fadeIn .18s ease both;
  }
  @keyframes fadeIn{
    from{opacity:.65;transform:translateY(4px)}
    to{opacity:1;transform:none}
  }
}


/* V3 - removido Estoque ELEMEN e Clientes Focus */
@media(max-width:1000px){
  .single-mobile{
    grid-template-columns:1fr;
  }
}
@media(min-width:1001px){
  .single-mobile{
    grid-template-columns:1fr;
  }
}


/* V4.1 - Pagamentos corrigido */
.badge.pagamento{color:var(--green)}
.badge.despesa{color:var(--red)}

@media(max-width:1000px){
  #businessSummary td:nth-child(1)::before{content:"Área";}
  #businessSummary td:nth-child(2)::before{content:"Pagamentos";}
  #businessSummary td:nth-child(3)::before{content:"Despesas";}
  #businessSummary td:nth-child(4)::before{content:"Obs.";}
}


/* V5 - Despesas separadas */
@media(max-width:1000px){
  .nav[data-page="despesas"]::before{content:"−";}
  #businessSummary td:nth-child(1)::before{content:"Origem";}
  #businessSummary td:nth-child(2)::before{content:"Pagamentos";}
  #expenseTable td:nth-child(1)::before{content:"Data";}
  #expenseTable td:nth-child(2)::before{content:"Descrição";}
  #expenseTable td:nth-child(3)::before{content:"Valor";}
  #expenseTable td:nth-child(4)::before{content:"Ação";}
}

/* V6 - Completo */
.mt{margin-top:16px}
.top-actions{display:flex;gap:10px;align-items:center}
.top-actions input{width:150px}
.alerts{display:grid;gap:10px;margin-bottom:12px}
.alert{background:rgba(255,107,107,.12);border:1px solid rgba(255,107,107,.35);color:#ffb7b7;border-radius:18px;padding:12px 14px;font-weight:800}
.fab{display:none}
.quick-menu{display:none}
.badge.pagamento,.badge.paga,.badge.recebido{color:var(--green)}
.badge.despesa,.badge.pendente,.badge.alta{color:var(--red)}

@media(max-width:1000px){
  nav{grid-template-columns:repeat(5,1fr)!important}
  .nav{font-size:9.2px}
  .nav[data-page="limites"]::before{content:"%";}
  .nav[data-page="guardado"]::before{content:"$";}
  .nav[data-page="fixas"]::before{content:"↺";}
  .nav[data-page="receber"]::before{content:"↓";}
  .nav[data-page="relatorios"]::before{content:"≡";}
  .nav[data-page="config"]{display:none}
  .top-actions input{width:130px;min-height:44px}
  .topbar{gap:8px}
  .topbar p{display:none}
  #refreshBtn{display:none}
  .fab{
    display:grid;
    place-items:center;
    position:fixed;
    right:18px;
    bottom:calc(94px + env(safe-area-inset-bottom));
    width:58px;
    height:58px;
    border-radius:22px;
    background:var(--accent);
    color:#111;
    font-size:32px;
    font-weight:900;
    border:0;
    box-shadow:0 16px 42px rgba(0,0,0,.4);
    z-index:70;
  }
  .quick-menu{
    display:grid;
    gap:8px;
    position:fixed;
    right:18px;
    bottom:calc(160px + env(safe-area-inset-bottom));
    background:rgba(12,15,20,.94);
    border:1px solid var(--line);
    border-radius:22px;
    padding:10px;
    z-index:70;
    box-shadow:0 18px 60px rgba(0,0,0,.45);
  }
  .quick-menu button{
    border:1px solid var(--line);
    background:#0e1116;
    color:var(--text);
    border-radius:14px;
    padding:12px 14px;
    font-weight:900;
    text-align:left;
  }

  #businessSummary td:nth-child(1)::before{content:"Origem";}
  #businessSummary td:nth-child(2)::before{content:"Pagamentos";}

  #financeTable td:nth-child(1)::before{content:"Data";}
  #financeTable td:nth-child(2)::before{content:"Origem";}
  #financeTable td:nth-child(3)::before{content:"Descrição";}
  #financeTable td:nth-child(4)::before{content:"Valor";}
  #financeTable td:nth-child(5)::before{content:"Ação";}

  #expenseTable td:nth-child(1)::before{content:"Data";}
  #expenseTable td:nth-child(2)::before{content:"Descrição";}
  #expenseTable td:nth-child(3)::before{content:"Categoria";}
  #expenseTable td:nth-child(4)::before{content:"Forma";}
  #expenseTable td:nth-child(5)::before{content:"Status";}
  #expenseTable td:nth-child(6)::before{content:"Valor";}
  #expenseTable td:nth-child(7)::before{content:"Ação";}

  #savingTable td:nth-child(1)::before{content:"Data";}
  #savingTable td:nth-child(2)::before{content:"Valor";}
  #savingTable td:nth-child(3)::before{content:"Onde";}
  #savingTable td:nth-child(4)::before{content:"Obs.";}
  #savingTable td:nth-child(5)::before{content:"Ação";}

  #fixedTable td:nth-child(1)::before{content:"Conta";}
  #fixedTable td:nth-child(2)::before{content:"Valor";}
  #fixedTable td:nth-child(3)::before{content:"Vence";}
  #fixedTable td:nth-child(4)::before{content:"Categoria";}
  #fixedTable td:nth-child(5)::before{content:"Status";}
  #fixedTable td:nth-child(6)::before{content:"Obs.";}
  #fixedTable td:nth-child(7)::before{content:"Ação";}

  #receivableTable td:nth-child(1)::before{content:"Origem";}
  #receivableTable td:nth-child(2)::before{content:"Descrição";}
  #receivableTable td:nth-child(3)::before{content:"Data";}
  #receivableTable td:nth-child(4)::before{content:"Status";}
  #receivableTable td:nth-child(5)::before{content:"Valor";}
  #receivableTable td:nth-child(6)::before{content:"Ação";}
}


/* V6.1 - Refinamento mobile */
.hidden-metric{
  display:none;
}

.compact-main{
  grid-template-columns:1.15fr .85fr;
}

.compact-main .featured{
  background:linear-gradient(180deg, rgba(215,181,109,.20), rgba(24,29,38,.92));
  border-color:rgba(215,181,109,.30);
}

@media(max-width:1000px){
  #app{
    padding-bottom:calc(80px + env(safe-area-inset-bottom));
  }

  .sidebar{
    padding:6px 8px calc(6px + env(safe-area-inset-bottom));
  }

  nav{
    gap:3px;
  }

  .nav{
    min-height:49px;
    padding:5px 2px;
    border-radius:14px;
    font-size:8.7px;
    line-height:1;
  }

  .nav::before{
    font-size:15px;
    margin-bottom:3px;
  }

  main{
    padding-left:10px;
    padding-right:10px;
  }

  .topbar{
    margin-left:-10px;
    margin-right:-10px;
    padding-bottom:10px;
    border-radius:0 0 22px 22px;
  }

  .topbar h2{
    font-size:23px;
  }

  .top-actions input{
    width:118px;
    min-height:40px;
    padding:8px 10px;
    border-radius:15px;
    font-size:14px;
  }

  .cards{
    gap:8px;
  }

  .compact-main{
    grid-template-columns:1fr 1fr;
  }

  .compact-secondary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .card{
    border-radius:20px;
    padding:12px;
  }

  .metric{
    min-height:86px;
  }

  .metric span{
    font-size:11.5px;
  }

  .metric strong{
    font-size:22px;
    letter-spacing:-.7px;
  }

  .compact-main .featured strong{
    font-size:25px;
  }

  .two{
    gap:10px;
    margin-top:10px;
  }

  .mt{
    margin-top:10px;
  }

  .fab{
    width:54px;
    height:54px;
    right:16px;
    bottom:calc(76px + env(safe-area-inset-bottom));
    border-radius:20px;
    font-size:30px;
  }

  .quick-menu{
    right:14px;
    bottom:calc(138px + env(safe-area-inset-bottom));
  }

  .toast{
    bottom:calc(80px + env(safe-area-inset-bottom));
  }
}

@media(max-width:390px){
  .metric{
    min-height:78px;
  }

  .metric strong{
    font-size:21px;
  }

  .compact-main .featured strong{
    font-size:23px;
  }

  .nav{
    font-size:8px;
  }
}


/* V6.2 - Pagamentos voltou e Saldo acumulado */
@media(max-width:1000px){
  .compact-main{
    grid-template-columns:1fr 1fr;
  }

  .compact-main .featured{
    grid-column:1 / -1;
    min-height:92px;
  }

  .compact-main .featured strong{
    font-size:28px;
  }
}

@media(min-width:1001px){
  .compact-main{
    grid-template-columns:1.2fr .9fr .9fr;
  }
}


/* V6.3 - Acabamento final mobile */
@media(max-width:1000px){
  #app{
    padding-bottom:calc(74px + env(safe-area-inset-bottom));
  }

  .sidebar{
    padding:5px 7px calc(5px + env(safe-area-inset-bottom));
  }

  nav{
    gap:2px;
  }

  .nav{
    min-height:45px;
    padding:4px 2px;
    border-radius:13px;
    font-size:8px;
    letter-spacing:-.1px;
  }

  .nav::before{
    font-size:14px;
    margin-bottom:2px;
  }

  .topbar{
    padding-bottom:9px;
  }

  .topbar h2{
    font-size:22px;
  }

  .top-actions input{
    width:112px;
    min-height:38px;
    font-size:13.5px;
    text-align:center;
  }

  .card{
    padding:11px;
    border-radius:19px;
  }

  .card-head{
    margin-bottom:10px;
  }

  .card h3{
    font-size:15.5px;
  }

  .hint{
    font-size:10.5px;
  }

  input, select{
    min-height:44px;
    padding:10px 12px;
    border-radius:15px;
  }

  .primary,.ghost,.danger{
    min-height:46px;
    border-radius:15px;
  }

  .metric{
    min-height:76px;
  }

  .metric span{
    font-size:11px;
  }

  .metric strong{
    font-size:21px;
  }

  .compact-main .featured{
    min-height:84px;
  }

  .compact-main .featured strong{
    font-size:26px;
  }

  .fab{
    width:48px;
    height:48px;
    right:14px;
    bottom:calc(72px + env(safe-area-inset-bottom));
    border-radius:18px;
    font-size:28px;
    box-shadow:0 12px 34px rgba(0,0,0,.42);
  }

  .quick-menu{
    right:12px;
    bottom:calc(126px + env(safe-area-inset-bottom));
    border-radius:20px;
    padding:8px;
  }

  .quick-menu button{
    padding:10px 12px;
    border-radius:13px;
    font-size:13px;
  }

  .task-item{
    padding:11px;
    border-radius:16px;
  }

  .task-item strong{
    font-size:15.5px;
  }

  .task-meta{
    font-size:11px;
  }

  tr{
    padding:10px;
    border-radius:16px;
  }

  td{
    padding:5px 0;
    font-size:13px;
  }

  td::before{
    flex-basis:84px;
    font-size:10px;
  }

  .filters{
    gap:7px;
  }

  /* Campo prazo da pendência com dica visual */
  #taskDue:invalid,
  #taskDue:not([value]){
    color:var(--muted);
  }

  /* Relatórios mais premium e compactos */
  #monthlyReport .task-item,
  #weeklyReport .task-item{
    background:linear-gradient(180deg, rgba(14,17,22,.98), rgba(8,10,14,.98));
  }

  #monthlyReport .task-item strong,
  #weeklyReport .task-item strong{
    font-size:16px;
  }

  #monthlyReport .task-meta span,
  #weeklyReport .task-meta span{
    font-size:13px;
    color:#d8dde5;
  }
}

@media(max-width:390px){
  .nav{
    font-size:7.4px;
  }

  .nav::before{
    font-size:13px;
  }

  .metric strong{
    font-size:19px;
  }

  .compact-main .featured strong{
    font-size:23px;
  }

  .top-actions input{
    width:104px;
  }
}

/* Desktop também mais polido */
.card{
  transition:transform .12s ease, border-color .12s ease;
}
@media(min-width:1001px){
  .card:hover{
    transform:translateY(-1px);
    border-color:rgba(215,181,109,.18);
  }
}


/* V6.4 - Polimento fino */
@media(max-width:1000px){
  #app{
    padding-bottom:calc(68px + env(safe-area-inset-bottom));
  }

  .sidebar{
    padding:4px 6px calc(4px + env(safe-area-inset-bottom));
    background:rgba(9,11,15,.91);
  }

  nav{
    gap:1px;
  }

  .nav{
    min-height:42px;
    padding:3px 1px;
    border-radius:12px;
    font-size:7.6px;
  }

  .nav::before{
    font-size:13px;
    margin-bottom:1px;
  }

  .metric span{
    font-size:10.7px;
    letter-spacing:-.1px;
  }

  .metric strong{
    font-size:20px;
  }

  .compact-main .featured strong{
    font-size:25px;
  }

  .card{
    padding:10px;
  }

  .card h3{
    font-size:15px;
  }

  input, select{
    min-height:42px;
    padding:9px 11px;
  }

  .primary,.ghost,.danger{
    min-height:44px;
  }

  .fab{
    width:46px;
    height:46px;
    right:12px;
    bottom:calc(68px + env(safe-area-inset-bottom));
    border-radius:17px;
    font-size:27px;
  }

  .quick-menu{
    bottom:calc(120px + env(safe-area-inset-bottom));
  }

  /* Dá respiro no fim das páginas para o + não cobrir conteúdo */
  .page{
    padding-bottom:54px;
  }

  /* Cards de listagem mais compactos */
  tr{
    padding:9px 10px;
  }

  td{
    padding:4px 0;
  }

  /* Relatórios: mais elegante e com menos altura */
  #monthlyReport,
  #weeklyReport{
    gap:8px;
  }

  #monthlyReport .task-item,
  #weeklyReport .task-item{
    padding:10px 12px;
  }

  #monthlyReport .task-item strong,
  #weeklyReport .task-item strong{
    font-size:15.5px;
  }

  #monthlyReport .task-meta span,
  #weeklyReport .task-meta span{
    font-size:12.5px;
  }
}

@media(max-width:390px){
  .nav{
    font-size:7px;
  }

  .nav::before{
    font-size:12.5px;
  }

  .metric strong{
    font-size:18.5px;
  }

  .compact-main .featured strong{
    font-size:22px;
  }
}


/* V6.5 - Menu principal + Outros */
.other-menu{
  display:none;
}

@media(max-width:1000px){
  nav{
    grid-template-columns:repeat(5,1fr)!important;
  }

  .nav{
    min-height:44px;
    font-size:7.8px;
  }

  .nav[data-page="relatorios"]::before{content:"≡";}
  .nav[data-page="pendencias"]::before{content:"✓";}
  #moreBtn::before{content:"•••";}

  .nav[data-page="despesas"],
  .nav[data-page="limites"],
  .nav[data-page="guardado"],
  .nav[data-page="fixas"],
  .nav[data-page="receber"],
  .nav[data-page="metas"],
  .nav[data-page="config"]{
    display:none!important;
  }

  .other-menu{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    position:fixed;
    left:12px;
    right:12px;
    bottom:calc(76px + env(safe-area-inset-bottom));
    background:rgba(12,15,20,.96);
    border:1px solid var(--line);
    border-radius:22px;
    padding:10px;
    z-index:75;
    box-shadow:0 18px 60px rgba(0,0,0,.48);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }

  .other-menu button{
    border:1px solid rgba(255,255,255,.08);
    background:#0e1116;
    color:var(--text);
    border-radius:15px;
    padding:12px 10px;
    font-weight:900;
    text-align:center;
    font-size:13px;
  }

  .fab{
    bottom:calc(86px + env(safe-area-inset-bottom));
    right:14px;
  }

  .quick-menu{
    bottom:calc(140px + env(safe-area-inset-bottom));
  }

  .toast{
    bottom:calc(78px + env(safe-area-inset-bottom));
  }
}


/* V6.6 - Pendências Clean */
.clean-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
  padding:0 2px;
}

.clean-header h3{
  margin:0;
  font-size:20px;
}

.clean-header p{
  margin:3px 0 0;
}

.mini{
  min-height:38px!important;
  padding:8px 13px!important;
  border-radius:14px!important;
  font-size:13px!important;
  flex:0 0 auto;
}

.clean-list-card{
  padding-top:12px;
}

.compact-filters{
  grid-template-columns:1fr 1fr 1fr;
  gap:8px;
}

.compact-form{
  gap:8px;
}

@media(max-width:1000px){
  #pendencias .clean-header{
    position:sticky;
    top:calc(82px + env(safe-area-inset-top));
    z-index:10;
    background:rgba(11,13,16,.72);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,.06);
    border-radius:18px;
    padding:10px 11px;
  }

  #pendencias .clean-header h3{
    font-size:17px;
  }

  #pendencias .clean-header p{
    font-size:11px;
  }

  #taskFormCard{
    margin-bottom:10px;
  }

  #taskFormCard .card-head{
    margin-bottom:8px;
  }

  #taskFormCard input,
  #taskFormCard select{
    min-height:40px;
  }

  .compact-filters{
    grid-template-columns:1fr;
    gap:6px;
    margin-bottom:9px;
  }

  .compact-filters select{
    min-height:39px;
    font-size:14px;
  }

  #taskTable tr{
    padding:10px 11px;
  }

  #taskTable td{
    display:grid;
    grid-template-columns:75px 1fr;
    align-items:center;
    gap:10px;
    padding:4px 0;
  }

  #taskTable td::before{
    flex-basis:auto;
  }

  #taskTable td:nth-child(2){
    font-size:14.5px;
    font-weight:800;
    color:#f3f5f7;
  }

  #taskTable td:nth-child(4) select{
    min-height:35px;
    padding:6px 9px;
    font-size:13px;
  }

  #taskTable .icon-btn{
    width:100%;
    padding:9px;
  }

  /* Esconde responsável vazio para ficar mais limpo? mantém se tiver conteúdo via tabela */
}

@media(min-width:1001px){
  .compact-form{
    grid-template-columns:repeat(6,minmax(0,1fr));
  }
}


/* V6.7 - Comparativo mês anterior */
.comparison-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

.comparison-card{
  background:#0b0e13;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:12px;
}

.comparison-card span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:6px;
}

.comparison-card strong{
  display:block;
  font-size:18px;
  margin-bottom:5px;
}

.comparison-card small{
  color:var(--muted);
  font-size:11px;
  line-height:1.25;
}

.comparison-card .good{color:var(--green)}
.comparison-card .bad{color:var(--red)}
.comparison-card .neutral{color:var(--muted)}

@media(max-width:1000px){
  .comparison-grid{
    grid-template-columns:1fr;
    gap:8px;
  }

  .comparison-card{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:4px 10px;
    padding:10px 12px;
  }

  .comparison-card span{
    margin:0;
    font-size:11px;
  }

  .comparison-card strong{
    margin:0;
    font-size:16px;
    text-align:right;
  }

  .comparison-card small{
    grid-column:1 / -1;
    font-size:10.5px;
  }
}


/* V6.8 - Dashboard refinado + Pagamentos clean */
@media(max-width:1000px){
  #financeiro .clean-header{
    position:sticky;
    top:calc(82px + env(safe-area-inset-top));
    z-index:10;
    background:rgba(11,13,16,.72);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,.06);
    border-radius:18px;
    padding:10px 11px;
  }

  #financeiro .clean-header h3{
    font-size:17px;
    margin:0;
  }

  #financeiro .clean-header p{
    font-size:11px;
    margin:3px 0 0;
  }

  #financeFormCard{
    margin-bottom:10px;
  }

  #financeFormCard input,
  #financeFormCard select{
    min-height:40px;
  }

  #financeTable tr{
    padding:10px 11px;
  }

  #financeTable td{
    display:grid;
    grid-template-columns:75px 1fr;
    align-items:center;
    gap:10px;
    padding:4px 0;
  }

  #financeTable td:nth-child(3){
    font-weight:800;
    color:#f3f5f7;
  }

  .comparison-grid{
    grid-template-columns:repeat(3,1fr);
    gap:6px;
  }

  .comparison-card{
    display:block;
    padding:9px 8px;
    border-radius:14px;
  }

  .comparison-card span{
    font-size:10px;
    margin-bottom:4px;
  }

  .comparison-card strong{
    font-size:14px;
    text-align:left;
    margin-bottom:3px;
  }

  .comparison-card small{
    font-size:9px;
    display:block;
    line-height:1.15;
  }

  .fab{
    width:44px;
    height:44px;
    bottom:calc(96px + env(safe-area-inset-bottom));
    right:13px;
    border-radius:16px;
  }

  .quick-menu{
    bottom:calc(146px + env(safe-area-inset-bottom));
  }

  .other-menu{
    bottom:calc(74px + env(safe-area-inset-bottom));
  }

  #dashboard .card-head h3{
    font-size:14.5px;
  }

  #businessSummary tr{
    padding:8px 10px;
  }

  #businessSummary td{
    padding:3px 0;
  }
}

@media(max-width:390px){
  .comparison-card strong{
    font-size:13px;
  }

  .comparison-card small{
    font-size:8.5px;
  }
}


/* V6.9 - Entradas por origem visível abaixo do comparativo */
@media(max-width:1000px){
  .origin-card{
    margin-top:10px;
  }

  .origin-card tr{
    padding:9px 10px;
  }

  .origin-card td{
    padding:4px 0;
  }
}


/* V7 - Dashboard limpa */
@media(max-width:1000px){
  .origin-card{
    padding:10px;
  }

  .origin-card .card-head{
    margin-bottom:8px;
  }

  .origin-card table,
  .origin-card tbody{
    display:block;
  }

  .origin-card tbody{
    display:grid;
    gap:7px;
  }

  .origin-card tr{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    padding:10px 12px;
    border-radius:16px;
    background:#0b0e13;
    border:1px solid rgba(255,255,255,.08);
  }

  .origin-card td{
    display:block;
    padding:0;
  }

  .origin-card td::before{
    display:none;
  }

  .origin-card td:first-child{
    font-size:14px;
    font-weight:900;
    color:#f3f5f7;
  }

  .origin-card td:last-child{
    font-size:15px;
    font-weight:900;
    color:#f3f5f7;
    text-align:right;
  }

  /* Urgências mais próximas da origem agora que removemos categorias */
  #dashboard .card.mt{
    margin-top:10px;
  }
}


/* =========================================================
   V8 - ELEMEN integrada
   ========================================================= */
.mode-switch{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:-14px 0 18px;
  background:#0e1116;
  border:1px solid var(--line);
  padding:5px;
  border-radius:16px;
}

.mode-btn{
  border:0;
  border-radius:12px;
  background:transparent;
  color:var(--muted);
  font-weight:900;
  padding:10px 8px;
  cursor:pointer;
}

.mode-btn.active{
  background:linear-gradient(135deg,#e7d39c,#96733a);
  color:#08090b;
}

.elemen-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:rgba(215,181,109,.10);
  border:1px solid rgba(215,181,109,.22);
  border-radius:18px;
  padding:12px 14px;
  margin-bottom:14px;
}

.elemen-note strong{
  color:#f4dfad;
}

.elemen-note span{
  color:var(--muted);
  font-size:13px;
}

.split-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

.split-card{
  background:#0e1116;
  border:1px solid var(--line);
  border-radius:18px;
  padding:14px;
}

.split-card span{
  display:block;
  color:var(--muted);
  font-size:12px;
  margin-bottom:8px;
}

.split-card strong{
  display:block;
  font-size:22px;
  letter-spacing:-.6px;
}

.split-card small{
  display:block;
  color:#f4dfad;
  margin-top:6px;
  font-weight:900;
}

.nav[data-page="elemen_dashboard"]::before{content:"◇";}
.nav[data-page="elemen_fechamentos"]::before{content:"▤";}
.nav[data-page="elemen_despesas"]::before{content:"−";}
.nav[data-page="elemen_retiradas"]::before{content:"↗";}
.nav[data-page="elemen_config"]::before{content:"⚙";}

@media(max-width:1000px){
  .mode-switch{
    position:fixed;
    left:12px;
    right:12px;
    bottom:calc(76px + env(safe-area-inset-bottom));
    z-index:55;
    margin:0;
    background:rgba(14,17,22,.92);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }

  #app{
    padding-bottom:calc(142px + env(safe-area-inset-bottom));
  }

  .split-grid{
    grid-template-columns:1fr;
  }

  .split-card{
    padding:12px;
  }

  .split-card strong{
    font-size:20px;
  }

  .elemen-note{
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
    padding:11px 12px;
  }

  .elemen-note span{
    font-size:12px;
  }

  .nav[data-page="elemen_config"]{
    display:flex;
  }
}


/* V8.1 - Fixas ELEMEN calculadas no saldo */
.nav[data-page="elemen_fixas"]::before{content:"▣";}

.elemen-note .ghost.mini{
  width:auto;
  padding:8px 12px;
  border-radius:12px;
  white-space:nowrap;
}

@media(max-width:1000px){
  #elemen_fixas .clean-header{
    position:sticky;
    top:calc(82px + env(safe-area-inset-top));
    z-index:10;
    background:rgba(11,13,16,.72);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,.06);
    border-radius:18px;
    padding:10px 11px;
  }

  #elemen_fixas .clean-header h3{
    font-size:17px;
    margin:0;
  }

  #elemen_fixas .clean-header p{
    font-size:11px;
    margin:3px 0 0;
  }
}


/* V8.2 - Caixa manual + fixa paga por fora */
.note-actions{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}

@media(max-width:1000px){
  #elemen_caixa .clean-header{
    position:sticky;
    top:calc(82px + env(safe-area-inset-top));
    z-index:10;
    background:rgba(11,13,16,.72);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,.06);
    border-radius:18px;
    padding:10px 11px;
  }

  #elemen_caixa .clean-header h3{
    font-size:17px;
    margin:0;
  }

  #elemen_caixa .clean-header p{
    font-size:11px;
    margin:3px 0 0;
  }

  #elFixedTable .icon-btn{
    margin:2px 0;
    width:100%;
    justify-content:center;
  }
}


/* V8.3 - Caixa inicial entra na divisão calculada */
.split-card small{
  opacity:.95;
}


/* V8.4 - Pix/Dinheiro separados */
@media(max-width:1000px){
  #elemen_dashboard .compact-main{
    grid-template-columns:1fr 1fr;
  }
  #elemen_dashboard .compact-main .featured{
    grid-column:1 / -1;
  }
}


/* V8.5 - Fixas já pagas antes do controle */
@media(max-width:1000px){
  #elFixedTable .icon-btn{
    font-size:11px;
    min-height:38px;
  }
}


/* V8.6 - Fixas por porcentagem */
@media(min-width:1001px){
  .split-grid{
    grid-template-columns:repeat(4,1fr);
  }
}


/* V9 - Fixas rateadas e alertas */
.alert-card{
  border-color:rgba(255,198,107,.22);
}

.due-danger{
  border-color:rgba(255,92,92,.35)!important;
  background:rgba(255,92,92,.08)!important;
}

.due-warn{
  border-color:rgba(255,198,107,.35)!important;
  background:rgba(255,198,107,.08)!important;
}

.due-info{
  border-color:rgba(111,162,255,.28)!important;
  background:rgba(111,162,255,.06)!important;
}

@media(max-width:1000px){
  .alert-card{
    order:-1;
  }
}


/* V9.1 - Saldo inicial de implantação */
.implantation-card{
  border-color:rgba(215,181,109,.22);
  background:linear-gradient(180deg,rgba(215,181,109,.08),rgba(15,18,24,.92));
}

.initial-split{
  grid-template-columns:repeat(3,1fr);
}

@media(max-width:1000px){
  .initial-split{
    grid-template-columns:1fr;
  }
}


/* V9.2 - Maycon acumulado */
@media(max-width:1000px){
  #elOwnerAccumulated,
  #elOwnerWithdrawn{
    font-size:24px;
  }
}


/* V9.3 - Fixas mais claras no dashboard */
@media(max-width:1000px){
  #elFixedPaidDash,
  #elFixedPendingDash,
  #elFixedProfitDash{
    font-size:24px;
  }
}


/* V9.4 - Dashboard ELEMEN compacta e limpa */
@media(max-width:1000px){
  /* Dashboard ELEMEN com menos altura */
  #elemen_dashboard .card{
    border-radius:18px;
  }

  #elemen_dashboard .metric{
    min-height:auto;
    padding:12px 14px;
  }

  #elemen_dashboard .metric span{
    font-size:11px;
    line-height:1.15;
    margin-bottom:8px;
  }

  #elemen_dashboard .metric strong{
    font-size:24px;
    letter-spacing:-.7px;
    line-height:1;
  }

  #elemen_dashboard .metric.featured{
    min-height:96px;
    padding:15px 16px;
  }

  #elemen_dashboard .metric.featured strong{
    font-size:34px;
  }

  /* Topo: total em cima, resto 2 por linha */
  #elemen_dashboard .compact-main{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  #elemen_dashboard .compact-main .featured{
    grid-column:1 / -1;
  }

  /* Cards secundários sempre 2 por linha */
  #elemen_dashboard .compact-secondary{
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:8px;
  }

  #elemen_dashboard .compact-secondary .metric{
    padding:11px 12px;
  }

  #elemen_dashboard .compact-secondary .metric strong{
    font-size:22px;
  }

  /* Bloco de implantação mais compacto */
  #elemen_dashboard .implantation-card{
    margin-top:8px;
    padding:12px;
  }

  #elemen_dashboard .implantation-card .card-head{
    margin-bottom:8px;
  }

  #elemen_dashboard .implantation-card .card-head h3{
    font-size:16px;
  }

  #elemen_dashboard .implantation-card .hint{
    font-size:11px;
  }

  #elemen_dashboard .initial-split{
    grid-template-columns:repeat(3,1fr);
    gap:7px;
  }

  #elemen_dashboard .initial-split .split-card{
    padding:10px 8px;
    border-radius:14px;
  }

  #elemen_dashboard .initial-split .split-card span{
    font-size:10px;
    margin-bottom:6px;
    line-height:1.1;
  }

  #elemen_dashboard .initial-split .split-card strong{
    font-size:16px;
    letter-spacing:-.4px;
  }

  #elemen_dashboard .initial-split .split-card small{
    font-size:10px;
    margin-top:4px;
  }

  /* Divisão calculada mais compacta */
  #elemen_dashboard .split-grid:not(.initial-split){
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  #elemen_dashboard .split-grid:not(.initial-split) .split-card{
    padding:11px 10px;
    border-radius:15px;
  }

  #elemen_dashboard .split-grid:not(.initial-split) .split-card span{
    font-size:10.5px;
    margin-bottom:6px;
  }

  #elemen_dashboard .split-grid:not(.initial-split) .split-card strong{
    font-size:19px;
  }

  #elemen_dashboard .split-grid:not(.initial-split) .split-card small{
    font-size:10px;
  }

  /* Cards de listas menos pesados */
  #elemen_dashboard .task-item{
    padding:10px 11px;
    border-radius:14px;
  }

  #elemen_dashboard .task-item strong{
    font-size:14px;
  }

  #elemen_dashboard .task-meta{
    font-size:11px;
    gap:6px;
  }

  #elemen_dashboard .card-head h3{
    font-size:16px;
  }

  #elemen_dashboard .card-head{
    margin-bottom:8px;
  }

  #elemen_dashboard .grid.two{
    gap:8px;
    margin-top:8px;
  }

  #elemen_dashboard .mt{
    margin-top:8px;
  }

  /* Nota superior menor */
  #elemen_dashboard .elemen-note{
    padding:10px 11px;
    border-radius:16px;
    margin-bottom:10px;
  }

  #elemen_dashboard .elemen-note strong{
    font-size:14px;
  }

  #elemen_dashboard .elemen-note span{
    font-size:11px;
    line-height:1.25;
  }

  #elemen_dashboard .note-actions .mini{
    padding:7px 10px;
    font-size:12px;
  }
}

@media(max-width:370px){
  #elemen_dashboard .metric strong{
    font-size:21px;
  }

  #elemen_dashboard .metric.featured strong{
    font-size:30px;
  }

  #elemen_dashboard .initial-split .split-card strong{
    font-size:14px;
  }

  #elemen_dashboard .initial-split .split-card span{
    font-size:9px;
  }
}


/* V9.5 - Dashboard ELEMEN realmente enxuta */
@media(max-width:1000px){
  /* Menos espaço geral no dashboard */
  #elemen_dashboard{
    gap:8px;
  }

  #elemen_dashboard .elemen-note{
    display:grid;
    grid-template-columns:1fr auto;
    gap:6px 10px;
    padding:9px 10px;
    margin-bottom:8px;
  }

  #elemen_dashboard .elemen-note strong{
    font-size:13px;
  }

  #elemen_dashboard .elemen-note span{
    font-size:10.5px;
    line-height:1.15;
  }

  #elemen_dashboard .note-actions{
    grid-column:2;
    grid-row:1 / span 2;
    align-self:center;
  }

  #elemen_dashboard .note-actions .mini{
    padding:6px 8px;
    font-size:11px;
    min-height:30px;
  }

  /* Topo: cards bem menores */
  #elemen_dashboard .compact-main{
    grid-template-columns:1fr 1fr 1fr;
    gap:6px;
    margin-top:0;
  }

  #elemen_dashboard .compact-main .featured{
    grid-column:1 / -1;
  }

  #elemen_dashboard .metric{
    padding:9px 9px;
    border-radius:14px;
    min-height:68px;
  }

  #elemen_dashboard .metric span{
    font-size:9.8px;
    line-height:1.05;
    margin-bottom:6px;
  }

  #elemen_dashboard .metric strong{
    font-size:18px;
    line-height:1;
    letter-spacing:-.5px;
  }

  #elemen_dashboard .metric.featured{
    min-height:76px;
    padding:12px;
  }

  #elemen_dashboard .metric.featured strong{
    font-size:30px;
  }

  /* Segunda grade com cards menores */
  #elemen_dashboard .compact-secondary{
    grid-template-columns:repeat(3,1fr);
    gap:6px;
    margin-top:6px;
  }

  #elemen_dashboard .compact-secondary .metric{
    min-height:62px;
    padding:8px;
  }

  #elemen_dashboard .compact-secondary .metric strong{
    font-size:16px;
  }

  #elemen_dashboard .compact-secondary .metric span{
    font-size:9.2px;
  }

  /* Bloco de saldo inicial: vira uma régua fina */
  #elemen_dashboard .implantation-card{
    padding:9px;
    margin-top:6px;
    border-radius:15px;
  }

  #elemen_dashboard .implantation-card .card-head{
    margin-bottom:6px;
  }

  #elemen_dashboard .implantation-card .card-head h3{
    font-size:13px;
  }

  #elemen_dashboard .implantation-card .hint{
    font-size:9.5px;
  }

  #elemen_dashboard .initial-split{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:5px;
  }

  #elemen_dashboard .initial-split .split-card{
    min-height:auto;
    padding:7px 6px;
    border-radius:11px;
  }

  #elemen_dashboard .initial-split .split-card span{
    font-size:8.5px;
    line-height:1;
    margin-bottom:5px;
  }

  #elemen_dashboard .initial-split .split-card strong{
    font-size:13.5px;
    letter-spacing:-.3px;
  }

  #elemen_dashboard .initial-split .split-card small{
    font-size:8.5px;
    margin-top:3px;
  }

  /* Divisão calculada menor e menos alta */
  #elemen_dashboard .split-grid:not(.initial-split){
    grid-template-columns:repeat(4,1fr);
    gap:5px;
  }

  #elemen_dashboard .split-grid:not(.initial-split) .split-card{
    padding:7px 5px;
    border-radius:11px;
  }

  #elemen_dashboard .split-grid:not(.initial-split) .split-card span{
    font-size:8.3px;
    line-height:1.05;
    margin-bottom:5px;
  }

  #elemen_dashboard .split-grid:not(.initial-split) .split-card strong{
    font-size:12.5px;
    letter-spacing:-.2px;
  }

  #elemen_dashboard .split-grid:not(.initial-split) .split-card small{
    font-size:8px;
    margin-top:3px;
  }

  #elemen_dashboard .card-head{
    margin-bottom:6px;
  }

  #elemen_dashboard .card-head h3{
    font-size:14px;
  }

  #elemen_dashboard .card-head .hint{
    font-size:10px;
  }

  #elemen_dashboard .card{
    padding:10px;
    border-radius:15px;
  }

  #elemen_dashboard .mt{
    margin-top:6px;
  }

  #elemen_dashboard .grid.two{
    gap:6px;
    margin-top:6px;
  }

  /* Alertas e resumo compactos */
  #elemen_dashboard .task-item{
    padding:8px 9px;
    border-radius:12px;
  }

  #elemen_dashboard .task-item strong{
    font-size:12.5px;
  }

  #elemen_dashboard .task-meta{
    font-size:10px;
  }

  /* Evita o botão flutuante cobrir os valores */
  .fab{
    width:42px;
    height:42px;
    border-radius:14px;
    right:12px;
    bottom:calc(104px + env(safe-area-inset-bottom));
  }

  .mode-switch{
    bottom:calc(72px + env(safe-area-inset-bottom));
  }
}

@media(max-width:390px){
  #elemen_dashboard .metric strong{
    font-size:16px;
  }

  #elemen_dashboard .metric.featured strong{
    font-size:27px;
  }

  #elemen_dashboard .initial-split .split-card strong{
    font-size:12px;
  }

  #elemen_dashboard .split-grid:not(.initial-split) .split-card strong{
    font-size:11.5px;
  }
}


/* =========================================================
   V10 CLEAN - ELEMEN acabamento visual
   ========================================================= */

/* Na ELEMEN não precisa do botão flutuante porque cada aba tem seu + Novo */
body[data-mode="elemen"] .fab{
  display:none!important;
}

body[data-mode="elemen"] .quick-menu{
  display:none!important;
}

@media(max-width:1000px){
  /* Menos respiro exagerado nas páginas ELEMEN */
  #elemen_dashboard,
  #elemen_fechamentos,
  #elemen_despesas,
  #elemen_fixas,
  #elemen_retiradas,
  #elemen_caixa,
  #elemen_config{
    padding-bottom:calc(118px + env(safe-area-inset-bottom));
  }

  /* Header das páginas ELEMEN mais limpo */
  #elemen_fechamentos .clean-header,
  #elemen_despesas .clean-header,
  #elemen_fixas .clean-header,
  #elemen_retiradas .clean-header,
  #elemen_caixa .clean-header{
    padding:10px 12px;
    border-radius:18px;
    background:rgba(15,18,24,.78);
    border:1px solid rgba(255,255,255,.07);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }

  #elemen_fechamentos .clean-header h3,
  #elemen_despesas .clean-header h3,
  #elemen_fixas .clean-header h3,
  #elemen_retiradas .clean-header h3,
  #elemen_caixa .clean-header h3{
    font-size:18px;
  }

  #elemen_fechamentos .clean-header p,
  #elemen_despesas .clean-header p,
  #elemen_fixas .clean-header p,
  #elemen_retiradas .clean-header p,
  #elemen_caixa .clean-header p{
    font-size:11px;
    line-height:1.25;
  }

  #elemen_fechamentos .clean-header .mini,
  #elemen_despesas .clean-header .mini,
  #elemen_fixas .clean-header .mini,
  #elemen_retiradas .clean-header .mini,
  #elemen_caixa .clean-header .mini{
    padding:9px 14px;
    border-radius:16px;
    min-height:42px;
    font-size:14px;
  }

  /* Dashboard ELEMEN ainda mais objetivo */
  #elemen_dashboard .elemen-note{
    display:none;
  }

  #elemen_dashboard .compact-main{
    margin-top:0;
  }

  /* Reduz cards secundários sem perder leitura */
  #elemen_dashboard .compact-secondary{
    grid-template-columns:repeat(3,1fr);
  }

  #elemen_dashboard .compact-secondary .metric{
    min-height:58px;
  }

  #elemen_dashboard .compact-secondary .metric strong{
    font-size:15px;
  }

  #elemen_dashboard .compact-secondary .metric span{
    font-size:8.8px;
  }

  /* Saldo inicial vira faixa pequena */
  #elemen_dashboard .implantation-card{
    padding:8px;
    border-radius:14px;
  }

  #elemen_dashboard .implantation-card .card-head h3{
    font-size:12.5px;
  }

  #elemen_dashboard .implantation-card .hint{
    font-size:9px;
  }

  #elemen_dashboard .initial-split{
    gap:4px;
  }

  #elemen_dashboard .initial-split .split-card{
    padding:6px 5px;
    border-radius:10px;
  }

  #elemen_dashboard .initial-split .split-card strong{
    font-size:12px;
  }

  #elemen_dashboard .initial-split .split-card span,
  #elemen_dashboard .initial-split .split-card small{
    font-size:8px;
  }

  /* Esconde Resumo do mês gigantesco no dashboard: fica só em formato compacto */
  #elemen_dashboard #elMonthSummary .task-item{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    padding:8px 10px;
  }

  #elemen_dashboard #elMonthSummary .task-item strong{
    font-size:12px;
  }

  #elemen_dashboard #elMonthSummary .task-meta{
    justify-content:flex-end;
    margin-top:0;
  }

  /* Tabelas/cartões das abas ELEMEN mais compactos */
  #elemen_despesas tbody tr,
  #elemen_fixas tbody tr,
  #elemen_retiradas tbody tr,
  #elemen_fechamentos tbody tr,
  #elemen_caixa tbody tr{
    padding:12px 12px!important;
    border-radius:17px!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:4px 10px!important;
    align-items:center!important;
  }

  #elemen_despesas tbody td,
  #elemen_fixas tbody td,
  #elemen_retiradas tbody td,
  #elemen_fechamentos tbody td,
  #elemen_caixa tbody td{
    display:block!important;
    padding:1px 0!important;
    text-align:right!important;
    font-size:13px!important;
    line-height:1.2!important;
    color:#f4f5f7!important;
    overflow-wrap:anywhere;
  }

  #elemen_despesas tbody td::before,
  #elemen_fixas tbody td::before,
  #elemen_retiradas tbody td::before,
  #elemen_fechamentos tbody td::before,
  #elemen_caixa tbody td::before{
    display:none!important;
  }

  /* Primeiro texto vira título do card */
  #elemen_despesas tbody td:nth-child(3),
  #elemen_fixas tbody td:nth-child(1),
  #elemen_retiradas tbody td:nth-child(4),
  #elemen_fechamentos tbody td:nth-child(1),
  #elemen_caixa tbody td:nth-child(4){
    grid-column:1 / -1;
    text-align:left!important;
    font-weight:900!important;
    font-size:15px!important;
  }

  /* Botões em linha, menores */
  #elemen_despesas .icon-btn,
  #elemen_fixas .icon-btn,
  #elemen_retiradas .icon-btn,
  #elemen_fechamentos .icon-btn,
  #elemen_caixa .icon-btn{
    min-height:34px!important;
    padding:7px 10px!important;
    border-radius:12px!important;
    font-size:12px!important;
    width:auto!important;
  }

  #elemen_fixas tbody td:last-child,
  #elemen_despesas tbody td:last-child,
  #elemen_retiradas tbody td:last-child,
  #elemen_fechamentos tbody td:last-child,
  #elemen_caixa tbody td:last-child{
    grid-column:1 / -1;
    display:flex!important;
    justify-content:flex-end!important;
    gap:6px!important;
    flex-wrap:wrap;
  }

  /* Badges menores */
  #elemen_despesas .badge,
  #elemen_fixas .badge,
  #elemen_retiradas .badge{
    padding:5px 8px;
    border-radius:10px;
    font-size:11px;
  }

  /* Cards de formulário ELEMEN menores */
  #elemen_despesas form,
  #elemen_retiradas form,
  #elemen_fechamentos form,
  #elemen_fixas form,
  #elemen_caixa form{
    gap:8px;
  }

  #elemen_despesas input,
  #elemen_despesas select,
  #elemen_retiradas input,
  #elemen_retiradas select,
  #elemen_fechamentos input,
  #elemen_fechamentos select,
  #elemen_fixas input,
  #elemen_fixas select,
  #elemen_caixa input,
  #elemen_caixa select{
    min-height:42px;
    border-radius:14px;
    font-size:14px;
  }

  #elemen_despesas .primary,
  #elemen_retiradas .primary,
  #elemen_fechamentos .primary,
  #elemen_fixas .primary,
  #elemen_caixa .primary{
    min-height:44px;
    border-radius:14px;
  }

  /* Retiradas: topo compacto */
  #elemen_retiradas .compact-secondary{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }

  #elemen_retiradas .metric{
    min-height:74px;
    padding:12px;
  }

  #elemen_retiradas .metric strong{
    font-size:22px;
  }

  /* Aba Fixas - cards de resumo menores */
  #elemen_fixas .compact-secondary{
    grid-template-columns:1fr 1fr 1fr;
    gap:6px;
  }

  #elemen_fixas .metric{
    min-height:70px;
    padding:10px;
  }

  #elemen_fixas .metric strong{
    font-size:18px;
  }

  #elemen_fixas .metric span{
    font-size:10px;
  }

  /* Menos altura vazia nos cards/listas */
  .clean-list-card{
    padding:12px!important;
  }

  .clean-list-card .card-head{
    margin-bottom:8px!important;
  }
}

@media(max-width:390px){
  #elemen_dashboard .compact-main{
    grid-template-columns:1fr 1fr;
  }

  #elemen_dashboard .compact-main .featured{
    grid-column:1 / -1;
  }

  #elemen_dashboard .compact-secondary{
    grid-template-columns:1fr 1fr;
  }

  #elemen_fixas .compact-secondary{
    grid-template-columns:1fr 1fr;
  }

  #elemen_dashboard .split-grid:not(.initial-split){
    grid-template-columns:1fr 1fr;
  }
}


/* =========================================================
   V10.1 - Dashboard ELEMEN simples + detalhes separados
   ========================================================= */
@media(max-width:1000px){
  .simple-elemen-dashboard{
    padding-bottom:calc(118px + env(safe-area-inset-bottom));
  }

  .simple-elemen-dashboard .owner-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:10px 12px;
    border:1px solid rgba(215,181,109,.2);
    background:linear-gradient(180deg,rgba(215,181,109,.08),rgba(15,18,24,.9));
    border-radius:18px;
    margin-bottom:8px;
  }

  .simple-elemen-dashboard .owner-topbar strong{
    display:block;
    font-size:14px;
    color:#f4dfad;
    letter-spacing:.5px;
  }

  .simple-elemen-dashboard .owner-topbar span{
    display:block;
    color:var(--muted);
    font-size:10.5px;
    margin-top:2px;
  }

  .simple-elemen-dashboard .owner-topbar .note-actions{
    display:flex;
    gap:6px;
    flex-shrink:0;
  }

  .simple-elemen-dashboard .owner-topbar .mini{
    padding:7px 9px;
    min-height:32px;
    font-size:11px;
    border-radius:12px;
  }

  .owner-hero{
    padding:14px 15px!important;
    border-radius:18px!important;
    margin-bottom:8px;
    background:linear-gradient(180deg,rgba(215,181,109,.12),rgba(15,18,24,.95))!important;
    border-color:rgba(215,181,109,.25)!important;
  }

  .owner-hero span{
    display:block;
    color:var(--muted);
    font-size:11px;
    font-weight:800;
    margin-bottom:8px;
  }

  .owner-hero strong{
    display:block;
    font-size:36px;
    line-height:1;
    letter-spacing:-1.3px;
  }

  .money-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:12px;
  }

  .money-row div{
    background:#0b0f14;
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    padding:8px 10px;
  }

  .money-row small{
    display:block;
    color:var(--muted);
    font-size:10px;
    font-weight:800;
    margin-bottom:5px;
  }

  .money-row b{
    font-size:16px;
    letter-spacing:-.3px;
  }

  .owner-section{
    margin-top:9px;
  }

  .section-title{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:10px;
    margin:0 2px 6px;
  }

  .section-title h3{
    margin:0;
    font-size:16px;
    letter-spacing:-.3px;
  }

  .section-title span{
    color:var(--muted);
    font-size:10.5px;
    text-align:right;
  }

  .owner-grid{
    display:grid;
    gap:6px;
  }

  .owner-grid.four{
    grid-template-columns:1fr 1fr;
  }

  .owner-grid.three{
    grid-template-columns:1fr 1fr;
  }

  .mini-metric{
    background:linear-gradient(180deg,#121721,#0c1016);
    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;
    padding:9px 10px;
    min-height:64px;
  }

  .mini-metric.highlight{
    border-color:rgba(215,181,109,.35);
    background:linear-gradient(180deg,rgba(215,181,109,.12),rgba(12,16,22,.96));
  }

  .mini-metric span{
    display:block;
    color:var(--muted);
    font-size:9.8px;
    font-weight:800;
    line-height:1.1;
    margin-bottom:7px;
  }

  .mini-metric strong{
    display:block;
    font-size:20px;
    line-height:1;
    letter-spacing:-.6px;
  }

  .mini-metric small{
    display:block;
    color:#f4dfad;
    font-size:9px;
    font-weight:900;
    margin-top:5px;
  }

  .compact-panel{
    padding:10px!important;
    border-radius:16px!important;
  }

  .compact-panel .task-item{
    padding:9px 10px;
    border-radius:13px;
  }

  .compact-panel .task-item strong{
    font-size:13px;
  }

  .compact-panel .task-meta{
    font-size:10.5px;
  }

  .details-toggle-wrap{
    margin-top:10px;
  }

  .details-toggle{
    width:100%;
    min-height:42px;
    border-radius:14px;
    font-weight:900;
  }

  .owner-details{
    margin-top:10px;
  }

  .owner-details .implantation-card{
    padding:10px!important;
    border-radius:16px!important;
  }

  .owner-details .initial-split{
    grid-template-columns:repeat(3,1fr);
    gap:5px;
  }

  .owner-details .initial-split .split-card{
    padding:7px 6px;
    border-radius:11px;
  }

  .owner-details .initial-split .split-card span,
  .owner-details .initial-split .split-card small{
    font-size:8.5px;
  }

  .owner-details .initial-split .split-card strong{
    font-size:13px;
  }

  #elemen_dashboard #elMonthSummary .task-item{
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    padding:8px 10px;
  }

  #elemen_dashboard #elMonthSummary .task-item strong{
    font-size:12px;
  }

  #elemen_dashboard #elMonthSummary .task-meta{
    margin-top:0;
    justify-content:flex-end;
    text-align:right;
    font-size:10px;
  }
}

@media(max-width:390px){
  .owner-hero strong{
    font-size:32px;
  }

  .mini-metric strong{
    font-size:18px;
  }

  .owner-grid.four,
  .owner-grid.three{
    grid-template-columns:1fr 1fr;
  }
}


/* =========================================================
   V10.2 - Visual inspirado no sistema ELEMEN Store
   Somente acabamento visual. Não altera cálculos.
   ========================================================= */

:root{
  --store-bg:#090a0e;
  --store-panel:#101116;
  --store-border:rgba(255,255,255,.075);
  --store-muted:#7f8390;
  --store-text:#f4f4f6;
  --store-yellow:#f2b705;
  --store-green:#55d68b;
  --store-red:#ff5f6d;
  --store-blue:#6b8cff;
}

body{
  background:var(--store-bg)!important;
}

@media(max-width:1000px){
  .app-shell,
  .page{
    background:var(--store-bg)!important;
  }

  .topbar{
    background:rgba(9,10,14,.94)!important;
    border-bottom:1px solid var(--store-border)!important;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }

  .topbar h1,
  .page-title,
  header h1{
    font-size:26px!important;
    letter-spacing:-.9px!important;
    font-weight:900!important;
  }

  .month-picker,
  .period-pill,
  .date-chip{
    background:#0e0f14!important;
    border:1px solid var(--store-border)!important;
    border-radius:14px!important;
    color:var(--store-text)!important;
    box-shadow:none!important;
  }

  .card,
  .metric,
  .mini-metric,
  .split-card,
  .owner-hero,
  .compact-panel,
  .clean-list-card{
    background:linear-gradient(180deg,#11131a,#0d0f14)!important;
    border:1px solid var(--store-border)!important;
    box-shadow:none!important;
  }

  .card{
    border-radius:16px!important;
  }

  .metric span,
  .mini-metric span,
  .split-card span,
  .owner-hero span,
  .money-row small,
  .card-head .hint,
  .section-title span{
    color:var(--store-muted)!important;
    text-transform:uppercase;
    letter-spacing:1.4px!important;
    font-size:9px!important;
    font-weight:900!important;
  }

  .metric strong,
  .mini-metric strong,
  .split-card strong,
  .owner-hero strong,
  .money-row b{
    color:var(--store-text)!important;
    font-weight:900!important;
  }

  .simple-elemen-dashboard .owner-topbar{
    background:transparent!important;
    border:0!important;
    padding:0 2px 6px!important;
    margin-bottom:8px!important;
  }

  .simple-elemen-dashboard .owner-topbar strong{
    color:var(--store-text)!important;
    font-size:22px!important;
    letter-spacing:-.6px!important;
    text-transform:none!important;
  }

  .simple-elemen-dashboard .owner-topbar span{
    display:none!important;
  }

  .simple-elemen-dashboard .owner-topbar .mini{
    background:var(--store-yellow)!important;
    color:#17140a!important;
    border:0!important;
    font-size:12px!important;
    font-weight:950!important;
    min-height:34px!important;
    padding:7px 11px!important;
    border-radius:11px!important;
  }

  .owner-hero{
    padding:13px 14px!important;
    border-radius:15px!important;
    background:linear-gradient(180deg,#11131a,#0b0c11)!important;
    border-color:var(--store-border)!important;
    margin-bottom:8px!important;
  }

  .owner-hero strong{
    font-size:34px!important;
    letter-spacing:-1.2px!important;
  }

  .money-row{
    gap:6px!important;
    margin-top:10px!important;
  }

  .money-row div{
    background:#0b0c10!important;
    border-color:var(--store-border)!important;
    border-radius:12px!important;
    padding:7px 9px!important;
  }

  .money-row b{
    font-size:15px!important;
  }

  .owner-section{
    margin-top:11px!important;
  }

  .section-title{
    align-items:center!important;
    margin:0 2px 7px!important;
  }

  .section-title h3{
    font-size:18px!important;
    font-weight:900!important;
    letter-spacing:-.45px!important;
    color:var(--store-text)!important;
  }

  .owner-grid{
    gap:7px!important;
  }

  .owner-grid.four,
  .owner-grid.three{
    grid-template-columns:1fr 1fr!important;
  }

  .mini-metric{
    border-radius:14px!important;
    padding:10px 11px!important;
    min-height:78px!important;
    position:relative;
    overflow:hidden;
  }

  .mini-metric::after{
    content:"";
    position:absolute;
    width:74px;
    height:74px;
    right:-26px;
    top:-26px;
    border-radius:999px;
    background:rgba(255,255,255,.025);
    pointer-events:none;
  }

  .mini-metric.highlight{
    border-left:3px solid var(--store-yellow)!important;
    background:linear-gradient(180deg,#13141a,#0c0d12)!important;
  }

  .mini-metric strong{
    font-size:22px!important;
    letter-spacing:-.75px!important;
  }

  #elAvailableOwner,
  #elNetProfit,
  #elOwnerAccumulated{
    color:var(--store-green)!important;
  }

  #elRestockReserve{
    color:var(--store-blue)!important;
  }

  #elStoreReserve{
    color:var(--store-yellow)!important;
  }

  #elFixedPendingDash,
  #elDueAlerts .due-danger strong{
    color:var(--store-red)!important;
  }

  .compact-panel{
    padding:10px!important;
    border-radius:15px!important;
    background:#101116!important;
  }

  .task-list .muted,
  .compact-panel p,
  .task-meta{
    color:var(--store-muted)!important;
  }

  .task-item{
    background:#0b0c11!important;
    border-color:var(--store-border)!important;
  }

  #elemen_despesas tbody tr,
  #elemen_fixas tbody tr,
  #elemen_retiradas tbody tr,
  #elemen_fechamentos tbody tr,
  #elemen_caixa tbody tr{
    background:#0f1015!important;
    border:1px solid var(--store-border)!important;
    border-radius:14px!important;
    box-shadow:none!important;
  }

  #elemen_despesas tbody td,
  #elemen_fixas tbody td,
  #elemen_retiradas tbody td,
  #elemen_fechamentos tbody td,
  #elemen_caixa tbody td{
    color:var(--store-text)!important;
  }

  .badge.good,
  .badge.success{
    background:rgba(85,214,139,.13)!important;
    color:var(--store-green)!important;
    border-color:rgba(85,214,139,.18)!important;
  }

  .badge.warn{
    background:rgba(242,183,5,.13)!important;
    color:var(--store-yellow)!important;
    border-color:rgba(242,183,5,.18)!important;
  }

  .badge.danger{
    background:rgba(255,95,109,.13)!important;
    color:var(--store-red)!important;
    border-color:rgba(255,95,109,.18)!important;
  }

  .primary,
  button.primary,
  .clean-header .primary,
  .mini.primary{
    background:var(--store-yellow)!important;
    color:#17140a!important;
    border:0!important;
    box-shadow:none!important;
    font-weight:950!important;
  }

  .ghost,
  .icon-btn{
    background:#11121a!important;
    color:var(--store-text)!important;
    border-color:var(--store-border)!important;
  }

  input,
  select,
  textarea{
    background:#0b0c11!important;
    border-color:var(--store-border)!important;
    color:var(--store-text)!important;
    box-shadow:none!important;
  }

  input::placeholder,
  textarea::placeholder{
    color:#5f6370!important;
  }

  .bottom-nav{
    background:rgba(8,9,13,.96)!important;
    border-top:1px solid var(--store-border)!important;
    box-shadow:none!important;
  }

  .bottom-nav button,
  .mode-switch button{
    color:#858996!important;
  }

  .bottom-nav button.active,
  .mode-switch button.active{
    background:rgba(242,183,5,.14)!important;
    color:#f7d66a!important;
    border-color:rgba(242,183,5,.28)!important;
  }

  .mode-switch{
    background:#0b0c11!important;
    border-color:var(--store-border)!important;
    border-radius:15px!important;
  }

  .mode-switch button{
    font-size:13px!important;
    font-weight:950!important;
  }

  body[data-mode="elemen"] .fab,
  body[data-mode="elemen"] .quick-menu{
    display:none!important;
  }

  body,
  input,
  select,
  button{
    font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;
  }
}

@media(max-width:390px){
  .owner-hero strong{
    font-size:31px!important;
  }

  .mini-metric strong{
    font-size:19px!important;
  }

  .section-title h3{
    font-size:16px!important;
  }
}


/* =========================================================
   V10.3 - Valores menores e mais padronizados
   ========================================================= */

@media(max-width:1000px){
  /* Caixa total continua destaque, mas 30% menor */
  .owner-hero strong{
    font-size:24px!important;
    letter-spacing:-.7px!important;
    line-height:1.05!important;
  }

  .owner-hero{
    padding:12px 13px!important;
  }

  /* Pix/Dinheiro continuam como referência visual */
  .money-row b{
    font-size:15px!important;
    letter-spacing:-.25px!important;
  }

  /* Todos os cards comuns seguem o padrão do Pix/Dinheiro */
  .mini-metric strong,
  .metric strong,
  .split-card strong{
    font-size:15px!important;
    letter-spacing:-.25px!important;
    line-height:1.05!important;
  }

  .mini-metric{
    min-height:66px!important;
    padding:9px 10px!important;
  }

  .mini-metric span,
  .metric span,
  .split-card span{
    font-size:8.5px!important;
    letter-spacing:1.25px!important;
    margin-bottom:6px!important;
  }

  .mini-metric small,
  .split-card small{
    font-size:8.5px!important;
  }

  /* Cards de divisão calculada também seguem o mesmo tamanho */
  .owner-details .split-card strong,
  .initial-split .split-card strong{
    font-size:14px!important;
  }

  /* Evita valores coloridos chamarem mais que o caixa total */
  #elAvailableOwner,
  #elRestockReserve,
  #elStoreReserve,
  #elNetProfit,
  #elOwnerAccumulated{
    font-size:15px!important;
  }

  /* Títulos de seção um pouco menores para equilibrar */
  .section-title h3{
    font-size:16px!important;
  }

  .section-title span{
    font-size:8.5px!important;
    letter-spacing:1.2px!important;
  }
}

@media(max-width:390px){
  .owner-hero strong{
    font-size:22px!important;
  }

  .mini-metric strong,
  .metric strong,
  .split-card strong,
  #elAvailableOwner,
  #elRestockReserve,
  #elStoreReserve,
  #elNetProfit,
  #elOwnerAccumulated{
    font-size:14px!important;
  }
}


/* V10.3.1 - Corrige destaque do Saldo acumulado no Pessoal */
@media(max-width:1000px){
  body[data-mode="personal"] #dashProfit,
  body:not([data-mode="elemen"]) #dashProfit{
    font-size:24px!important;
    letter-spacing:-.7px!important;
    line-height:1.05!important;
  }

  body[data-mode="personal"] .metric.featured strong,
  body:not([data-mode="elemen"]) .metric.featured strong{
    font-size:24px!important;
    letter-spacing:-.7px!important;
    line-height:1.05!important;
  }
}

@media(max-width:390px){
  body[data-mode="personal"] #dashProfit,
  body:not([data-mode="elemen"]) #dashProfit,
  body[data-mode="personal"] .metric.featured strong,
  body:not([data-mode="elemen"]) .metric.featured strong{
    font-size:22px!important;
  }
}


/* V10.3.2 - Remove subtítulos laterais da Dashboard ELEMEN */
@media(max-width:1000px){
  .simple-elemen-dashboard .section-title span{
    display:none!important;
  }

  .simple-elemen-dashboard .section-title{
    justify-content:flex-start!important;
  }
}


/* V10.3.3 - Título "Separação do dinheiro" igual label do card */
@media(max-width:1000px){
  .simple-elemen-dashboard .separation-section .section-title h3{
    color:var(--store-muted)!important;
    text-transform:uppercase!important;
    letter-spacing:1.4px!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1.1!important;
    margin:0 0 2px!important;
  }

  .simple-elemen-dashboard .separation-section .section-title{
    justify-content:flex-start!important;
    margin:0 2px 7px!important;
  }

  .simple-elemen-dashboard .separation-section .section-title span{
    display:none!important;
  }
}


/* =========================================================
   V10.4 - Fechamentos estilo Pedidos ELEMEN Store
   ========================================================= */
@media(max-width:1000px){
  #elemen_fechamentos .clean-header{
    background:transparent!important;
    border:0!important;
    padding:0 2px 8px!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  #elemen_fechamentos .clean-header h3{
    font-size:24px!important;
    letter-spacing:-.7px!important;
    margin:0!important;
  }

  #elemen_fechamentos .clean-header p{
    color:var(--store-muted, #7f8390)!important;
    font-size:13px!important;
    margin-top:4px!important;
  }

  #elemen_fechamentos .clean-header .primary{
    background:var(--store-yellow, #f2b705)!important;
    color:#17140a!important;
    border:0!important;
    border-radius:12px!important;
    min-height:42px!important;
    padding:9px 16px!important;
    font-weight:950!important;
  }

  #elemen_fechamentos .clean-list-card{
    background:transparent!important;
    border:0!important;
    padding:0!important;
  }

  #elemen_fechamentos .clean-list-card .card-head{
    margin:12px 2px 8px!important;
    padding:0!important;
  }

  #elemen_fechamentos .clean-list-card .card-head h3{
    font-size:20px!important;
    letter-spacing:-.5px!important;
  }

  #elemen_fechamentos .clean-list-card .card-head .hint{
    color:var(--store-muted, #7f8390)!important;
    text-transform:uppercase;
    letter-spacing:1.4px!important;
    font-size:9px!important;
    font-weight:900!important;
  }

  #elemen_fechamentos .table-wrap,
  #elemen_fechamentos table,
  #elemen_fechamentos tbody{
    display:block!important;
    width:100%!important;
    background:transparent!important;
    border:0!important;
  }

  #elemen_fechamentos thead{
    display:none!important;
  }

  #elemen_fechamentos tbody tr.closing-order-card{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px 12px!important;
    align-items:center!important;
    background:#0f1015!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:16px!important;
    padding:14px 12px!important;
    margin-bottom:8px!important;
    box-shadow:none!important;
  }

  #elemen_fechamentos tbody tr.closing-order-card td{
    display:block!important;
    padding:0!important;
    border:0!important;
    text-align:left!important;
    color:#f4f4f6!important;
  }

  #elemen_fechamentos tbody tr.closing-order-card td::before{
    display:none!important;
  }

  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(1){
    grid-column:1 / 2;
  }

  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(1) strong{
    display:block;
    font-size:16px!important;
    letter-spacing:.2px;
    font-weight:950;
  }

  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(1) small{
    display:block;
    color:#666b78;
    font-size:11px;
    margin-top:3px;
    font-weight:800;
  }

  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(2){
    grid-column:1 / -1;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:3px 10px!important;
  }

  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(2) span{
    grid-column:1;
    display:block;
    color:#7f8390;
    text-transform:uppercase;
    letter-spacing:1.4px;
    font-size:9px;
    font-weight:950;
  }

  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(2) strong{
    grid-column:1;
    display:block;
    font-size:20px!important;
    font-weight:950;
    letter-spacing:-.45px;
  }

  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(2) small{
    grid-column:1 / -1;
    display:block;
    color:#7f8390;
    font-size:11px;
    font-weight:800;
  }

  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(3),
  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(4){
    background:#0b0c11;
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:12px;
    padding:8px 9px!important;
  }

  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(3) span,
  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(4) span{
    display:block;
    color:#7f8390;
    text-transform:uppercase;
    letter-spacing:1.2px;
    font-size:8.5px;
    font-weight:950;
    margin-bottom:5px;
  }

  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(3) strong,
  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(4) strong{
    display:block;
    font-size:14px!important;
    letter-spacing:-.25px;
    font-weight:950;
  }

  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(4) strong{
    color:#55d68b!important;
  }

  #elemen_fechamentos tbody tr.closing-order-card td:last-child{
    grid-column:2;
    grid-row:1;
    display:flex!important;
    justify-content:flex-end!important;
  }

  #elemen_fechamentos .danger-btn{
    background:rgba(255,95,109,.12)!important;
    color:#ff707b!important;
    border-color:rgba(255,95,109,.16)!important;
    width:auto!important;
    min-height:34px!important;
    padding:7px 10px!important;
    border-radius:12px!important;
    font-size:11px!important;
    font-weight:900!important;
  }

  #elemen_fechamentos tbody tr:not(.closing-order-card){
    display:block!important;
    background:#0f1015!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:16px!important;
    padding:14px!important;
  }
}


/* V10.4.1 - Fechamentos com topo limpo */
@media(max-width:1000px){
  #elemen_fechamentos > h1,
  #elemen_fechamentos .page-title{
    font-size:24px!important;
    font-weight:850!important;
    letter-spacing:-.5px!important;
    margin-bottom:16px!important;
  }

  #elemen_fechamentos .clean-simple-header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    background:transparent!important;
    border:0!important;
    padding:0 2px 12px!important;
    margin:0!important;
  }

  #elemen_fechamentos .clean-simple-header h3{
    font-size:22px!important;
    font-weight:850!important;
    letter-spacing:-.5px!important;
    line-height:1!important;
    margin:0!important;
  }

  #elemen_fechamentos .clean-simple-header p{
    display:none!important;
  }

  #elemen_fechamentos .clean-simple-header .primary{
    min-height:38px!important;
    padding:8px 15px!important;
    border-radius:12px!important;
    font-size:13px!important;
    font-weight:900!important;
  }

  #elemen_fechamentos .clean-list-card{
    margin-top:0!important;
  }

  #elemen_fechamentos .clean-list-title{
    margin:0 2px 8px!important;
  }

  #elemen_fechamentos .clean-list-title h3{
    font-size:18px!important;
    font-weight:850!important;
    letter-spacing:-.35px!important;
    margin:0!important;
  }

  #elemen_fechamentos .clean-list-title .hint{
    display:none!important;
  }
}


/* V10.4.2 - Títulos da aba Fechamentos no padrão Pedidos */
@media(max-width:1000px){
  /* Título principal da página: igual "Pedidos" */
  #elemen_fechamentos > h1,
  #elemen_fechamentos .page-title{
    font-size:28px!important;
    font-weight:800!important;
    letter-spacing:-.7px!important;
    line-height:1.08!important;
    margin:0 0 18px!important;
    color:#f4f4f6!important;
  }

  /* "Fechamentos diários" no mesmo padrão do título Pedidos */
  #elemen_fechamentos .clean-simple-header h3{
    font-size:28px!important;
    font-weight:800!important;
    letter-spacing:-.7px!important;
    line-height:1.08!important;
    color:#f4f4f6!important;
  }

  #elemen_fechamentos .clean-simple-header{
    padding:0 2px 14px!important;
    align-items:center!important;
  }

  #elemen_fechamentos .clean-simple-header .primary{
    min-height:40px!important;
    padding:8px 16px!important;
    border-radius:12px!important;
    font-size:13px!important;
  }

  /* "Registros" mais limpo, sem parecer outro bloco grande */
  #elemen_fechamentos .clean-list-title h3{
    font-size:24px!important;
    font-weight:800!important;
    letter-spacing:-.55px!important;
    line-height:1.1!important;
    color:#f4f4f6!important;
  }
}

@media(max-width:390px){
  #elemen_fechamentos > h1,
  #elemen_fechamentos .page-title,
  #elemen_fechamentos .clean-simple-header h3{
    font-size:26px!important;
  }

  #elemen_fechamentos .clean-list-title h3{
    font-size:22px!important;
  }
}


/* V10.4.3 - Fechamentos com FE e faturamento menores */
@media(max-width:1000px){
  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(1) strong{
    font-size:13px!important;
    letter-spacing:.8px!important;
    font-weight:900!important;
  }

  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(1) small{
    font-size:10px!important;
    margin-top:2px!important;
  }

  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(2) strong{
    font-size:15px!important;
    letter-spacing:-.25px!important;
    line-height:1.05!important;
  }

  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(2) span{
    font-size:8px!important;
    letter-spacing:1.2px!important;
    margin-bottom:2px!important;
  }

  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(2) small{
    font-size:10px!important;
    line-height:1.25!important;
  }

  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(3) strong,
  #elemen_fechamentos tbody tr.closing-order-card td:nth-child(4) strong{
    font-size:13px!important;
  }

  #elemen_fechamentos tbody tr.closing-order-card{
    padding:12px 12px!important;
  }
}


/* V10.4.4 - Títulos Fechamentos menores e clean igual Pedidos */
@media(max-width:1000px){
  /* Título principal "Fechamentos" */
  #elemen_fechamentos > h1,
  #elemen_fechamentos .page-title{
    font-size:22px!important;
    font-weight:750!important;
    letter-spacing:-.45px!important;
    line-height:1.05!important;
    margin:0 0 16px!important;
    color:#f4f4f6!important;
  }

  /* Bloco "Fechamentos diários" */
  #elemen_fechamentos .clean-simple-header{
    padding:0 2px 12px!important;
    margin:0!important;
    align-items:center!important;
  }

  #elemen_fechamentos .clean-simple-header h3{
    font-size:22px!important;
    font-weight:750!important;
    letter-spacing:-.45px!important;
    line-height:1.05!important;
    color:#f4f4f6!important;
    margin:0!important;
  }

  /* Subtexto igual ao print: discreto, pequeno e cinza */
  #elemen_fechamentos .clean-simple-header p{
    display:block!important;
    color:#7f8390!important;
    font-size:13px!important;
    font-weight:600!important;
    letter-spacing:-.15px!important;
    line-height:1.25!important;
    margin:6px 0 0!important;
    text-transform:none!important;
  }

  #elemen_fechamentos .clean-simple-header .primary{
    min-height:38px!important;
    padding:8px 15px!important;
    border-radius:12px!important;
    font-size:13px!important;
    font-weight:850!important;
  }

  /* Título "Registros" também menor */
  #elemen_fechamentos .clean-list-title{
    margin:0 2px 8px!important;
  }

  #elemen_fechamentos .clean-list-title h3{
    font-size:20px!important;
    font-weight:750!important;
    letter-spacing:-.35px!important;
    line-height:1.08!important;
    color:#f4f4f6!important;
    margin:0!important;
  }
}

@media(max-width:390px){
  #elemen_fechamentos > h1,
  #elemen_fechamentos .page-title,
  #elemen_fechamentos .clean-simple-header h3{
    font-size:21px!important;
  }

  #elemen_fechamentos .clean-list-title h3{
    font-size:19px!important;
  }
}


/* =========================================================
   V10.5 - Despesas no mesmo estilo de Fechamentos
   ========================================================= */
@media(max-width:1000px){
  #elemen_despesas > h1,
  #elemen_despesas .page-title{
    font-size:22px!important;
    font-weight:750!important;
    letter-spacing:-.45px!important;
    line-height:1.05!important;
    margin:0 0 16px!important;
    color:#f4f4f6!important;
  }

  #elemen_despesas .clean-expense-header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    background:transparent!important;
    border:0!important;
    padding:0 2px 12px!important;
    margin:0!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  #elemen_despesas .clean-expense-header h3{
    font-size:22px!important;
    font-weight:750!important;
    letter-spacing:-.45px!important;
    line-height:1.05!important;
    color:#f4f4f6!important;
    margin:0!important;
  }

  #elemen_despesas .clean-expense-header p{
    display:block!important;
    color:#7f8390!important;
    font-size:13px!important;
    font-weight:600!important;
    letter-spacing:-.15px!important;
    line-height:1.25!important;
    margin:6px 0 0!important;
    text-transform:none!important;
  }

  #elemen_despesas .clean-expense-header .primary{
    background:var(--store-yellow, #f2b705)!important;
    color:#17140a!important;
    border:0!important;
    min-height:38px!important;
    padding:8px 15px!important;
    border-radius:12px!important;
    font-size:13px!important;
    font-weight:850!important;
    flex-shrink:0!important;
  }

  #elemen_despesas .clean-list-card{
    background:transparent!important;
    border:0!important;
    padding:0!important;
    margin-top:0!important;
  }

  #elemen_despesas .clean-expense-list-title{
    margin:0 2px 8px!important;
  }

  #elemen_despesas .clean-expense-list-title h3{
    font-size:20px!important;
    font-weight:750!important;
    letter-spacing:-.35px!important;
    line-height:1.08!important;
    color:#f4f4f6!important;
    margin:0!important;
  }

  #elemen_despesas .clean-expense-list-title .hint{
    display:none!important;
  }

  #elemen_despesas .table-wrap,
  #elemen_despesas table,
  #elemen_despesas tbody{
    display:block!important;
    width:100%!important;
    background:transparent!important;
    border:0!important;
  }

  #elemen_despesas thead{
    display:none!important;
  }

  #elemen_despesas tbody tr.expense-order-card{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:8px 12px!important;
    align-items:center!important;
    background:#0f1015!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:16px!important;
    padding:12px 12px!important;
    margin-bottom:8px!important;
    box-shadow:none!important;
  }

  #elemen_despesas tbody tr.expense-order-card td{
    display:block!important;
    padding:0!important;
    border:0!important;
    text-align:left!important;
    color:#f4f4f6!important;
  }

  #elemen_despesas tbody tr.expense-order-card td::before{
    display:none!important;
  }

  #elemen_despesas tbody tr.expense-order-card td:nth-child(1){
    grid-column:1 / 2;
  }

  #elemen_despesas tbody tr.expense-order-card td:nth-child(1) strong{
    display:block;
    font-size:13px!important;
    letter-spacing:.8px!important;
    font-weight:900!important;
  }

  #elemen_despesas tbody tr.expense-order-card td:nth-child(1) small{
    display:block;
    color:#666b78;
    font-size:10px!important;
    margin-top:2px!important;
    font-weight:800;
  }

  #elemen_despesas tbody tr.expense-order-card td:nth-child(2){
    grid-column:1 / -1;
    display:block!important;
  }

  #elemen_despesas tbody tr.expense-order-card td:nth-child(2) span{
    display:block;
    color:#7f8390;
    text-transform:uppercase;
    letter-spacing:1.2px;
    font-size:8px!important;
    font-weight:950;
    margin-bottom:3px;
  }

  #elemen_despesas tbody tr.expense-order-card td:nth-child(2) strong{
    display:block;
    font-size:15px!important;
    font-weight:900!important;
    letter-spacing:-.25px!important;
    line-height:1.15!important;
  }

  #elemen_despesas tbody tr.expense-order-card td:nth-child(2) small{
    display:block;
    color:#7f8390;
    font-size:10px!important;
    line-height:1.25!important;
    margin-top:5px;
    font-weight:800;
  }

  #elemen_despesas tbody tr.expense-order-card td:nth-child(3){
    background:#0b0c11;
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:12px;
    padding:8px 9px!important;
    min-width:130px;
  }

  #elemen_despesas tbody tr.expense-order-card td:nth-child(3) span{
    display:block;
    color:#7f8390;
    text-transform:uppercase;
    letter-spacing:1.2px;
    font-size:8.5px;
    font-weight:950;
    margin-bottom:5px;
  }

  #elemen_despesas tbody tr.expense-order-card td:nth-child(3) strong{
    display:block;
    font-size:14px!important;
    letter-spacing:-.25px;
    font-weight:950;
  }

  #elemen_despesas tbody tr.expense-order-card td:nth-child(4){
    grid-column:2;
    grid-row:1;
    display:flex!important;
    flex-direction:column;
    align-items:flex-end;
    gap:4px;
  }

  #elemen_despesas tbody tr.expense-order-card .badge{
    padding:6px 9px!important;
    font-size:11px!important;
    border-radius:11px!important;
    font-weight:900!important;
  }

  #elemen_despesas tbody tr.expense-order-card .no-cash{
    color:#7f8390;
    font-size:9px;
    font-weight:800;
  }

  #elemen_despesas tbody tr.expense-order-card td:last-child{
    grid-column:2;
    grid-row:3;
    display:flex!important;
    justify-content:flex-end!important;
  }

  #elemen_despesas .danger-btn{
    background:rgba(255,95,109,.12)!important;
    color:#ff707b!important;
    border-color:rgba(255,95,109,.16)!important;
    width:auto!important;
    min-height:34px!important;
    padding:7px 10px!important;
    border-radius:12px!important;
    font-size:11px!important;
    font-weight:900!important;
  }

  #elemen_despesas tbody tr:not(.expense-order-card){
    display:block!important;
    background:#0f1015!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:16px!important;
    padding:14px!important;
  }
}

@media(max-width:390px){
  #elemen_despesas > h1,
  #elemen_despesas .page-title,
  #elemen_despesas .clean-expense-header h3{
    font-size:21px!important;
  }

  #elemen_despesas .clean-expense-list-title h3{
    font-size:19px!important;
  }
}


/* V10.5.1 - Fechamentos sem títulos extras e cards mais acima */
@media(max-width:1000px){
  /* Mantém só o título principal da página */
  #elemen_fechamentos > h1,
  #elemen_fechamentos .page-title{
    margin-bottom:10px!important;
  }

  /* Remove "Fechamentos diários" e o texto explicativo */
  #elemen_fechamentos .clean-simple-header{
    justify-content:flex-end!important;
    padding:0 2px 6px!important;
    margin:0!important;
    min-height:40px!important;
  }

  #elemen_fechamentos .clean-simple-header h3,
  #elemen_fechamentos .clean-simple-header p{
    display:none!important;
  }

  #elemen_fechamentos .clean-simple-header .primary{
    min-height:38px!important;
    padding:8px 16px!important;
    border-radius:12px!important;
    font-size:13px!important;
  }

  /* Remove "Registros" */
  #elemen_fechamentos .clean-list-title{
    display:none!important;
  }

  /* Sobe a lista de cards */
  #elemen_fechamentos .clean-list-card{
    margin-top:-2px!important;
  }

  #elemen_fechamentos .table-wrap{
    margin-top:0!important;
  }

  #elemen_fechamentos tbody tr.closing-order-card:first-child{
    margin-top:0!important;
  }
}


/* V10.5.2 - "Fechamentos diários" pequeno igual FE */
@media(max-width:1000px){
  #elemen_fechamentos .clean-simple-header{
    justify-content:space-between!important;
    align-items:center!important;
    padding:0 2px 6px!important;
    min-height:38px!important;
  }

  #elemen_fechamentos .clean-simple-header h3{
    display:block!important;
    font-size:13px!important;
    letter-spacing:.8px!important;
    font-weight:900!important;
    line-height:1!important;
    color:#f4f4f6!important;
    text-transform:uppercase!important;
    margin:0!important;
  }

  #elemen_fechamentos .clean-simple-header p{
    display:none!important;
  }

  #elemen_fechamentos .clean-simple-header .primary{
    min-height:36px!important;
    padding:7px 14px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }

  #elemen_fechamentos .clean-list-card{
    margin-top:0!important;
  }
}


/* V10.5.3 - Resultado do mês e Alertas iguais ao label Separação */
@media(max-width:1000px){
  .simple-elemen-dashboard .result-section .section-title h3,
  .simple-elemen-dashboard .alerts-section .section-title h3{
    color:var(--store-muted, #7f8390)!important;
    text-transform:uppercase!important;
    letter-spacing:1.4px!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1.1!important;
    margin:0 0 2px!important;
  }

  .simple-elemen-dashboard .result-section .section-title,
  .simple-elemen-dashboard .alerts-section .section-title{
    justify-content:flex-start!important;
    margin:0 2px 7px!important;
  }

  .simple-elemen-dashboard .result-section .section-title span,
  .simple-elemen-dashboard .alerts-section .section-title span{
    display:none!important;
  }
}


/* V10.5.4 - Dashboard Elemen com topo único */
@media(max-width:1000px){
  /* Na dashboard da ELEMEN, esconde o título duplicado do topo fixo */
  body[data-mode="elemen"] #elemen_dashboard.page.active ~ *{
    /* sem efeito, apenas marcador */
  }

  body[data-mode="elemen"]:has(#elemen_dashboard.page.active) .topbar h1,
  body[data-mode="elemen"]:has(#elemen_dashboard.page.active) .topbar .page-title{
    display:none!important;
  }

  /* fallback para navegadores sem :has - reduz o topo antigo */
  body[data-mode="elemen"] .topbar h1{
    font-size:0!important;
  }

  body[data-mode="elemen"] .topbar h1::after{
    content:"";
  }

  /* Título único, no padrão do Dashboard da loja */
  .simple-elemen-dashboard .dashboard-elemen-titlebar{
    background:transparent!important;
    border:0!important;
    padding:0 2px 14px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }

  .simple-elemen-dashboard .dashboard-elemen-titlebar strong{
    display:block!important;
    color:#f4f4f6!important;
    font-size:24px!important;
    font-weight:800!important;
    letter-spacing:-.55px!important;
    line-height:1.08!important;
    text-transform:none!important;
  }

  .simple-elemen-dashboard .dashboard-elemen-titlebar span{
    display:none!important;
  }

  .simple-elemen-dashboard .dashboard-elemen-titlebar .note-actions{
    display:flex!important;
    gap:8px!important;
  }

  .simple-elemen-dashboard .dashboard-elemen-titlebar .mini{
    background:var(--store-yellow, #f2b705)!important;
    color:#17140a!important;
    border:0!important;
    min-height:38px!important;
    padding:8px 14px!important;
    border-radius:12px!important;
    font-size:13px!important;
    font-weight:850!important;
  }
}

@media(max-width:390px){
  .simple-elemen-dashboard .dashboard-elemen-titlebar strong{
    font-size:23px!important;
  }
}


@media(max-width:1000px){
  body[data-mode="elemen"] .topbar h1{
    font-size:26px!important;
  }

  body[data-mode="elemen"][data-active-page="elemen_dashboard"] .topbar h1{
    display:none!important;
  }
}


/* V10.5.5 - Título único correto na Dashboard ELEMEN */
@media(max-width:1000px){
  /* O título principal da Dashboard ELEMEN fica só no topo fixo */
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] .topbar h1,
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] .topbar .page-title{
    display:block!important;
    font-size:22px!important;
    font-weight:750!important;
    letter-spacing:-.35px!important;
    line-height:1.05!important;
    color:#f4f4f6!important;
    text-transform:none!important;
  }

  /* Remove qualquer título interno duplicado na Dashboard */
  #elemen_dashboard .owner-topbar,
  #elemen_dashboard .dashboard-elemen-titlebar{
    display:none!important;
  }

  /* Botões Caixa/Regras ficam menores e sem parecer título */
  #elemen_dashboard .dashboard-actions-only{
    display:flex!important;
    justify-content:flex-end!important;
    gap:8px!important;
    margin:0 2px 10px!important;
  }

  #elemen_dashboard .dashboard-actions-only .mini{
    background:var(--store-yellow, #f2b705)!important;
    color:#17140a!important;
    border:0!important;
    min-height:34px!important;
    padding:7px 13px!important;
    border-radius:11px!important;
    font-size:12px!important;
    font-weight:850!important;
  }

  /* Remove qualquer resíduo de ELEMEN Loja na área da Dashboard */
  #elemen_dashboard .elemen-note{
    display:none!important;
  }
}


/* V10.5.6 - Correção real do título da Dashboard ELEMEN */
@media(max-width:1000px){
  body[data-mode="elemen"] .topbar h1,
  body[data-mode="elemen"] .topbar .page-title{
    display:block!important;
  }

  body[data-mode="elemen"][data-active-page="elemen_dashboard"] .topbar h1,
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] .topbar .page-title{
    display:block!important;
    font-size:22px!important;
    font-weight:750!important;
    letter-spacing:-.35px!important;
    line-height:1.05!important;
    color:#f4f4f6!important;
    text-transform:none!important;
  }

  #elemen_dashboard .owner-topbar,
  #elemen_dashboard .dashboard-elemen-titlebar,
  #elemen_dashboard .dashboard-actions-only,
  #elemen_dashboard .elemen-note{
    display:none!important;
  }

  #elemen_dashboard .owner-hero{
    margin-top:0!important;
  }
}


/* V10.5.7 - Título fixo da Dashboard ELEMEN corrigido direto */
@media(max-width:1000px){
  body[data-mode="elemen"] #elemen_dashboard .owner-topbar,
  body[data-mode="elemen"] #elemen_dashboard .dashboard-elemen-titlebar,
  body[data-mode="elemen"] #elemen_dashboard .dashboard-actions-only,
  body[data-mode="elemen"] #elemen_dashboard .elemen-note{
    display:none!important;
  }

  body[data-mode="elemen"] .topbar h1,
  body[data-mode="elemen"] .topbar .page-title,
  body[data-mode="elemen"] #pageTitle{
    display:block!important;
  }

  body[data-mode="elemen"][data-active-page="elemen_dashboard"] .topbar h1,
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] .topbar .page-title,
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] #pageTitle{
    font-size:22px!important;
    font-weight:750!important;
    letter-spacing:-.35px!important;
    line-height:1.05!important;
    color:#f4f4f6!important;
    text-transform:none!important;
  }

  #elemen_dashboard .owner-hero{
    margin-top:0!important;
  }
}


/* V10.5.8 - Fonte do título Dashboard Elemen igual referência da loja */
@media(max-width:1000px){
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] .topbar h1,
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] .topbar .page-title,
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] #pageTitle{
    font-size:18px!important;
    font-weight:650!important;
    letter-spacing:-.2px!important;
    line-height:1.1!important;
    color:#f4f4f6!important;
    font-family:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;
    text-transform:none!important;
  }
}

@media(max-width:390px){
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] .topbar h1,
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] .topbar .page-title,
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] #pageTitle{
    font-size:18px!important;
  }
}


/* V10.5.9 - Título Dashboard Elemen realmente no padrão do sistema da loja */
@media(max-width:1000px){
  /* Força o título real do topo fixo, sem depender de regra antiga */
  body[data-mode="elemen"] .topbar h1,
  body[data-mode="elemen"] .topbar .page-title,
  body[data-mode="elemen"] #pageTitle{
    font-size:17px!important;
    font-weight:600!important;
    letter-spacing:-0.15px!important;
    line-height:1.15!important;
    color:#f4f4f6!important;
    font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Arial,sans-serif!important;
    text-transform:none!important;
    margin:0!important;
    padding:0!important;
  }

  body[data-mode="elemen"][data-active-page="elemen_dashboard"] .topbar h1,
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] .topbar .page-title,
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] #pageTitle{
    font-size:17px!important;
    font-weight:600!important;
    letter-spacing:-0.15px!important;
    line-height:1.15!important;
  }

  /* Topbar com altura parecida com o sistema da loja */
  body[data-mode="elemen"] .topbar{
    min-height:52px!important;
    height:52px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    align-items:center!important;
  }

  /* Remove qualquer título interno duplicado da dashboard */
  #elemen_dashboard .owner-topbar,
  #elemen_dashboard .dashboard-elemen-titlebar,
  #elemen_dashboard .dashboard-actions-only,
  #elemen_dashboard .elemen-note{
    display:none!important;
  }

  #elemen_dashboard{
    padding-top:12px!important;
  }
}

@media(max-width:390px){
  body[data-mode="elemen"] .topbar h1,
  body[data-mode="elemen"] .topbar .page-title,
  body[data-mode="elemen"] #pageTitle{
    font-size:17px!important;
    font-weight:600!important;
  }
}


/* V10.6 - CORREÇÃO REAL DO TÍTULO: o elemento certo é #page-title */
@media(max-width:1000px){
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] #page-title{
    font-size:18px!important;
    font-weight:600!important;
    letter-spacing:-0.2px!important;
    line-height:1.15!important;
    color:#f4f4f6!important;
    font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Arial,sans-serif!important;
    text-transform:none!important;
    margin:0!important;
    padding:0!important;
  }

  body[data-mode="elemen"][data-active-page="elemen_dashboard"] #page-subtitle{
    display:none!important;
  }

  body[data-mode="elemen"][data-active-page="elemen_dashboard"] .topbar{
    min-height:54px!important;
    height:54px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    align-items:center!important;
  }

  body[data-mode="elemen"][data-active-page="elemen_dashboard"] .topbar > div:first-child{
    display:flex!important;
    align-items:center!important;
  }

  #elemen_dashboard .owner-topbar,
  #elemen_dashboard .dashboard-elemen-titlebar,
  #elemen_dashboard .dashboard-actions-only,
  #elemen_dashboard .elemen-note{
    display:none!important;
  }

  #elemen_dashboard{
    padding-top:12px!important;
  }
}

@media(max-width:390px){
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] #page-title{
    font-size:18px!important;
    font-weight:600!important;
  }
}


/* V10.6.1 - Backup do título real #page-title */
@media(max-width:1000px){
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] #page-title{
    font-size:17px!important;
    font-weight:600!important;
    letter-spacing:-0.15px!important;
    line-height:1.15!important;
    margin:0!important;
    padding:0!important;
    font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Arial,sans-serif!important;
  }

  body[data-mode="elemen"][data-active-page="elemen_dashboard"] #page-subtitle{
    display:none!important;
  }

  body[data-mode="elemen"][data-active-page="elemen_dashboard"] .topbar{
    min-height:54px!important;
    height:54px!important;
    align-items:center!important;
  }
}


/* V10.6.2 - Aba Fechamentos limpa igual Dashboard Elemen */
@media(max-width:1000px){
  /* Título real da aba Fechamentos no mesmo padrão de Dashboard Elemen */
  body[data-mode="elemen"][data-active-page="elemen_fechamentos"] #page-title{
    font-size:17px!important;
    font-weight:600!important;
    letter-spacing:-0.15px!important;
    line-height:1.15!important;
    margin:0!important;
    padding:0!important;
    color:#f4f4f6!important;
    font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Arial,sans-serif!important;
  }

  body[data-mode="elemen"][data-active-page="elemen_fechamentos"] #page-subtitle{
    display:none!important;
  }

  body[data-mode="elemen"][data-active-page="elemen_fechamentos"] .topbar{
    min-height:54px!important;
    height:54px!important;
    align-items:center!important;
  }

  /* Remove "Fechamentos diários" e o texto explicativo */
  #elemen_fechamentos .clean-simple-header h3,
  #elemen_fechamentos .clean-simple-header p{
    display:none!important;
  }

  /* Mantém somente o botão + Novo, alinhado à direita */
  #elemen_fechamentos .clean-simple-header{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    padding:0 2px 6px!important;
    margin:0!important;
    min-height:38px!important;
    background:transparent!important;
    border:0!important;
  }

  #elemen_fechamentos .clean-simple-header .primary{
    min-height:36px!important;
    padding:7px 14px!important;
    border-radius:12px!important;
    font-size:12px!important;
    font-weight:850!important;
  }

  /* Sobe os cards */
  #elemen_fechamentos .clean-list-card{
    margin-top:0!important;
    padding-top:0!important;
  }

  #elemen_fechamentos .table-wrap{
    margin-top:0!important;
  }

  #elemen_fechamentos tbody tr.closing-order-card:first-child{
    margin-top:0!important;
  }
}


/* V10.6.3 - Remove Fechamentos diários de verdade */
@media(max-width:1000px){
  #elemen_fechamentos .closing-only-action{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    background:transparent!important;
    border:0!important;
    padding:0 2px 6px!important;
    margin:0!important;
    min-height:38px!important;
  }

  #elemen_fechamentos .closing-only-action .primary{
    min-height:36px!important;
    padding:7px 14px!important;
    border-radius:12px!important;
    font-size:12px!important;
    font-weight:850!important;
  }

  #elemen_fechamentos .clean-header h3,
  #elemen_fechamentos .clean-header p,
  #elemen_fechamentos .clean-simple-header h3,
  #elemen_fechamentos .clean-simple-header p{
    display:none!important;
  }

  #elemen_fechamentos .clean-list-card{
    margin-top:0!important;
    padding-top:0!important;
  }

  #elemen_fechamentos .table-wrap{
    margin-top:0!important;
  }
}


/* V10.6.4 - Mantém texto explicativo sem voltar título */
@media(max-width:1000px){
  #elemen_fechamentos .closing-only-action{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:12px!important;
    background:transparent!important;
    border:0!important;
    padding:0 2px 8px!important;
    margin:0!important;
    min-height:38px!important;
  }

  #elemen_fechamentos .closing-only-action h3{
    display:none!important;
  }

  #elemen_fechamentos .closing-only-action .closing-helper{
    display:block!important;
    color:#7f8390!important;
    font-size:13px!important;
    font-weight:600!important;
    letter-spacing:-.15px!important;
    line-height:1.25!important;
    margin:0!important;
    text-transform:none!important;
    flex:1!important;
  }

  #elemen_fechamentos .closing-only-action .primary{
    flex-shrink:0!important;
    min-height:36px!important;
    padding:7px 14px!important;
    border-radius:12px!important;
    font-size:12px!important;
    font-weight:850!important;
  }
}


/* V10.6.5 - Reduz espaço entre título Dashboard Elemen e cards */
@media(max-width:1000px){
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] .topbar{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }

  body[data-mode="elemen"][data-active-page="elemen_dashboard"] main{
    padding-top:0!important;
  }

  body[data-mode="elemen"][data-active-page="elemen_dashboard"] #elemen_dashboard{
    padding-top:0!important;
    margin-top:-8px!important;
  }

  body[data-mode="elemen"][data-active-page="elemen_dashboard"] #elemen_dashboard .owner-hero{
    margin-top:0!important;
  }
}

@media(max-width:390px){
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] #elemen_dashboard{
    margin-top:-10px!important;
  }
}


/* V10.6.6 - Aba Despesas ELEMEN compacta e clean */
@media(max-width:1000px){
  /* Topo da aba despesas mais discreto */
  #elemen_despesas #page-title,
  body[data-mode="elemen"][data-active-page="elemen_despesas"] #page-title{
    font-size:17px!important;
    font-weight:600!important;
    letter-spacing:-0.15px!important;
    line-height:1.15!important;
  }

  #elemen_despesas .clean-expense-header{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    background:transparent!important;
    border:0!important;
    padding:0 2px 8px!important;
    margin:0!important;
    gap:12px!important;
  }

  #elemen_despesas .clean-expense-header h3{
    display:none!important;
  }

  #elemen_despesas .clean-expense-header p{
    display:block!important;
    color:#7f8390!important;
    font-size:12px!important;
    font-weight:600!important;
    letter-spacing:-.12px!important;
    line-height:1.2!important;
    margin:0!important;
    flex:1!important;
  }

  #elemen_despesas .clean-expense-header .primary{
    flex-shrink:0!important;
    min-height:36px!important;
    padding:7px 14px!important;
    border-radius:12px!important;
    font-size:12px!important;
    font-weight:850!important;
  }

  #elemen_despesas .clean-expense-list-title{
    display:none!important;
  }

  #elemen_despesas .clean-list-card{
    margin-top:0!important;
    padding-top:0!important;
  }

  #elemen_despesas .table-wrap{
    margin-top:0!important;
  }

  /* Card da despesa menor */
  #elemen_despesas tbody tr.expense-order-card{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-areas:
      "code status"
      "desc actions"
      "value actions"!important;
    gap:6px 10px!important;
    align-items:start!important;
    padding:11px 12px!important;
    margin-bottom:8px!important;
    border-radius:15px!important;
    min-height:0!important;
  }

  #elemen_despesas tbody tr.expense-order-card td{
    padding:0!important;
    border:0!important;
  }

  /* Código/data */
  #elemen_despesas tbody tr.expense-order-card td:nth-child(1){
    grid-area:code!important;
  }

  #elemen_despesas tbody tr.expense-order-card td:nth-child(1) strong{
    font-size:12px!important;
    font-weight:850!important;
    letter-spacing:.7px!important;
    line-height:1!important;
  }

  #elemen_despesas tbody tr.expense-order-card td:nth-child(1) small{
    font-size:9px!important;
    color:#686d79!important;
    margin-top:3px!important;
    line-height:1!important;
  }

  /* Categoria + descrição */
  #elemen_despesas tbody tr.expense-order-card td:nth-child(2){
    grid-area:desc!important;
    min-width:0!important;
  }

  #elemen_despesas tbody tr.expense-order-card td:nth-child(2) span{
    font-size:8px!important;
    letter-spacing:1.15px!important;
    line-height:1!important;
    margin-bottom:4px!important;
    color:#7f8390!important;
  }

  #elemen_despesas tbody tr.expense-order-card td:nth-child(2) strong{
    font-size:14px!important;
    font-weight:750!important;
    letter-spacing:-.25px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:260px!important;
  }

  #elemen_despesas tbody tr.expense-order-card td:nth-child(2) small{
    font-size:9.5px!important;
    line-height:1.15!important;
    margin-top:4px!important;
    color:#777c88!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:260px!important;
  }

  /* Valor: sobe e fica horizontal/compacto */
  #elemen_despesas tbody tr.expense-order-card td:nth-child(3){
    grid-area:value!important;
    min-width:0!important;
    width:100%!important;
    background:#0b0c11!important;
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:11px!important;
    padding:7px 9px!important;
    margin-top:2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
  }

  #elemen_despesas tbody tr.expense-order-card td:nth-child(3) span{
    font-size:8px!important;
    letter-spacing:1.1px!important;
    margin:0!important;
    color:#7f8390!important;
  }

  #elemen_despesas tbody tr.expense-order-card td:nth-child(3) strong{
    font-size:13px!important;
    font-weight:850!important;
    letter-spacing:-.2px!important;
    line-height:1!important;
  }

  /* Status sobe para canto superior direito */
  #elemen_despesas tbody tr.expense-order-card td:nth-child(4){
    grid-area:status!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:flex-start!important;
    gap:3px!important;
  }

  #elemen_despesas tbody tr.expense-order-card .badge{
    padding:5px 8px!important;
    font-size:10px!important;
    line-height:1!important;
    border-radius:10px!important;
    font-weight:850!important;
  }

  #elemen_despesas tbody tr.expense-order-card .no-cash{
    font-size:8.5px!important;
    color:#777c88!important;
    line-height:1!important;
  }

  /* Excluir sobe, fica abaixo do status, menor */
  #elemen_despesas tbody tr.expense-order-card td:last-child{
    grid-area:actions!important;
    display:flex!important;
    justify-content:flex-end!important;
    align-items:flex-start!important;
    padding-top:34px!important;
  }

  #elemen_despesas .danger-btn{
    min-height:30px!important;
    padding:6px 9px!important;
    border-radius:10px!important;
    font-size:10px!important;
    font-weight:850!important;
  }
}

@media(max-width:390px){
  #elemen_despesas tbody tr.expense-order-card td:nth-child(2) strong,
  #elemen_despesas tbody tr.expense-order-card td:nth-child(2) small{
    max-width:215px!important;
  }
}


/* V10.6.7 - Corrige respiro entre Dashboard Elemen e o primeiro card */
@media(max-width:1000px){
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] main{
    padding-top:0!important;
  }

  body[data-mode="elemen"][data-active-page="elemen_dashboard"] .topbar{
    margin-bottom:0!important;
  }

  /* Remove o ajuste negativo anterior e deixa um respiro pequeno */
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] #elemen_dashboard{
    margin-top:0!important;
    padding-top:12px!important;
  }

  body[data-mode="elemen"][data-active-page="elemen_dashboard"] #elemen_dashboard .owner-hero{
    margin-top:0!important;
  }
}

@media(max-width:390px){
  body[data-mode="elemen"][data-active-page="elemen_dashboard"] #elemen_dashboard{
    margin-top:0!important;
    padding-top:10px!important;
  }
}


/* V10.6.8 - Seletor de mês mais profissional */
@media(max-width:1000px){
  .top-actions{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }

  #monthFilter{
    width:128px!important;
    min-width:128px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 12px!important;
    border-radius:16px!important;
    background:linear-gradient(180deg,#11131a,#0c0e13)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    color:#f4f4f6!important;
    font-size:13px!important;
    font-weight:700!important;
    letter-spacing:-.15px!important;
    text-align:center!important;
    text-transform:none!important;
    box-shadow:none!important;
    outline:none!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }

  #monthFilter:focus{
    border-color:rgba(242,183,5,.35)!important;
    box-shadow:0 0 0 3px rgba(242,183,5,.08)!important;
  }

  /* melhora o alinhamento do topo em todas as abas */
  .topbar{
    gap:12px!important;
  }

  .topbar > div:first-child{
    min-width:0!important;
  }

  .topbar .top-actions{
    flex-shrink:0!important;
  }

  /* no modo ELEMEN deixa o mês um pouco menor e elegante */
  body[data-mode="elemen"] #monthFilter{
    width:116px!important;
    min-width:116px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:15px!important;
    font-size:12.5px!important;
    font-weight:650!important;
  }
}

@media(max-width:390px){
  body[data-mode="elemen"] #monthFilter{
    width:108px!important;
    min-width:108px!important;
    height:40px!important;
    min-height:40px!important;
    font-size:12px!important;
  }
}


/* V10.6.9 - Comparativo com mês anterior igual label Saldo acumulado */
@media(max-width:1000px){
  .comparison-card-clean .card-head{
    display:block!important;
    margin:0 0 8px!important;
    padding:0!important;
  }

  .comparison-card-clean .card-head h3{
    color:#7f8390!important;
    text-transform:uppercase!important;
    letter-spacing:1.4px!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1.1!important;
    margin:0!important;
  }

  .comparison-card-clean .card-head .hint{
    display:none!important;
  }
}


/* V10.7 - Dashboard no padrão clean do print */
@media(max-width:1000px){
  /* Padroniza todos os títulos internos da Dashboard pessoal */
  #dashboard .card-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0 0 8px!important;
    padding:0!important;
  }

  #dashboard .card-head h3{
    color:#7f8390!important;
    text-transform:uppercase!important;
    letter-spacing:1.4px!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1.1!important;
    margin:0!important;
  }

  #dashboard .card-head .hint{
    color:#7f8390!important;
    text-transform:uppercase!important;
    letter-spacing:1.4px!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1.1!important;
    margin:0!important;
  }

  /* Cards abaixo seguem o mesmo padrão visual da parte de cima */
  #dashboard .origin-card,
  #dashboard .card.mt{
    background:linear-gradient(180deg,#11131a,#0d0f14)!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:16px!important;
    box-shadow:none!important;
    padding:14px 14px!important;
  }

  /* Entradas por origem mais compacta e igual ao padrão */
  #dashboard .origin-card .table-wrap,
  #dashboard .origin-card table,
  #dashboard .origin-card tbody{
    display:block!important;
    width:100%!important;
    background:transparent!important;
    border:0!important;
  }

  #dashboard .origin-card thead{
    display:none!important;
  }

  #dashboard .origin-card tbody tr{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    background:#0b0c11!important;
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:12px!important;
    padding:10px 12px!important;
    margin-bottom:7px!important;
  }

  #dashboard .origin-card tbody td{
    display:block!important;
    border:0!important;
    padding:0!important;
    color:#f4f4f6!important;
    font-size:14px!important;
    font-weight:800!important;
    letter-spacing:-.2px!important;
  }

  #dashboard .origin-card tbody td::before{
    display:none!important;
  }

  #dashboard .origin-card tbody td:last-child{
    text-align:right!important;
    font-weight:900!important;
  }

  /* Urgente agora e contas próximas no mesmo padrão */
  #dashboard .task-list .task-item{
    background:#0b0c11!important;
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:12px!important;
    padding:10px 12px!important;
    margin-bottom:7px!important;
  }

  #dashboard .task-list .task-item strong{
    font-size:14px!important;
    font-weight:800!important;
    letter-spacing:-.25px!important;
    line-height:1.15!important;
  }

  #dashboard .task-list .task-meta{
    margin-top:5px!important;
    gap:8px!important;
    color:#7f8390!important;
    font-size:10px!important;
    font-weight:700!important;
  }

  #dashboard .task-list .muted,
  #dashboard .card.mt > .muted,
  #dashboard .card.mt p.muted{
    color:#7f8390!important;
    font-size:13px!important;
    font-weight:600!important;
    margin:6px 0 0!important;
  }

  /* Comparativo fica no mesmo bloco visual do print */
  #dashboard .comparison-card-clean{
    padding:14px 14px!important;
    border-radius:16px!important;
  }

  #dashboard .comparison-grid{
    gap:7px!important;
  }

  #dashboard .comparison-grid > div,
  #dashboard .comparison-card,
  #monthComparison > div{
    background:#0b0c11!important;
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:12px!important;
    padding:9px 10px!important;
  }

  #monthComparison span,
  #monthComparison small{
    color:#7f8390!important;
    font-size:10px!important;
    font-weight:700!important;
  }

  #monthComparison strong{
    font-size:14px!important;
    font-weight:900!important;
  }

  /* Espaçamentos gerais iguais ao print */
  #dashboard .mt{
    margin-top:10px!important;
  }
}


/* V10.8 - Pendências clean e resolvidas ocultas por padrão */
@media(max-width:1000px){
  /* Topo da aba Pendências no padrão clean */
  body[data-active-page="pendencias"] #page-title{
    font-size:17px!important;
    font-weight:600!important;
    letter-spacing:-0.15px!important;
    line-height:1.15!important;
    margin:0!important;
    padding:0!important;
    font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Arial,sans-serif!important;
  }

  body[data-active-page="pendencias"] #page-subtitle{
    display:none!important;
  }

  body[data-active-page="pendencias"] .topbar{
    min-height:54px!important;
    height:54px!important;
    align-items:center!important;
  }

  #pendencias .clean-header{
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    background:transparent!important;
    border:0!important;
    padding:0 2px 8px!important;
    margin:0!important;
    gap:12px!important;
  }

  #pendencias .clean-header h3{
    display:none!important;
  }

  #pendencias .clean-header p{
    display:block!important;
    color:#7f8390!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1.2!important;
    margin:0!important;
    flex:1!important;
  }

  #pendencias .clean-header .primary{
    flex-shrink:0!important;
    min-height:36px!important;
    padding:7px 14px!important;
    border-radius:12px!important;
    font-size:12px!important;
    font-weight:850!important;
  }

  #pendencias .filters,
  #pendencias .filter-row{
    gap:8px!important;
    margin:0 0 10px!important;
  }

  #pendencias .filters select,
  #pendencias .filter-row select{
    min-height:42px!important;
    height:42px!important;
    border-radius:13px!important;
    font-size:13px!important;
    font-weight:700!important;
    padding:0 12px!important;
  }

  #pendencias .card,
  #pendencias .clean-list-card{
    background:transparent!important;
    border:0!important;
    padding:0!important;
    box-shadow:none!important;
  }

  #pendencias .table-wrap,
  #pendencias table,
  #pendencias tbody{
    display:block!important;
    width:100%!important;
    background:transparent!important;
    border:0!important;
  }

  #pendencias thead{
    display:none!important;
  }

  #pendencias tbody tr.pending-clean-card{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    grid-template-areas:
      "code priority"
      "info status"
      "info action"!important;
    gap:7px 10px!important;
    align-items:start!important;
    background:#0f1015!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:15px!important;
    padding:11px 12px!important;
    margin-bottom:8px!important;
    box-shadow:none!important;
  }

  #pendencias tbody tr.pending-clean-card td{
    display:block!important;
    padding:0!important;
    border:0!important;
    text-align:left!important;
    color:#f4f4f6!important;
  }

  #pendencias tbody tr.pending-clean-card td::before{
    display:none!important;
  }

  #pendencias tbody tr.pending-clean-card td:nth-child(1){
    grid-area:code!important;
  }

  #pendencias tbody tr.pending-clean-card td:nth-child(1) strong{
    display:block!important;
    font-size:12px!important;
    font-weight:850!important;
    letter-spacing:.7px!important;
    line-height:1!important;
  }

  #pendencias tbody tr.pending-clean-card td:nth-child(1) small{
    display:block!important;
    color:#686d79!important;
    font-size:9px!important;
    margin-top:3px!important;
    font-weight:800!important;
    line-height:1!important;
  }

  #pendencias tbody tr.pending-clean-card td:nth-child(2){
    grid-area:info!important;
    min-width:0!important;
  }

  #pendencias tbody tr.pending-clean-card td:nth-child(2) span{
    display:block!important;
    color:#7f8390!important;
    text-transform:uppercase!important;
    letter-spacing:1.15px!important;
    font-size:8px!important;
    font-weight:950!important;
    line-height:1!important;
    margin-bottom:4px!important;
  }

  #pendencias tbody tr.pending-clean-card td:nth-child(2) strong{
    display:block!important;
    font-size:14px!important;
    font-weight:780!important;
    letter-spacing:-.25px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:270px!important;
  }

  #pendencias tbody tr.pending-clean-card td:nth-child(2) small{
    display:block!important;
    color:#777c88!important;
    font-size:9.5px!important;
    margin-top:4px!important;
    font-weight:750!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:270px!important;
  }

  #pendencias tbody tr.pending-clean-card td:nth-child(3){
    grid-area:priority!important;
    display:flex!important;
    justify-content:flex-end!important;
  }

  #pendencias tbody tr.pending-clean-card .badge{
    padding:5px 8px!important;
    font-size:10px!important;
    line-height:1!important;
    border-radius:10px!important;
    font-weight:850!important;
  }

  #pendencias tbody tr.pending-clean-card td:nth-child(4){
    grid-area:status!important;
    display:flex!important;
    justify-content:flex-end!important;
  }

  #pendencias tbody tr.pending-clean-card select{
    width:130px!important;
    min-height:32px!important;
    height:32px!important;
    border-radius:10px!important;
    padding:0 9px!important;
    font-size:11px!important;
    font-weight:800!important;
    background:#0b0c11!important;
    border:1px solid rgba(255,255,255,.075)!important;
  }

  #pendencias tbody tr.pending-clean-card td:last-child{
    grid-area:action!important;
    display:flex!important;
    justify-content:flex-end!important;
  }

  #pendencias .danger-btn,
  #pendencias tbody tr.pending-clean-card .danger-btn{
    min-height:30px!important;
    padding:6px 9px!important;
    border-radius:10px!important;
    font-size:10px!important;
    font-weight:850!important;
    background:rgba(255,95,109,.12)!important;
    color:#ff707b!important;
    border-color:rgba(255,95,109,.16)!important;
  }

  #pendencias tbody tr:not(.pending-clean-card){
    display:block!important;
    background:#0f1015!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:15px!important;
    padding:14px!important;
    color:#7f8390!important;
  }
}

@media(max-width:390px){
  #pendencias tbody tr.pending-clean-card td:nth-child(2) strong,
  #pendencias tbody tr.pending-clean-card td:nth-child(2) small{
    max-width:220px!important;
  }
}


/* V10.9 - Aba Relatórios clean */
@media(max-width:1000px){
  body[data-active-page="relatorios"] #page-title{
    font-size:17px!important;
    font-weight:600!important;
    letter-spacing:-0.15px!important;
    line-height:1.15!important;
    margin:0!important;
    padding:0!important;
    font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Arial,sans-serif!important;
  }

  body[data-active-page="relatorios"] #page-subtitle{
    display:none!important;
  }

  body[data-active-page="relatorios"] .topbar{
    min-height:54px!important;
    height:54px!important;
    align-items:center!important;
  }

  /* Cards da aba relatórios mais compactos */
  #relatorios .card{
    background:linear-gradient(180deg,#11131a,#0d0f14)!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:16px!important;
    box-shadow:none!important;
    padding:14px 14px!important;
  }

  #relatorios .card.mt{
    margin-top:10px!important;
  }

  #relatorios .card-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0 0 8px!important;
    padding:0!important;
  }

  #relatorios .card-head h3{
    color:#7f8390!important;
    text-transform:uppercase!important;
    letter-spacing:1.4px!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1.1!important;
    margin:0!important;
  }

  #relatorios .card-head .hint,
  #relatorios .hint{
    color:#7f8390!important;
    text-transform:uppercase!important;
    letter-spacing:1.4px!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1.1!important;
    margin:0!important;
  }

  /* Métricas e grids */
  #relatorios .grid,
  #relatorios .cards{
    gap:8px!important;
  }

  #relatorios .metric,
  #relatorios .mini-metric{
    border-radius:14px!important;
    padding:10px 11px!important;
    min-height:68px!important;
    background:#0b0c11!important;
    border:1px solid rgba(255,255,255,.065)!important;
    box-shadow:none!important;
  }

  #relatorios .metric span,
  #relatorios .mini-metric span{
    color:#7f8390!important;
    text-transform:uppercase!important;
    letter-spacing:1.25px!important;
    font-size:8.5px!important;
    font-weight:900!important;
    margin-bottom:6px!important;
  }

  #relatorios .metric strong,
  #relatorios .mini-metric strong{
    color:#f4f4f6!important;
    font-size:15px!important;
    font-weight:850!important;
    letter-spacing:-.25px!important;
    line-height:1.05!important;
  }

  /* Listas/tabelas dentro dos relatórios */
  #relatorios .table-wrap,
  #relatorios table,
  #relatorios tbody{
    display:block!important;
    width:100%!important;
    background:transparent!important;
    border:0!important;
  }

  #relatorios thead{
    display:none!important;
  }

  #relatorios tbody tr{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    background:#0b0c11!important;
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:12px!important;
    padding:10px 12px!important;
    margin-bottom:7px!important;
  }

  #relatorios tbody td{
    display:block!important;
    border:0!important;
    padding:0!important;
    color:#f4f4f6!important;
    font-size:13px!important;
    font-weight:750!important;
    letter-spacing:-.15px!important;
  }

  #relatorios tbody td::before{
    display:none!important;
  }

  #relatorios tbody td:last-child{
    text-align:right!important;
    font-weight:900!important;
  }

  /* Gráficos/áreas visuais mais baixos e limpos */
  #relatorios canvas,
  #relatorios .chart,
  #relatorios .chart-box{
    max-height:220px!important;
  }

  #relatorios .task-list .task-item{
    background:#0b0c11!important;
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:12px!important;
    padding:10px 12px!important;
    margin-bottom:7px!important;
  }

  #relatorios .task-list .task-item strong{
    font-size:14px!important;
    font-weight:800!important;
    letter-spacing:-.25px!important;
    line-height:1.15!important;
  }

  #relatorios .task-list .task-meta{
    margin-top:5px!important;
    gap:8px!important;
    color:#7f8390!important;
    font-size:10px!important;
    font-weight:700!important;
  }

  #relatorios p,
  #relatorios .muted{
    color:#7f8390!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.35!important;
  }
}


/* V10.10 - Aba Pagamentos clean */
@media(max-width:1000px){
  body[data-active-page="financeiro"] #page-title{
    font-size:17px!important;
    font-weight:600!important;
    letter-spacing:-0.15px!important;
    line-height:1.15!important;
    margin:0!important;
    padding:0!important;
    font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Arial,sans-serif!important;
  }

  body[data-active-page="financeiro"] #page-subtitle{
    display:none!important;
  }

  body[data-active-page="financeiro"] .topbar{
    min-height:54px!important;
    height:54px!important;
    align-items:center!important;
  }

  /* Cards e blocos da aba Pagamentos */
  #financeiro .card{
    background:linear-gradient(180deg,#11131a,#0d0f14)!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:16px!important;
    box-shadow:none!important;
    padding:14px 14px!important;
  }

  #financeiro .card.mt{
    margin-top:10px!important;
  }

  #financeiro .card-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0 0 8px!important;
    padding:0!important;
  }

  #financeiro .card-head h3,
  #financeiro h3{
    color:#7f8390!important;
    text-transform:uppercase!important;
    letter-spacing:1.4px!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1.1!important;
    margin:0!important;
  }

  #financeiro .card-head .hint,
  #financeiro .hint{
    color:#7f8390!important;
    text-transform:uppercase!important;
    letter-spacing:1.4px!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1.1!important;
    margin:0!important;
  }

  /* Formulário mais compacto */
  #financeiro form,
  #financeiro .form-grid{
    gap:8px!important;
  }

  #financeiro input,
  #financeiro select,
  #financeiro textarea{
    min-height:42px!important;
    height:42px!important;
    border-radius:13px!important;
    font-size:13px!important;
    font-weight:700!important;
    padding:0 12px!important;
  }

  #financeiro button.primary{
    min-height:40px!important;
    border-radius:12px!important;
    font-size:13px!important;
    font-weight:850!important;
  }

  /* Tabela/lista de pagamentos em cards compactos */
  #financeiro .table-wrap,
  #financeiro table,
  #financeiro tbody{
    display:block!important;
    width:100%!important;
    background:transparent!important;
    border:0!important;
  }

  #financeiro thead{
    display:none!important;
  }

  #financeiro tbody tr{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:6px 10px!important;
    align-items:center!important;
    background:#0f1015!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:15px!important;
    padding:11px 12px!important;
    margin-bottom:8px!important;
    box-shadow:none!important;
  }

  #financeiro tbody td{
    display:block!important;
    border:0!important;
    padding:0!important;
    text-align:left!important;
    color:#f4f4f6!important;
    font-size:13px!important;
    font-weight:750!important;
    letter-spacing:-.15px!important;
  }

  #financeiro tbody td::before{
    display:none!important;
  }

  #financeiro tbody td:nth-child(1){
    color:#686d79!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1!important;
  }

  #financeiro tbody td:nth-child(2){
    color:#7f8390!important;
    text-transform:uppercase!important;
    letter-spacing:1.1px!important;
    font-size:8.5px!important;
    font-weight:950!important;
  }

  #financeiro tbody td:nth-child(3){
    grid-column:1 / 2!important;
    font-size:14px!important;
    font-weight:800!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:260px!important;
  }

  #financeiro tbody td:nth-child(4){
    grid-column:2 / 3!important;
    grid-row:1 / span 2!important;
    text-align:right!important;
    font-size:14px!important;
    font-weight:900!important;
    color:#55d68b!important;
    align-self:center!important;
  }

  #financeiro tbody td:last-child{
    grid-column:2 / 3!important;
    text-align:right!important;
  }

  #financeiro tbody .icon-btn,
  #financeiro .icon-btn{
    min-height:30px!important;
    padding:6px 9px!important;
    border-radius:10px!important;
    font-size:10px!important;
    font-weight:850!important;
  }

  /* Métricas se houver */
  #financeiro .metric,
  #financeiro .mini-metric{
    border-radius:14px!important;
    padding:10px 11px!important;
    min-height:68px!important;
    background:#0b0c11!important;
    border:1px solid rgba(255,255,255,.065)!important;
    box-shadow:none!important;
  }

  #financeiro .metric span,
  #financeiro .mini-metric span{
    color:#7f8390!important;
    text-transform:uppercase!important;
    letter-spacing:1.25px!important;
    font-size:8.5px!important;
    font-weight:900!important;
    margin-bottom:6px!important;
  }

  #financeiro .metric strong,
  #financeiro .mini-metric strong{
    color:#f4f4f6!important;
    font-size:15px!important;
    font-weight:850!important;
    letter-spacing:-.25px!important;
    line-height:1.05!important;
  }

  #financeiro p,
  #financeiro .muted{
    color:#7f8390!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.35!important;
  }
}

@media(max-width:390px){
  #financeiro tbody td:nth-child(3){
    max-width:220px!important;
  }
}


/* V10.11 - Popup de pendências abertas */
.pending-alert-modal.hidden{
  display:none!important;
}

.pending-alert-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding:calc(76px + env(safe-area-inset-top)) 16px 16px;
}

.pending-alert-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.55);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

.pending-alert-card{
  position:relative;
  width:min(430px,100%);
  background:linear-gradient(180deg,#11131a,#0d0f14);
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  padding:15px;
  box-shadow:0 18px 60px rgba(0,0,0,.35);
  animation:pendingPop .18s ease-out;
}

@keyframes pendingPop{
  from{transform:translateY(-8px); opacity:0}
  to{transform:translateY(0); opacity:1}
}

.pending-alert-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}

.pending-alert-label{
  display:block;
  color:#7f8390;
  text-transform:uppercase;
  letter-spacing:1.4px;
  font-size:9px;
  font-weight:900;
  line-height:1.1;
  margin-bottom:5px;
}

.pending-alert-top h3{
  margin:0;
  color:#f4f4f6;
  font-size:18px;
  font-weight:780;
  letter-spacing:-.35px;
  line-height:1.1;
}

.pending-alert-close{
  width:34px;
  height:34px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:#0b0c11;
  color:#f4f4f6;
  font-size:22px;
  font-weight:500;
  line-height:1;
}

.pending-alert-text{
  color:#7f8390;
  font-size:13px;
  font-weight:650;
  line-height:1.35;
  margin:0 0 12px;
}

.pending-alert-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-bottom:10px;
}

.pending-alert-grid div{
  background:#0b0c11;
  border:1px solid rgba(255,255,255,.065);
  border-radius:13px;
  padding:9px 10px;
}

.pending-alert-grid span{
  display:block;
  color:#7f8390;
  text-transform:uppercase;
  letter-spacing:1.15px;
  font-size:8px;
  font-weight:900;
  margin-bottom:5px;
}

.pending-alert-grid strong{
  color:#f4f4f6;
  font-size:17px;
  font-weight:850;
  line-height:1;
}

.pending-alert-list{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-bottom:12px;
}

.pending-alert-item{
  background:#0b0c11;
  border:1px solid rgba(255,255,255,.065);
  border-radius:13px;
  padding:9px 10px;
}

.pending-alert-item strong{
  display:block;
  color:#f4f4f6;
  font-size:13px;
  font-weight:800;
  letter-spacing:-.2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.pending-alert-item span{
  display:block;
  color:#7f8390;
  font-size:10px;
  font-weight:700;
  margin-top:4px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.pending-alert-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.pending-alert-actions button{
  min-height:38px!important;
  border-radius:12px!important;
  font-size:12px!important;
  font-weight:850!important;
}

@media(max-width:390px){
  .pending-alert-modal{
    padding-left:14px;
    padding-right:14px;
  }

  .pending-alert-top h3{
    font-size:17px;
  }
}


/* V10.11.1 - Popup pendências corrigido */
.pending-alert-modal{
  z-index:2147483000!important;
}

body.pending-alert-open{
  overflow:hidden;
}


/* V10.11.2 - Correção real: HTML do popup inserido */
#pendingAlertModal.pending-alert-modal:not(.hidden){
  display:flex!important;
}

#pendingAlertModal.hidden{
  display:none!important;
}

#pendingAlertModal{
  z-index:2147483640!important;
}


/* V10.12 - Botão Adicionar no iPhone nas Pendências */
@media(max-width:1000px){
  #pendencias .pending-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    flex-wrap:wrap!important;
  }

  #pendencias .iphone-btn{
    min-height:30px!important;
    padding:6px 9px!important;
    border-radius:10px!important;
    font-size:10px!important;
    font-weight:850!important;
    background:rgba(242,183,5,.12)!important;
    color:#f2b705!important;
    border:1px solid rgba(242,183,5,.18)!important;
  }

  #pendencias tbody tr.pending-clean-card{
    grid-template-areas:
      "code priority"
      "info status"
      "info action"!important;
  }
}


/* V10.13 - Campo horário nas pendências */
@media(max-width:1000px){
  #pendencias input[type="time"]{
    min-height:42px!important;
    height:42px!important;
    border-radius:13px!important;
    font-size:13px!important;
    font-weight:700!important;
    padding:0 12px!important;
  }
}


/* V10.14 - PWA safe area */
@supports(padding: max(0px)){
  body{
    padding-top: env(safe-area-inset-top);
    padding-bottom: env(safe-area-inset-bottom);
  }
}

@media all and (display-mode: standalone){
  body{
    background:#050507;
  }
}


/* V10.15 - Botão olhinho / ocultar valores */
.privacy-toggle{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,#11131a,#0c0e13)!important;
  color:#f4f4f6!important;
  font-size:17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  box-shadow:none!important;
}

.privacy-toggle:active{
  transform:scale(.96);
}

body.privacy-hidden .metric strong,
body.privacy-hidden .mini-metric strong,
body.privacy-hidden .owner-hero strong{
  letter-spacing:.5px!important;
}

@media(max-width:390px){
  .privacy-toggle{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    border-radius:13px!important;
    font-size:16px!important;
  }
}


/* V10.15.3 - Bottom nav fixa de verdade no app/PWA */
.bottom-nav,
.mobile-nav,
nav.bottom-nav{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:9990!important;
  transform:none!important;
  margin:0!important;
  background:rgba(7,8,12,.96)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 -12px 35px rgba(0,0,0,.45)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  padding-bottom:max(10px, env(safe-area-inset-bottom))!important;
}

/* Garante que o conteúdo nunca passe visualmente por baixo da barra */
main,
.app-main,
.content,
main#main{
  padding-bottom:calc(120px + env(safe-area-inset-bottom))!important;
}

/* Barra Pessoal/ELEMEN acima da navegação, sem deixar cards vazarem por baixo */
.mode-bar,
.business-switch,
.mode-switch{
  position:sticky!important;
  bottom:calc(76px + env(safe-area-inset-bottom))!important;
  z-index:9980!important;
  background:rgba(7,8,12,.94)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}

/* No iPhone instalado como app, evita salto estranho ao rolar */
@media all and (display-mode: standalone){
  .bottom-nav,
  .mobile-nav,
  nav.bottom-nav{
    bottom:0!important;
  }

  main,
  .app-main,
  .content,
  main#main{
    padding-bottom:calc(132px + env(safe-area-inset-bottom))!important;
  }
}


/* V10.15.4 - Pendências ocultas até selecionar área */
@media(max-width:1000px){
  #pendencias tbody tr.pending-empty-state{
    display:block!important;
    background:#0f1015!important;
    border:1px solid rgba(255,255,255,.075)!important;
    border-radius:15px!important;
    padding:16px 14px!important;
    margin-bottom:8px!important;
  }

  #pendencias tbody tr.pending-empty-state td{
    display:block!important;
    border:0!important;
    padding:0!important;
    text-align:left!important;
  }

  #pendencias tbody tr.pending-empty-state td::before{
    display:none!important;
  }

  #pendencias tbody tr.pending-empty-state strong{
    display:block!important;
    color:#f4f4f6!important;
    font-size:14px!important;
    font-weight:850!important;
    letter-spacing:-.2px!important;
    margin-bottom:5px!important;
  }

  #pendencias tbody tr.pending-empty-state span{
    display:block!important;
    color:#7f8390!important;
    font-size:12px!important;
    font-weight:650!important;
    line-height:1.35!important;
  }
}


/* V10.15.6 - Simplificação caixa ELEMEN */
#elRestockReserve,
#elStoreReserve{
  display:none!important;
}

#elRestockReserve.closest,
#elStoreReserve.closest{
  display:none!important;
}

/* Oculta o card inteiro dos blocos Reposição Reservada e Reserva da Loja */
#elemen_dashboard .mini-metric:has(#elRestockReserve),
#elemen_dashboard .mini-metric:has(#elStoreReserve),
#elemen_dashboard .metric:has(#elRestockReserve),
#elemen_dashboard .metric:has(#elStoreReserve),
#elemen_dashboard .owner-card:has(#elRestockReserve),
#elemen_dashboard .owner-card:has(#elStoreReserve),
#elemen_dashboard .stat-card:has(#elRestockReserve),
#elemen_dashboard .stat-card:has(#elStoreReserve){
  display:none!important;
}


/* ===== COLÔMBIA ===== */
body[data-mode="colombia"] .topbar{
  background:rgba(18,22,28,.62);
}
.colombia-header h3{
  margin:0;
  font-size:18px;
  letter-spacing:-.2px;
}
.colombia-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.colombia-form-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.colombia-edit-grid{
  grid-template-columns:1fr 1fr;
}
.dynamic-rows{
  display:grid;
  gap:10px;
}
.dynamic-row{
  display:grid;
  grid-template-columns:1.2fr .7fr 1fr 42px;
  gap:8px;
  align-items:center;
  padding:8px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(14,17,22,.72);
}
.colombia-actions{
  display:flex;
  gap:10px;
  margin-top:16px;
}
.colombia-actions button{
  flex:1;
}
.colombia-summary{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
.summary-pill,
.mini-metric{
  background:rgba(14,17,22,.72);
  border:1px solid var(--line);
  border-radius:18px;
  padding:14px;
}
.summary-pill span,
.mini-metric span{
  display:block;
  color:var(--muted);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.15em;
  margin-bottom:8px;
}
.summary-pill strong,
.mini-metric strong{
  font-size:22px;
  letter-spacing:-.5px;
}
.summary-pill.featured,
.mini-metric.featured{
  border-left:4px solid var(--accent);
}
.green{color:var(--green)!important}
.red{color:var(--red)!important}

@media(max-width:900px){
  .colombia-kpis,
  .colombia-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .colombia-form-grid,
  .colombia-edit-grid{
    grid-template-columns:1fr;
  }
  .dynamic-row{
    grid-template-columns:1fr;
  }
  .colombia-actions{
    flex-direction:column;
  }
}


/* V10.16.3 - seletor principal com 3 modos lado a lado */
.mode-switch,
.mode-bar,
.mode-toggle{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:nowrap!important;
  width:100%;
}

.mode-switch .mode-btn,
.mode-bar .mode-btn,
.mode-toggle .mode-btn{
  flex:1 1 0!important;
  min-width:0!important;
  white-space:nowrap!important;
  text-align:center;
  justify-content:center;
  padding-left:8px!important;
  padding-right:8px!important;
}

.mode-btn[data-mode="colombia"]{
  font-size:12px;
  letter-spacing:.02em;
}

@media(max-width:430px){
  .mode-switch,
  .mode-bar,
  .mode-toggle{
    gap:5px;
  }
  .mode-switch .mode-btn,
  .mode-bar .mode-btn,
  .mode-toggle .mode-btn{
    font-size:11px!important;
    padding:9px 6px!important;
  }
}


/* V10.16.4 - Formulários SS */
.colombia-forms-list{display:grid;gap:12px}
.form-report-card{border:1px solid var(--line);background:rgba(14,17,22,.72);border-radius:20px;padding:14px}
.form-report-top{display:flex;justify-content:space-between;gap:12px;align-items:center}
.form-report-top strong{display:block;font-size:16px}
.form-report-top small{color:var(--muted);display:block;margin-top:4px}
.form-report-preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.form-report-preview span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:12px}
.small{font-size:12px}
@media(max-width:640px){.form-report-top{align-items:stretch;flex-direction:column}}


/* V10.16.23 - correção categoria despesas pessoais */
select,
select option{
  color:var(--text)!important;
  background:#0d111a!important;
  -webkit-text-fill-color:var(--text)!important;
}
select:invalid,
select option[value=""]{
  color:var(--muted)!important;
  -webkit-text-fill-color:var(--muted)!important;
}
body[data-mode="pessoal"] select{
  opacity:1!important;
  visibility:visible!important;
}


/* V10.16.30 - filtro semanal Dashboard Colômbia */
.colombia-period-card{
  margin-top:14px;
}
.full-select{
  width:100%;
}


/* V10.16.32 - Balanço mensal Colômbia */
.colombia-monthly-card .primary{
  width:100%;
  margin-top:12px;
}


/* V10.16.35 - proteção visual iPhone/safe-area */
html, body{
  background:#07090f!important;
  min-height:100%;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  background:#07090f;
  z-index:-1;
}
#app, .app-shell, main{
  background:transparent;
}
#quickMenu, #otherMenu{
  background:rgba(10,13,21,.96);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

#fab,#quickMenu,#otherMenu{z-index:9999!important;}


/* V10.16.38 - auditoria total reforços finais */
.hidden{display:none!important;}
#fab,#quickMenu,#otherMenu{z-index:99999!important;}
#quickMenu button,#otherMenu button{min-height:52px;}
select option{background:#0d111a;color:#f5f7fb;}