.etat104-page{gap:20px;min-width:0;display:grid}.etat104-page>.back-link{justify-self:start}.etat104-page .page-heading{margin-bottom:0}.etat104-page h1{align-items:center;gap:14px;display:flex}.etat104-badge,.etat104-count{background:var(--surface-active);color:var(--green);border-radius:12px;padding:8px 14px;font-size:15px;font-weight:600;display:inline-block}.etat104-controls{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;align-items:end;gap:12px;padding:24px;display:flex}.etat104-client{flex:240px;align-items:end;gap:8px;min-width:0;display:flex}.etat104-client .search-lookup{flex:1;min-width:0}.etat104-clear{border:1px solid var(--border);background:var(--surface-active);height:46px;color:var(--green);cursor:pointer;border-radius:9px;flex:0 0 46px;font-size:24px}.etat104-controls>label{color:var(--muted);gap:8px;font-size:14px;display:grid}.etat104-controls input,.etat104-controls select{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:9px;min-height:46px;padding:12px}.etat104-actions{flex-wrap:wrap;gap:12px;margin-inline-start:auto;display:flex}.etat104-actions>button{border:1px solid var(--green);cursor:pointer;border-radius:9px;min-height:46px;padding:12px 20px;font-weight:600}.etat104-actions>.primary-button{background:var(--green);color:#fff}.etat104-actions>.primary-button:hover:not(:disabled){background:var(--green-hover)}.etat104-actions>.secondary-button{background:var(--surface-active);color:var(--green)}.etat104-page button:disabled{cursor:not-allowed;opacity:.5}.etat104-status{margin:0;font-size:13px}.etat104-status:empty{display:none}.etat104-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.etat104-summary section{border:1px solid var(--border);border-inline-start:5px solid var(--green);background:var(--surface);border-radius:16px;gap:14px;padding:24px;display:grid}.etat104-summary section:nth-child(2){border-inline-start-color:#4387c1}.etat104-summary section:nth-child(3){border-inline-start-color:#0b7468}.etat104-summary section:nth-child(4){border-inline-start-color:#9170b6}.etat104-summary section>span{text-transform:uppercase;font-size:13px}.etat104-summary strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(20px,2vw,28px)}.etat104-summary small{color:var(--muted);font-size:12px;font-weight:500}.etat104-details{min-width:0;overflow:hidden}.etat104-details>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.etat104-details h2{margin:0;font-size:20px}.etat104-count{border-radius:24px;margin-inline-start:10px;font-size:12px}.etat104-details>header p{margin:8px 0 0;font-size:13px}.etat104-details>header>span{font-size:13px}.etat104-table-wrap{max-height:65vh;overflow:auto}.etat104-page table{border-collapse:collapse;width:100%;font-size:13px}.etat104-page th,.etat104-page td{text-align:start;border-bottom:1px solid var(--border);vertical-align:top;white-space:nowrap;padding:16px 14px}.etat104-page thead{z-index:1;color:#fff;background:#0b7468;position:sticky;top:0}.etat104-page thead th{color:#fff;text-transform:uppercase;background:#0b7468;font-size:12px}.etat104-page tbody tr:nth-child(2n){background:var(--surface-muted)}.etat104-page .etat104-name{white-space:normal;overflow-wrap:anywhere;min-width:220px;max-width:340px}.etat104-page .amount{text-align:end;font-variant-numeric:tabular-nums}.etat104-page tfoot{background:var(--surface-active);font-weight:700}.etat104-page tfoot th{background:var(--surface-active);color:var(--ink);font-weight:700}.etat104-page .negative,.etat104-page tr.negative td{color:#c24350}[data-theme=dark] .etat104-page .negative,[data-theme=dark] .etat104-page tr.negative td{color:#ff929d}@media (max-width:1100px){.etat104-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.etat104-controls{padding:16px}.etat104-controls>label{flex:140px}.etat104-controls input,.etat104-controls select{width:100%;min-width:0}.etat104-summary section{padding:16px}.etat104-actions{width:100%}.etat104-actions>button{flex:1}}@media (max-width:380px){.etat104-summary{grid-template-columns:1fr}}
