/* Honorarios y documentos de cobro. Usa las variables del tema (oscuro por defecto, claro con [data-tema=claro]). */
#view-fees .fu-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 16px}
.fu-total{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.fu-total span{color:var(--muted);font-size:.8rem}.fu-total strong{font-size:1.15rem}
.fu-total.fu-alert strong{color:#e07a6a}
.fu-contract{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:14px;margin:0 0 10px}
.fu-contract.open{border-color:var(--gold)}.fu-contract.off{opacity:.65}
.fu-head{display:flex;justify-content:space-between;gap:12px}.fu-head small,.fu-right small{display:block;color:var(--muted)}.fu-right{text-align:right}
.fu-bar{height:6px;border-radius:3px;background:var(--line);margin:10px 0;overflow:hidden}.fu-bar i{display:block;height:100%;background:var(--gold)}
.fu-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;color:var(--muted);font-size:.88rem}.fu-foot button{margin-left:auto}
.fu-badge{padding:2px 9px;border-radius:999px;border:1px solid var(--gold);color:var(--gold);font-size:.78rem}.fu-badge.muted-badge{border-color:var(--line);color:var(--muted)}
.fu-row{display:grid;grid-template-columns:90px 1fr auto auto;gap:8px 12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:.92rem}
.fu-row.void{opacity:.55;text-decoration:line-through}.fu-tools{display:flex;gap:6px}
.fu-void-form{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.fu-void-form input{flex:1;min-width:200px}
.fu-plan-row{display:grid;grid-template-columns:150px 140px 1fr auto;gap:8px;margin:0 0 8px}
.fu-link{word-break:break-all;color:var(--gold)}
.fu-portal-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:8px 0}
#fees-doc{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.72);overflow:auto;padding:24px 12px}
#fees-doc[hidden]{display:none}
.fu-doc-bar{max-width:820px;margin:0 auto 10px;display:flex;gap:8px;justify-content:flex-end}
/* Documento: siempre claro para que se imprima y se lea como un papel. */
.fd-doc{max-width:820px;margin:0 auto;background:#fff;color:#111;padding:40px 48px;border-radius:6px;font:15px/1.55 Georgia,'Times New Roman',serif}
.fd-head{display:flex;justify-content:space-between;border-bottom:2px solid #111;padding-bottom:8px;margin-bottom:22px}.fd-head span{color:#555}
.fd-title{font-size:1.25rem;margin:0 0 4px;text-align:center}.fd-date{text-align:center;color:#555;margin:0 0 18px}
.fd-sub{font-size:1rem;margin:20px 0 6px}.fd-p{text-align:justify}
.fd-kv,.fd-table{width:100%;border-collapse:collapse;margin:12px 0}.fd-kv td,.fd-table td,.fd-table th{border-bottom:1px solid #ddd;padding:6px 8px;vertical-align:top}
.fd-kv td.fd-v{text-align:right;font-weight:700;white-space:nowrap}.fd-table th{text-align:left;border-bottom:2px solid #111;font-size:.85rem}
.fd-void{color:#b00020;font-weight:700;text-align:center;border:2px solid #b00020;padding:6px}
.fd-note{font-size:.8rem;color:#555;margin-top:18px}.fd-sign{margin-top:28px}.fd-sign p{margin:0}.fd-sign-space{height:38px}
@media(max-width:700px){.fd-doc{padding:22px 16px}.fu-row{grid-template-columns:70px 1fr auto}.fu-tools{grid-column:1/-1}.fu-plan-row{grid-template-columns:1fr 1fr}}
@media print{body.fees-printing-open>*:not(#fees-doc){display:none!important}body.fees-printing-open #fees-doc{position:static;background:none;padding:0;overflow:visible}.fu-doc-bar{display:none}.fd-doc{box-shadow:none;max-width:none;padding:0}}
.fu-detail h3{margin:22px 0 8px}.fu-detail .document-actions{margin:12px 0}.fu-mov,.fu-base,.fu-portal{margin-top:18px;padding-top:6px;border-top:1px solid var(--line)}
