/* Base de datos · Diagramas de flujo (Flowmaker). */
#section-database .dbv-flows{--type-color:#7752a1;color:#18364b}
#section-database .dbv-flows .vl-type-symbol{color:#fff;font-size:22px}
#flowDatabase .flow-db-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,280px);gap:12px;align-items:end;margin:6px 0 14px}
#flowDatabase .flow-db-tools .field{margin:0}
#flowDatabase .flow-db-list{overflow-x:auto}
#flowDatabase table.flow-db-table{width:100%;border-collapse:collapse;font-size:13.5px}
#flowDatabase .flow-db-table th{text-align:left;padding:9px 10px;font-size:12px;color:#40627a;background:#f2f6f9;border-bottom:1px solid #d3e0ea;white-space:nowrap}
#flowDatabase .flow-db-table td{padding:10px;border-bottom:1px solid #e4ecf2;vertical-align:middle}
#flowDatabase .flow-db-name{display:flex;align-items:center;gap:10px;min-width:220px}
#flowDatabase .flow-db-name svg{flex:none;width:36px;height:30px}
#flowDatabase .flow-db-name strong{overflow-wrap:break-word}
#flowDatabase .flow-db-code{font:600 12.5px ui-monospace,Consolas,monospace;color:#2f2448;white-space:nowrap}
#flowDatabase .flow-db-origin{display:inline-block;padding:3px 9px;border-radius:999px;background:#e8f1fb;color:#1e4f86;font-size:12px;font-weight:700;white-space:nowrap}
#flowDatabase .flow-db-origin[data-origin=Procedimiento]{background:#ede7f8;color:#4b2f7f}
#flowDatabase .flow-db-origin[data-origin="Dibujado a mano"]{background:#fdf0e3;color:#8a4b0f}
#flowDatabase .flow-db-ver{font-weight:800;color:#47345f}
#flowDatabase .flow-db-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
#flowDatabase .flow-db-actions .btn{min-height:34px;padding:6px 12px;font-size:13px;white-space:nowrap}
#flowDatabase tr.flow-db-history>td{background:#f8f6fc;padding:10px 14px}
#flowDatabase .flow-db-history ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
#flowDatabase .flow-db-history li{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}
#flowDatabase .flow-db-history b{min-width:40px;color:#47345f}
#flowDatabase .flow-db-history span{flex:1 1 260px;color:#40627a}
#flowDatabase .flow-db-history em{font-style:normal;font-weight:800;color:#1d6b40}
#flowDatabase .flow-db-history .btn{min-height:30px;padding:4px 10px;font-size:12.5px}
#flowDatabase .flow-db-empty{padding:18px;border:1.5px dashed #c9d6e1;border-radius:14px;color:#40627a;background:#f8fbfd}
@media (max-width:760px){#flowDatabase .flow-db-tools{grid-template-columns:1fr}#flowDatabase .flow-db-table thead{display:none}#flowDatabase .flow-db-table tr{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;padding:10px 0;border-bottom:1px solid #e4ecf2}#flowDatabase .flow-db-table td{border:0;padding:2px 0}#flowDatabase .flow-db-table td:first-child,#flowDatabase .flow-db-table td:last-child{grid-column:1/-1}#flowDatabase .flow-db-actions{justify-content:flex-start}}