.projectbar .tabs{gap:3px;min-width:0;overflow-x:auto}.projectbar .tab{flex-shrink:0;padding:7px 9px;gap:6px;font-size:11px}
.canvas-top{flex-wrap:wrap;row-gap:7px}
.db-view{flex:1;min-width:0;overflow:auto}.db-heading-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.db-view .view-heading{gap:18px;align-items:flex-start}.db-view .view-heading p{max-width:650px;line-height:1.7}
.db-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:9px;margin:24px 0;overflow:hidden;background:var(--tone-1)}.db-stats>div{padding:19px 22px;display:flex;align-items:center;gap:14px;border-right:1px solid var(--line)}.db-stats>div:last-child{border:0}.db-stats strong{font-size:25px;font-weight:550}.db-stats span{font-size:12px;color:var(--tone-7)}
.db-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.db-tools input{flex:1;min-width:200px;height:39px;font-size:12px}.db-tools .field{margin:0;min-width:140px;max-width:250px}.db-tools .field span{font-size:10px}.db-tools select{font-size:11px;padding:10px}.db-tabs{display:flex;gap:3px;border:1px solid var(--line);border-radius:7px;padding:3px;height:39px}.db-tabs button{font-size:12px;padding:7px 12px;border-radius:4px}.db-tabs [aria-selected=true]{background:var(--tone-3);color:var(--ink)}
.db-history{display:flex;gap:7px;justify-content:flex-end;margin:16px 0}.db-history .btn{font-size:10px;padding:7px 10px}.db-result-heading{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--tone-7);font-size:12px;margin:18px 0 12px}.db-result-heading small{font-size:11px}
.db-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:16px;padding-bottom:24px}.db-card{border:1px solid var(--line);border-radius:9px;padding:20px;background:var(--tone-1);min-width:0;overflow-wrap:anywhere}.db-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.db-card h3{font-size:17px;font-weight:550;margin:7px 0}.db-card header p,.db-notes{font-size:12px;color:var(--tone-7);line-height:1.7}.db-card .eyebrow{font-size:9px;letter-spacing:.7px}.db-card dl{display:grid;gap:12px;margin:19px 0}.db-card dl>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;font-size:11px;line-height:1.6}.db-card dt{color:var(--tone-7)}.db-card dd{margin:0}.db-consumers{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:7px;font-size:11px}.db-consumers>span{color:var(--tone-7);line-height:1.5}.db-notes{white-space:pre-wrap;margin-top:12px}.db-card footer{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.db-card footer .btn{font-size:10px;padding:7px 9px}.db-empty{padding:55px 20px;text-align:center;border:1px dashed var(--line);border-radius:9px}.db-empty h3{font-size:18px;font-weight:500}.db-empty p{font-size:12px;color:var(--tone-7);margin:12px 0 20px;line-height:1.7}
.db-consumer-list{max-height:230px;overflow-y:auto}.database-dialog .field select,.database-dialog .field input{width:100%}.database-dialog>p{margin:12px 0;line-height:1.7}.database-dialog{width:min(680px,calc(100vw - 32px))}
.db-map-controls{display:flex;gap:5px}.db-map-toggle{font-size:10px;padding:7px 9px}.db-map-toggle[aria-pressed=true]{border-color:var(--info);color:var(--info)}.db-dependency-layer{position:absolute;inset:0;width:1800px;height:1400px;overflow:visible;pointer-events:none;z-index:1}.db-dependency-layer g{pointer-events:visiblePainted;cursor:pointer}.db-dependency-layer g:focus{outline:none}.db-dependency-layer g:focus .db-dependency-line,.db-dependency-layer g:hover .db-dependency-line{stroke-width:4}.db-dependency-layer text{font:10px var(--mono)}.db-node-badge{position:absolute;right:9px;top:-12px;border:1px solid var(--info);background:var(--tone-1);color:var(--info);font:9px var(--mono);border-radius:4px;padding:4px 7px;z-index:3}.db-legend{color:var(--info)}.db-legend i{display:inline-block;width:20px;border-top:2px dashed currentColor;margin-right:6px}
@media(max-width:1050px){.db-view .view-heading{flex-direction:column}.db-heading-actions{justify-content:flex-start}.db-stats>div{padding:16px 12px;gap:9px}}
@media(max-width:600px){.db-stats span{font-size:10px}.db-tools .field{max-width:none;flex:1}.db-card dl>div{grid-template-columns:100px minmax(0,1fr)}}