#financiaciones .ng-fin-create{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,2fr) auto;gap:12px;align-items:end;padding:15px;background:#f1f5f9;border-radius:10px}
#financiaciones .ng-fin-create label{font-weight:700;font-size:13px}
#financiaciones .ng-fin-create select{width:100%;min-width:0;display:block;margin-top:6px;padding:10px;border:1px solid #cad6e2;border-radius:7px;background:white}
#financiaciones .ng-fin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}
#financiaciones .ng-fin-toolbar h3{font-size:17px;margin:0}
#financiaciones .ng-fin-table{width:100%;border-collapse:collapse;font-size:13px}
#financiaciones .ng-fin-table th,#financiaciones .ng-fin-table td{padding:10px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:middle}
#financiaciones .ng-fin-table td button,#financiaciones .ng-fin-table td select{margin:3px;max-width:100%}
#financiaciones .ng-fin-table td select{padding:6px;border:1px solid #cbd5e1;border-radius:6px}
#ngFinDetail{white-space:pre-wrap;word-break:break-word;font:13px/1.7 system-ui;color:#163250}
@media(max-width:900px){
 #financiaciones .ng-fin-create{grid-template-columns:minmax(0,1fr)!important}
 #financiaciones .ng-fin-create button{width:100%}
 #financiaciones .ng-fin-table{min-width:650px}
 #financiaciones .table-wrap{max-width:100%;overflow-x:auto!important}
}



