/* Database Wireframe Viewer — compact, visual schema with relationship lines */
.db-wireframe{height:100%;display:flex;flex-direction:column;overflow:hidden}
.db-toolbar{display:flex;align-items:center;gap:12px;padding:6px 10px;background:rgba(255,255,255,.03);border-bottom:1px solid #2d3e52;flex-shrink:0;flex-wrap:wrap}
.db-toolbar-title{font-size:.72em;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#8a9bb5}
.db-legend{display:flex;align-items:center;gap:4px;font-size:.6em;color:#5a6a7e}
.db-leg-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}

.db-canvas{flex:1;overflow:auto;position:relative;min-height:400px}
.db-svg{position:absolute;top:0;left:0;pointer-events:none;z-index:1}
.db-rel-label{font-size:9px;fill:#5a6a7e;font-weight:600}

.db-table{position:absolute;border:1px solid #2d3e52;border-radius:6px;background:#1e2a3a;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.db-table-header{padding:4px 8px;font-size:.68em;font-weight:700;color:#5BA4E6;background:rgba(91,164,230,.08);border-bottom:1px solid #2d3e52;border-radius:6px 6px 0 0;text-transform:uppercase;letter-spacing:.06em}
.db-col{display:flex;align-items:center;gap:4px;padding:2px 8px;font-size:.6em;border-bottom:1px solid rgba(255,255,255,.03);height:18px}
.db-col:last-child{border-bottom:none}
.db-col-name{font-weight:600;color:#e0e6ed;min-width:70px}
.db-col-type{color:#5a6a7e;font-size:.9em}
.db-badge{font-size:.7em;font-weight:700;padding:1px 4px;border-radius:3px;line-height:1}
.db-badge.pk{background:rgba(91,164,230,.2);color:#5BA4E6}
.db-badge.fk{background:rgba(243,156,18,.2);color:#f39c12}