/* ZenCaps | Interface de Faturas. Somente tela: nenhuma regra de impressão/PDF. */
@media screen {
  .invoices-shell {
    --zen-inv-border:#dce9df;
    --zen-inv-ink:#1b3f2b;
    --zen-inv-muted:#658071;
  }
  /* Recupera o título que estava visualmente oculto na folha-base. */
  .invoices-shell .page-heading {align-items:center;gap:18px 22px;margin-bottom:20px;}
  .invoices-shell .page-heading h1 {
    position:static;display:block;width:auto;height:auto;margin:0;
    padding:0;overflow:visible;clip:auto;clip-path:none;white-space:normal;
    border:0;color:#173d29;font-size:clamp(22px,2.15vw,31px);
    line-height:1.2;font-weight:850;letter-spacing:-.042em;
  }
  .invoices-shell .page-heading .eyebrow {
    margin:0 0 7px;color:#15844c;font-size:10px;font-weight:800;letter-spacing:.105em;
  }
  .invoices-shell .page-heading p {
    max-width:680px;margin-top:7px;color:var(--zen-inv-muted);
    font-size:12px;line-height:1.55;
  }
  .invoices-shell .heading-actions .btn.primary {
    min-height:41px;padding:10px 17px;border-radius:11px;
    font-weight:800;white-space:nowrap;box-shadow:0 8px 18px rgba(10,131,70,.12);
  }
  /* KPIs com pesos proporcionais; os totais continuam vindo dos mesmos cálculos. */
  .invoices-shell .zen-invoice-kpis {
    gap:14px;margin-bottom:20px!important;align-items:stretch;
  }
  .invoices-shell .zen-invoice-kpis .stat {
    overflow:hidden;min-width:0;min-height:143px;padding:18px 19px 16px;
    border-radius:16px;border:1px solid var(--zen-inv-border);
    background:linear-gradient(155deg,#fff 55%,#fbfefb);
    box-shadow:0 2px 7px rgba(25,60,34,.03),0 11px 26px rgba(25,60,34,.05);
  }
  .invoices-shell .zen-invoice-kpis .stat::after {
    left:19px;right:19px;height:3px;opacity:.65;
  }
  .invoices-shell .zen-invoice-kpis .stat:nth-child(2)::after {background:#508cb9;}
  .invoices-shell .zen-invoice-kpis .stat:nth-child(3)::after {background:#e4a539;}
  .invoices-shell .zen-invoice-kpis .stat-icon {
    width:37px;height:37px;top:17px;right:17px;border-radius:11px;
  }
  .invoices-shell .zen-invoice-kpis .stat-label {
    max-width:calc(100% - 44px);font-size:10px;letter-spacing:.065em;
    color:#687e70;
  }
  .invoices-shell .zen-invoice-kpis .stat-value {
    margin-top:24px;color:var(--zen-inv-ink);font-weight:850;
    font-size:clamp(20px,1.85vw,28px);line-height:1.26;
    white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;
  }
  .invoices-shell .zen-invoice-kpis .stat-foot {
    color:#708579;font-size:11px;line-height:1.5;margin-top:7px;
  }
  /* Filtros e listagem: prioridade ao nome, operação e situação. */
  .invoices-shell .zen-invoices-ledger {
    overflow:hidden;border:1px solid var(--zen-inv-border);
    border-radius:17px;box-shadow:0 3px 9px rgba(27,64,37,.03),0 16px 32px rgba(27,64,37,.045);
  }
  .invoices-shell .zen-invoices-toolbar {
    display:grid;grid-template-columns:minmax(200px,1fr) minmax(360px,1.35fr);
    align-items:center;gap:16px 24px;padding:18px 20px;
    background:linear-gradient(115deg,#f7fbf8,#fff 62%);
    border-bottom:1px solid var(--zen-inv-border);
  }
  .invoices-shell .zen-invoices-toolbar-title {
    display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;
  }
  .invoices-shell .zen-invoices-kicker {
    color:#3b9160;font-size:9.5px;font-weight:850;letter-spacing:.105em;
  }
  .invoices-shell .zen-invoices-toolbar-title>b {
    color:#234833;font-size:15px;font-weight:850;letter-spacing:-.025em;
  }
  .invoices-shell .zen-invoices-toolbar-caption {
    color:#708777;font-size:11px;font-weight:450;line-height:1.5;
  }
  .invoices-shell .zen-invoices-filters {
    display:grid;grid-template-columns:minmax(190px,1fr) minmax(190px,230px);
    gap:9px;width:100%;justify-content:end;min-width:0;
  }
  .invoices-shell .zen-invoices-filters .searchbox,
  .invoices-shell .zen-invoices-filters .select.compact {
    margin:0;max-width:none;width:100%;min-width:0;
    height:41px;min-height:41px;border-radius:10px;
    border:1px solid #d4e5d9;background:#fff;
    color:#315943;box-shadow:0 1px 2px rgba(19,74,35,.025);
  }
  .invoices-shell .zen-invoices-filters .searchbox input {min-width:0;color:#2b4b38;font-size:12px;}
  .invoices-shell .zen-invoices-filters .searchbox input::placeholder {color:#88998e;}
  .invoices-shell .zen-invoices-filters :is(.searchbox,.select):focus-within {
    border-color:#5caf7d;box-shadow:0 0 0 3px rgba(12,145,75,.1);
  }
  .invoices-shell .zen-invoices-scroll {overflow-x:auto;scrollbar-gutter:stable;max-width:100%;}
  .invoices-shell .zen-invoices-table {width:100%;min-width:1190px;border-collapse:separate;border-spacing:0;}
  .invoices-shell .zen-invoices-table th {
    background:#f1f7f3;padding:13px 13px;color:#617969;
    font-size:10px;font-weight:850;letter-spacing:.068em;
    text-transform:uppercase;border-bottom:1px solid #dfebe1;
  }
  .invoices-shell .zen-invoices-table th:nth-child(2){min-width:195px;}
  .invoices-shell .zen-invoices-table th:nth-child(3){min-width:118px;}
  .invoices-shell .zen-invoices-table th:nth-child(4){min-width:118px;}
  .invoices-shell .zen-invoices-table th:nth-child(8){min-width:210px;}
  .invoices-shell .zen-invoices-table td {
    padding:15px 13px;vertical-align:middle;border-bottom:1px solid #eaf0eb;
    color:#365140;font-size:11.5px;line-height:1.5;
  }
  .invoices-shell .zen-invoices-table tbody tr:nth-child(even){background:#fcfefd;}
  .invoices-shell .zen-invoices-table tbody tr:hover {background:#eff8f2;}
  .invoices-shell .zen-invoice-code {color:#226441;font-size:12.5px;font-weight:850;letter-spacing:-.02em;}
  .invoices-shell .zen-invoice-issued {color:#7a8e80;font-size:10.5px;margin-top:4px;}
  .invoices-shell .zen-invoice-customer {font-size:12.5px;font-weight:850;color:#23412e;line-height:1.4;}
  .invoices-shell .zen-invoice-op-name {
    display:inline-flex;align-items:center;gap:6px;max-width:100%;
    margin-top:7px;padding:5px 8px;white-space:normal;overflow-wrap:anywhere;
    border-radius:8px;line-height:1.35;font-size:10.5px;font-weight:780;
    background:#e7f5eb;color:#256543;border:1px solid #cae6d3;
  }
  .invoices-shell .zen-invoice-op-name svg{flex:0 0 12px;}
  .invoices-shell .zen-invoice-op-name.zen-op-primary{
    background:#f3f6f3;color:#64786a;border-color:#e1e8e2;
  }
  .invoices-shell .zen-invoice-period,.invoices-shell .zen-invoice-due {
    color:#526c5c;font-variant-numeric:tabular-nums;font-weight:600;
  }
  .invoices-shell .zen-invoice-total b {font-size:12.5px;color:#264b32;font-weight:850;}
  .invoices-shell .zen-invoice-balance b {font-size:12.5px;font-weight:850;font-variant-numeric:tabular-nums;}
  .invoices-shell .zen-invoice-balance.is-open b {color:#9b5f1e;}
  .invoices-shell .zen-invoice-balance.is-clear b {color:#0e8950;}
  .invoices-shell .zen-invoice-status-wrap {display:inline-flex;max-width:100%;}
  .invoices-shell .zen-invoice-status-wrap .badge {
    display:inline-flex;align-items:center;border-radius:999px;
    padding:6px 10px;font-size:10.5px;font-weight:850;line-height:1.3;
  }
  .invoices-shell .zen-invoice-actions {display:flex;justify-content:flex-end;gap:6px;flex-wrap:nowrap;}
  .invoices-shell .zen-invoice-actions .zen-invoice-action{
    width:33px;min-width:33px;height:34px;min-height:34px;padding:0;
    display:inline-grid;place-items:center;border-radius:9px;
    color:#466451;background:#fff;border:1px solid #dbe7de;
  }
  .invoices-shell .zen-invoice-actions .zen-invoice-action:hover:not(:disabled){
    background:#e7f6ec;color:#0d8149;border-color:#a5d4b5;
  }
  .invoices-shell .zen-invoice-actions .zen-invoice-pdf {
    min-height:34px;padding:6px 10px;border-radius:9px;
    color:#117447;background:#ebf8ef;border:1px solid #c8e9d1;
    font-size:11px;font-weight:850;white-space:nowrap;
  }
  .invoices-shell .zen-invoice-actions .zen-invoice-pdf:hover:not(:disabled){
    color:#095e38;background:#d9f1e2;border-color:#a1d3b1;
  }
  .invoices-shell .zen-invoice-actions .btn:disabled{opacity:.42;cursor:not-allowed;}
  .invoices-shell .zen-invoice-actions .btn:focus-visible,
  .invoices-shell .zen-invoices-filters :is(input,select):focus-visible{
    outline:2px solid #14864e;outline-offset:2px;
  }
  .invoices-shell .zen-invoice-row-cancelled .zen-invoice-code{color:#77877d;}
  @media(max-width:1280px){
    .invoices-shell .zen-invoices-toolbar{grid-template-columns:1fr;gap:12px;}
    .invoices-shell .zen-invoices-filters{max-width:700px;}
  }
  @media(max-width:760px){
    .invoices-shell .page-heading{align-items:stretch;}
    .invoices-shell .zen-invoices-toolbar{padding:15px;}
    .invoices-shell .zen-invoice-kpis{gap:11px;}
    .invoices-shell .zen-invoices-filters{grid-template-columns:minmax(0,1fr) minmax(150px,.7fr);}
  }
  @media(max-width:530px){
    .invoices-shell .zen-invoice-kpis .stat{min-height:133px;padding:15px;}
    .invoices-shell .zen-invoice-kpis .stat-value{font-size:clamp(18px,5vw,23px);}
    .invoices-shell .zen-invoices-filters{grid-template-columns:1fr;gap:8px;}
    .invoices-shell .zen-invoices-filters .searchbox{width:100%;}
    .invoices-shell .zen-invoices-toolbar-title>b{font-size:14px;}
  }
  @media(prefers-reduced-motion:reduce){
    .invoices-shell .zen-invoice-row,
    .invoices-shell .zen-invoice-actions .btn,
    .invoices-shell .zen-invoice-kpis .stat{transition:none;}
    .invoices-shell .zen-invoice-kpis .stat:hover{transform:none;}
  }
  html[data-theme="dark"] .invoices-shell{--zen-inv-border:#375342;--zen-inv-ink:#e5f4e9;--zen-inv-muted:#bad0c0;}
  html[data-theme="dark"] .invoices-shell .page-heading h1{color:#edf8f0;}
  html[data-theme="dark"] .invoices-shell .page-heading .eyebrow{color:#7de2a8;}
  html[data-theme="dark"] .invoices-shell .zen-invoice-kpis .stat{
    background:linear-gradient(155deg,#1d2e23,#192a1f);border-color:#36513d;
  }
  html[data-theme="dark"] .invoices-shell .zen-invoice-kpis .stat-label,
  html[data-theme="dark"] .invoices-shell .zen-invoice-kpis .stat-foot{color:#b8cebe;}
  html[data-theme="dark"] .invoices-shell .zen-invoices-ledger{background:#19271e;border-color:#375342;}
  html[data-theme="dark"] .invoices-shell .zen-invoices-toolbar{
    background:linear-gradient(100deg,#203629,#1b2921);border-color:#3d5544;
  }
  html[data-theme="dark"] .invoices-shell .zen-invoices-kicker{color:#8adab0;}
  html[data-theme="dark"] .invoices-shell .zen-invoices-toolbar-title>b{color:#e7f5eb;}
  html[data-theme="dark"] .invoices-shell .zen-invoices-toolbar-caption{color:#bfd2c2;}
  html[data-theme="dark"] .invoices-shell .zen-invoices-filters :is(.searchbox,.select.compact){
    background:#1e3025;color:#e5f2e8;border-color:#3b5e45;
  }
  html[data-theme="dark"] .invoices-shell .zen-invoices-filters .searchbox input{color:#e5f2e8;}
  html[data-theme="dark"] .invoices-shell .zen-invoices-filters .searchbox input::placeholder{color:#a7bcb0;}
  html[data-theme="dark"] .invoices-shell .zen-invoices-table th{
    background:#243c2d;color:#c3d8c9;border-color:#3c5443;
  }
  html[data-theme="dark"] .invoices-shell .zen-invoices-table tbody tr:nth-child(even){background:#1b3023;}
  html[data-theme="dark"] .invoices-shell .zen-invoices-table tbody tr:hover{background:#2b4433;}
  html[data-theme="dark"] .invoices-shell .zen-invoices-table td{border-color:#33493a;color:#d7e7d9;}
  html[data-theme="dark"] .invoices-shell .zen-invoice-code{color:#b8f0ce;}
  html[data-theme="dark"] .invoices-shell .zen-invoice-customer{color:#e3f2e6;}
  html[data-theme="dark"] .invoices-shell .zen-invoice-issued,
  html[data-theme="dark"] .invoices-shell .zen-invoice-period,
  html[data-theme="dark"] .invoices-shell .zen-invoice-due{color:#b8d0bf;}
  html[data-theme="dark"] .invoices-shell .zen-invoice-op-name{
    color:#d6f0dc;background:#234832;border-color:#497258;
  }
  html[data-theme="dark"] .invoices-shell .zen-invoice-op-name.zen-op-primary{
    color:#c2d2c5;background:#2b372e;border-color:#485b4d;
  }
  html[data-theme="dark"] .invoices-shell .zen-invoice-total b{color:#dcf6e5;}
  html[data-theme="dark"] .invoices-shell .zen-invoice-balance.is-open b{color:#ffd08c;}
  html[data-theme="dark"] .invoices-shell .zen-invoice-balance.is-clear b{color:#8be3ad;}
  html[data-theme="dark"] .invoices-shell .zen-invoice-actions .zen-invoice-action{
    color:#d7eddf;background:#253d2d;border-color:#45624d;
  }
  html[data-theme="dark"] .invoices-shell .zen-invoice-actions .zen-invoice-pdf{
    color:#b9f0cd;background:#254c35;border-color:#427955;
  }
}