/* Ficha de financiación: vista previa en pantalla y exportación A4. */
#ngFinModal .ng-fin-sheet-modal{width:min(930px,calc(100vw - 28px));max-width:930px;max-height:92vh;overflow:auto;padding:0;background:#f0f4f9;border-radius:14px}
#ngFinModal .ng-fin-sheet-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#fff;border-bottom:1px solid #dce5ef;font-weight:700;color:#24415f;position:sticky;top:0;z-index:2}
#ngFinModal .ng-fin-sheet-action-buttons{display:flex;gap:8px;flex-wrap:wrap}
#ngFinModal .ng-fin-sheet{width:min(790px,calc(100% - 30px));margin:20px auto 24px;padding:30px 32px;background:#fff;box-shadow:0 6px 24px #17324b17;color:#18324f;font:13px/1.4 system-ui,-apple-system,'Segoe UI',sans-serif;white-space:normal;word-break:normal}
#ngFinModal .ng-fin-sheet-header{border-bottom:2px solid #1e4c80;padding-bottom:16px;margin-bottom:14px}
#ngFinModal .ng-fin-sheet-brand{display:flex;gap:12px;align-items:center;margin-bottom:18px}
#ngFinModal .ng-fin-sheet-brand-mark{background:#1c4777;color:#fff;font-size:17px;font-weight:850;letter-spacing:-1px;width:46px;height:46px;border-radius:9px;display:grid;place-items:center}
#ngFinModal .ng-fin-sheet-brand-text{display:flex;flex-direction:column;gap:4px;min-width:0}
#ngFinModal .ng-fin-sheet-brand-text strong{font-size:15px;letter-spacing:.2px}
#ngFinModal .ng-fin-sheet-brand-text small{font-size:11px;color:#60738a;line-height:1.4}
#ngFinModal .ng-fin-sheet-eyebrow{font-size:10px;font-weight:850;letter-spacing:1.6px;color:#376ba1}
#ngFinModal .ng-fin-sheet-title h2{font-size:24px;margin:5px 0 3px;color:#163c68}
#ngFinModal .ng-fin-sheet-title p{margin:0;color:#697c91;font-size:12px}
#ngFinModal .ng-fin-sheet-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;background:#f1f6fc;border:1px solid #e0eaf4;border-radius:9px;padding:13px;margin-bottom:15px}
#ngFinModal .ng-fin-sheet-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
#ngFinModal .ng-fin-sheet-section{min-width:0;border:1px solid #dbe5f0;border-radius:9px;padding:12px 14px;break-inside:avoid;page-break-inside:avoid}
#ngFinModal .ng-fin-sheet-section-wide{grid-column:1/-1}
#ngFinModal .ng-fin-sheet-section h3{font-size:13px;color:#194d80;border-bottom:1px solid #dce7f2;margin:0 0 10px;padding-bottom:7px;font-weight:800}
#ngFinModal .ng-fin-sheet-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 13px}
#ngFinModal .ng-fin-sheet-field{min-width:0;break-inside:avoid}
#ngFinModal .ng-fin-sheet-label{font-size:10px;color:#687c91;margin-bottom:3px;font-weight:650}
#ngFinModal .ng-fin-sheet-value{font-size:12px;font-weight:700;color:#1c3450;overflow-wrap:anywhere;line-height:1.4}
#ngFinModal .ng-fin-sheet-footer{border-top:1px solid #dce7f2;margin-top:15px;padding-top:10px;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:#6e8093}
@media(max-width:650px){
 #ngFinModal .ng-fin-sheet-actions{align-items:flex-start;flex-direction:column}
 #ngFinModal .ng-fin-sheet{padding:19px 15px;width:calc(100% - 18px)}
 #ngFinModal .ng-fin-sheet-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 #ngFinModal .ng-fin-sheet-sections{grid-template-columns:1fr}
 #ngFinModal .ng-fin-sheet-section-wide{grid-column:auto}
 #ngFinModal .ng-fin-sheet-footer{flex-direction:column}
}
@media print{
 @page{size:A4 portrait;margin:9mm}
 html,body{margin:0!important;padding:0!important;background:#fff!important;height:auto!important;overflow:visible!important}
 body > :not(#ngFinModal){display:none!important}
 body > #ngFinModal{display:block!important;position:static!important;inset:auto!important;opacity:1!important;background:transparent!important;backdrop-filter:none!important;padding:0!important;margin:0!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important;z-index:auto!important}
 #ngFinModal .ng-fin-sheet-actions{display:none!important}
 #ngFinModal .ng-fin-sheet-modal{display:block!important;width:100%!important;max-width:none!important;max-height:none!important;height:auto!important;overflow:visible!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important;transform:none!important}
 #ngFinModal .ng-fin-sheet{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;box-shadow:none!important;border:0!important;background:#fff!important;font-size:10px!important;line-height:1.27!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 #ngFinModal .ng-fin-sheet-brand{margin-bottom:9px!important}
 #ngFinModal .ng-fin-sheet-brand-mark{width:37px!important;height:37px!important;font-size:14px!important}
 #ngFinModal .ng-fin-sheet-brand-text strong{font-size:13px!important}
 #ngFinModal .ng-fin-sheet-brand-text small{font-size:9px!important}
 #ngFinModal .ng-fin-sheet-header{padding-bottom:9px!important;margin-bottom:9px!important}
 #ngFinModal .ng-fin-sheet-title h2{font-size:20px!important;margin:2px 0!important}
 #ngFinModal .ng-fin-sheet-summary{padding:9px!important;margin-bottom:9px!important;gap:7px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
 #ngFinModal .ng-fin-sheet-sections{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 #ngFinModal .ng-fin-sheet-section{padding:9px 10px!important;break-inside:avoid!important}
 #ngFinModal .ng-fin-sheet-section-wide{grid-column:1/-1!important}
 #ngFinModal .ng-fin-sheet-section h3{font-size:11px!important;margin-bottom:6px!important;padding-bottom:5px!important}
 #ngFinModal .ng-fin-sheet-fields{gap:7px 9px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #ngFinModal .ng-fin-sheet-label{font-size:8px!important;margin-bottom:2px!important}
 #ngFinModal .ng-fin-sheet-value{font-size:10px!important}
 #ngFinModal .ng-fin-sheet-footer{margin-top:9px!important;padding-top:6px!important;font-size:8px!important}
}