/* Mes finances → Documents: two cards, the Bilan financier and the partnership reports, in the finances palette. */
#app .cr-panel{display:grid;gap:14px}
#app .cr-panel .fin-card{margin:0;display:grid;gap:14px}
#app .cr-doc-head{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:start}
#app .cr-doc-head h2{margin:0 0 4px;font-size:1.0625rem;font-weight:650;color:var(--es-ink)}
#app .cr-doc-head p{margin:0;font-size:.875rem;line-height:1.45}
#app .cr-doc-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--es-accent-soft);color:var(--es-accent-ink)}
#app .cr-doc-icon svg{width:22px;height:22px}
#app .cr-period{display:block;min-width:0;margin:0;padding:0;border:0}
#app .cr-period legend{margin:0 0 8px;padding:0;font-size:.875rem;font-weight:600;color:var(--es-ink)}
#app .cr-period-options{display:flex;flex-wrap:wrap;gap:8px}
#app .cr-period-options label{position:relative}
#app .cr-period-options input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
#app .cr-period-options input:focus-visible+span{outline:2px solid var(--es-focus);outline-offset:2px}
#app .cr-doc-actions{display:flex;flex-wrap:wrap;gap:10px}
#app .cr-doc-actions>button{flex:1 1 180px;min-height:44px;white-space:normal}
#app .cr-status{margin:0;font-size:.8125rem;color:var(--es-muted)}
#app .cr-status:empty{display:none}
html[data-theme] #app .cr-panel .v29-ghost-btn{color:var(--es-ink)!important;background:var(--es-soft)!important;border:1px solid var(--es-line)!important}
#app .cr-error{margin:0;color:var(--es-danger);overflow-wrap:anywhere}
#app .cr-error:empty{display:none}
#app .cr-contract{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 16px;padding:16px 0 0;border-top:1px solid var(--es-line)}
#app .cr-contract-main{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere}
#app .cr-contract-main h3{margin:0;font-size:1rem;font-weight:650;color:var(--es-ink)}
#app .cr-contract-side{display:grid;justify-items:end;gap:8px}
#app .cr-contract-side strong{font-size:1rem;font-weight:650;color:var(--es-ink);white-space:nowrap}
html[data-theme] #app .cr-contract-side .cr-pdf{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px!important}
#app .cr-pdf svg{width:16px;height:16px;flex:none}
#app .cr-contract :is(p,small){margin:0;font-size:.875rem;color:var(--es-muted)}
#app .cr-versions{grid-column:1/-1;font-size:.875rem;overflow-wrap:anywhere}
#app .cr-versions button{display:block;max-width:100%;margin-top:8px;white-space:normal;overflow-wrap:anywhere}
/* Text at 200 % or a narrow phone: the amount and its PDF go under the partnership. */
html[data-app-text="large"] #app .cr-contract{grid-template-columns:minmax(0,1fr)}
html[data-app-text="large"] #app .cr-contract-side{justify-items:start}
@media(max-width:340px){#app .cr-contract{grid-template-columns:minmax(0,1fr)}#app .cr-contract-side{justify-items:start}}