/* Fiche bancaire exclusivement. Aucune règle de document ou d’impression. */
.bt-page{--bt-paper:#f2eee7;--bt-muted:#bcc8ca;--bt-cyan:#9ee3dd;--bt-amber:#eac69c;--bt-line:#3e5056;--bt-surface:#19282e;max-width:1100px;margin:24px auto 36px;padding:0 2px;color:var(--bt-paper);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.bt-page *{box-sizing:border-box;min-width:0}
.bt-page h1{font-size:clamp(23px,2.5vw,32px);line-height:1.2;letter-spacing:-.025em;font-weight:600;margin:5px 0 9px;max-width:650px}
.bt-page h2{font-size:14px;line-height:1.4;font-weight:600;letter-spacing:.01em;margin:0 0 18px;color:var(--bt-paper)}
.bt-page h3{font-size:12px;margin:0 0 10px;color:var(--bt-muted);font-weight:500}
.bt-page p{margin:0 0 10px}
.bt-page .bt-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;margin-bottom:22px}
.bt-page .bt-navigation>div{display:flex;align-items:center;gap:8px;color:var(--bt-muted)}
.bt-page .bt-back{color:var(--bt-cyan);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.bt-page .bt-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:1px solid var(--bt-line);border-radius:9px;padding:9px 13px;background:var(--bt-surface);color:var(--bt-paper);font:inherit;font-size:12px;line-height:1.4;text-decoration:none;cursor:pointer;text-align:left}
.bt-page .bt-button:hover{background:#243b43;border-color:#698f94}
.bt-page .bt-button:disabled{opacity:.6;cursor:wait}
.bt-page .bt-button[aria-disabled=true]{color:var(--bt-muted);background:transparent;cursor:default}
.bt-page a:focus-visible,.bt-page button:focus-visible,.bt-page input:focus-visible,.bt-page textarea:focus-visible,.bt-page select:focus-visible{outline:2px solid var(--bt-cyan);outline-offset:4px}
.bt-page .bt-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:36px;border-top:1px solid var(--bt-line);border-bottom:1px solid var(--bt-line);padding:26px 0 23px}
.bt-page .bt-title{flex:1}
.bt-page .bt-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--bt-amber);margin-bottom:10px}
.bt-page .bt-small{font-size:12px;line-height:1.6;color:var(--bt-muted)}
.bt-page .bt-value{max-width:45%;display:flex;flex-direction:column;align-items:flex-end;gap:12px;padding-top:18px;text-align:right}
.bt-page .bt-value strong{font-size:clamp(24px,3.2vw,38px);line-height:1.15;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.bt-page .bt-value.incoming strong{color:var(--bt-cyan)}
.bt-page .bt-value.outgoing strong{color:var(--bt-paper)}
.bt-page .bt-value.unknown strong{font-size:22px;color:var(--bt-muted)}
.bt-page .bt-status{display:inline-flex;border:1px solid var(--bt-line);border-radius:20px;padding:4px 9px;font-size:11px;color:var(--bt-muted);background:#15242a}
.bt-page .bt-status.pending{color:var(--bt-amber);border-color:#706049;background:#312d27}
.bt-page .bt-status.booked{color:var(--bt-cyan);border-color:#426864}
.bt-page .bt-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.85fr);gap:38px;padding-top:27px}
.bt-page .bt-workspace>aside{border-left:1px solid var(--bt-line);padding-left:30px}
.bt-page .bt-facts dl{margin:0}
.bt-page .bt-facts dl>div{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1fr);gap:20px;padding:9px 0;border-bottom:1px solid #304148;font-size:13px}
.bt-page .bt-facts dt{color:var(--bt-muted)}
.bt-page .bt-facts dd{margin:0;text-align:right;color:var(--bt-paper)}
.bt-page .bt-invoice{padding-bottom:24px}
.bt-page .bt-reconciliation{font-size:16px;line-height:1.5;color:var(--bt-muted)}
.bt-page .bt-reconciliation.linked{color:var(--bt-cyan)}
.bt-page .bt-reconciliation.suggested{color:var(--bt-amber)}
.bt-page .bt-text-link{display:block;width:fit-content;padding:10px 0;color:var(--bt-cyan);font-size:12px;text-decoration:underline;text-decoration-color:#486966;text-underline-offset:5px}
.bt-page .bt-actions{border-top:1px solid var(--bt-line);padding-top:21px}
.bt-page .bt-actions>div{display:flex;flex-wrap:wrap;gap:9px}
.bt-page .bt-pieces{margin-top:27px}
.bt-page .bt-files{list-style:none;padding:0;margin:0 0 10px}
.bt-page .bt-files li{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--bt-line);border-radius:10px;background:var(--bt-surface);margin-bottom:9px}
.bt-page .bt-files li>div{flex:1}
.bt-page .bt-files b{display:block;font-weight:500;font-size:13px}
.bt-page .bt-files small{display:block;font-size:11px;color:var(--bt-muted);margin-top:3px}
.bt-page .bt-file-mark{width:28px;flex:0 0 28px;display:grid;place-items:center;color:var(--bt-amber);font-size:18px}
.bt-page .bt-notes{border-top:1px solid var(--bt-line);margin-top:19px;padding-top:17px}
.bt-page .bt-notes p{white-space:pre-wrap;font-size:13px;line-height:1.7}
.bt-page .bt-warning{padding:13px 16px;border:1px solid #776349;border-radius:9px;background:#322e26;color:var(--bt-amber);font-size:12px;line-height:1.65;margin:0 0 18px}
.bt-page .bt-warning ul{margin:0;padding-left:17px}
.bt-page .bt-feedback{color:var(--bt-amber);font-size:13px;margin:16px 0}
.bt-page .bt-feedback:empty{margin:0}
.bt-page .bt-scope{border-top:1px solid var(--bt-line);margin-top:25px;padding-top:15px;font-size:11px;color:var(--bt-muted)}
.bt-page .bt-notice{background:var(--bt-surface);border:1px solid var(--bt-line);border-radius:12px;padding:26px;margin-top:14px}
.bt-page .bt-notice p{color:var(--bt-muted);font-size:13px;max-width:670px}
.bt-page [data-bt-action-host]:not(:empty){padding:20px;border:1px solid var(--bt-line);border-radius:10px;background:var(--bt-surface);margin-top:22px}
.bt-page [data-bt-action-host] input,.bt-page [data-bt-action-host] textarea,.bt-page [data-bt-action-host] select{font:inherit;color:var(--bt-paper);background:#132329;border:1px solid #607a83;border-radius:8px;padding:10px;max-width:100%}
.bt-page [data-bt-action-host] textarea{width:100%;resize:vertical}
@media(max-width:700px){
  .bt-page{margin-top:12px;padding:0}
  .bt-page .bt-navigation{gap:12px;flex-wrap:wrap;margin-bottom:12px}
  .bt-page .bt-navigation>div{margin-left:auto}
  .bt-page .bt-summary{display:block;padding:21px 0}
  .bt-page .bt-value{max-width:100%;align-items:flex-start;text-align:left;padding-top:10px;gap:10px}
  .bt-page .bt-workspace{grid-template-columns:minmax(0,1fr);gap:25px;padding-top:22px}
  .bt-page .bt-workspace>aside{border-left:0;border-top:1px solid var(--bt-line);padding-left:0;padding-top:24px}
  .bt-page .bt-facts dl>div{gap:12px;grid-template-columns:minmax(105px,.65fr) minmax(0,1fr)}
  .bt-page .bt-files li{flex-wrap:wrap}
}
