/* MySQL Viewer v2 workspace */
[hidden]{display:none!important}.search-wrap button{width:auto;min-width:58px;white-space:nowrap}
.explorer-search{display:flex;align-items:center;gap:5px;margin:0 4px 12px;padding:7px 9px;border:1px solid #2b384d;border-radius:8px;background:#172133;color:#74839b}.explorer-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#e2e8f0;font-size:12px}.db-group{margin-bottom:3px}.db-item{position:relative}.chevron{width:11px;color:#8090a9;font-size:10px}.tree-children{margin:0 0 7px 19px;border-left:1px solid #2b374a;padding:3px 0 3px 8px}.tree-folder{padding:7px 8px;color:#7888a1;font-size:9px;font-weight:800;letter-spacing:.08em}.tree-table,.tree-erd{display:flex;align-items:center;gap:8px;width:100%;border:0;border-radius:7px;padding:8px;color:#b9c4d5;background:transparent;text-align:left;cursor:pointer;font-size:12px}.tree-table:hover,.tree-table.active,.tree-erd:hover{background:#253248;color:#fff}.tree-table.active{color:#9eb2ff}.tree-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-table small{color:#67758c;font-size:9px}.tree-erd{margin-top:3px;color:#91a0b7}.tree-empty{padding:10px;color:#94a3b8;font-size:12px}.workspace-grid{display:block;height:calc(100vh - 154px)}.detail-panel{height:100%}.object-tabs{height:38px;display:flex;align-items:flex-end;gap:2px;padding:0 15px;background:#f4f7fb;border-bottom:1px solid var(--line);overflow-x:auto}.object-tab{display:flex;align-items:center;gap:7px;min-width:135px;max-width:220px;height:32px;padding:0 9px;border:1px solid transparent;border-bottom:0;border-radius:7px 7px 0 0;background:#e8edf5;color:#64748b;font-size:11px;cursor:pointer}.object-tab span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.object-tab.active{height:34px;background:#fff;border-color:var(--line);color:var(--blue);font-weight:700}.tab-close{font-size:15px;color:#94a3b8}.head-actions,.tool-actions{display:flex;align-items:center;gap:7px}.updated{color:#94a3b8;font-size:10px}.soft-btn,.primary-btn{border:1px solid var(--line);border-radius:7px;padding:7px 10px;background:#fff;color:#536078;font-size:11px;font-weight:700;cursor:pointer}.soft-btn:hover{border-color:#b9c5d7;background:#f8fafc}.primary-btn{border-color:var(--blue);background:var(--blue);color:#fff}.empty-state .primary-btn{margin-top:18px}.toolbar{align-items:center}.tool-actions select,.filter-bar select,.filter-bar input{height:32px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 8px;color:#536078;font-size:11px}.filter-bar{display:flex;gap:8px;align-items:center;margin:-3px 0 12px;padding:10px;border:1px solid #dbe4f2;border-radius:9px;background:#f8fafc}.filter-bar select:first-child{min-width:150px}.filter-bar input{min-width:180px}.filter-bar .primary-btn,.filter-bar .soft-btn{height:32px}.column-picker{display:flex;flex-wrap:wrap;gap:8px 15px;margin:-3px 0 12px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:11px}.column-picker label{display:flex;align-items:center;gap:5px}.active-query{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:9px}.active-query:empty{display:none}.query-chip{padding:5px 8px;border-radius:6px;background:var(--blue-soft);color:#3c5bc4;font-size:10px;font-weight:700}.sortable{cursor:pointer;user-select:none}.sortable:hover{background:#edf2f8}.sort-mark{margin-left:6px;color:var(--blue)}.data-grid tbody tr{cursor:pointer}.data-grid tbody tr:hover{background:#f6f8fc}.fk-link{border:0;border-radius:5px;padding:3px 6px;background:#edf2ff;color:#315efb;font-size:11px;cursor:pointer}.grid-empty{min-height:180px;display:grid;place-items:center;color:#94a3b8;font-size:12px}.record-drawer{position:fixed;z-index:20;top:68px;right:0;width:min(380px,90vw);height:calc(100vh - 68px);background:#fff;border-left:1px solid var(--line);box-shadow:-12px 0 35px rgba(31,45,75,.13);overflow:auto}.drawer-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:18px;background:#fff;border-bottom:1px solid var(--line)}.drawer-head small{color:var(--blue);font-size:9px;letter-spacing:.12em;font-weight:800}.drawer-head h3{margin:4px 0 0}.drawer-head button{border:0;background:#f1f5f9;border-radius:7px;width:30px;height:30px;font-size:20px;cursor:pointer}.record-content{padding:12px 18px 30px}.record-field{padding:11px 0;border-bottom:1px solid var(--line);word-break:break-word;font-size:13px}.record-field small{display:block;margin-bottom:5px;color:#7a879b;font-size:10px;font-weight:700}.relation-section{margin-bottom:22px}.relation-section h3{font-size:13px}.relation-card{display:block;width:100%;margin:7px 0;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff;text-align:left;color:#445169;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;cursor:pointer}.relation-card:hover{border-color:#9cafef;background:#f7f9ff}.code-head,.erd-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#64748b;font-size:10px;font-weight:800}.ddl-code{min-height:340px;margin:0;padding:20px;border-radius:10px;background:#101827;color:#c9d6ea;white-space:pre-wrap;word-break:break-word;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.erd-canvas{min-height:420px;padding:18px;border:1px solid var(--line);border-radius:11px;background-color:#f8fafc;background-image:radial-gradient(#d8e0ec 1px,transparent 1px);background-size:18px 18px;overflow:auto}.erd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;align-items:start}.entity-card{border:1px solid #cfd9e8;border-radius:9px;background:#fff;box-shadow:0 7px 20px rgba(40,60,90,.08);overflow:hidden}.entity-head{width:100%;border:0;border-bottom:1px solid #dbe3ef;padding:11px 12px;background:#202b3e;color:#fff;text-align:left;font-weight:800;cursor:pointer}.entity-column{display:grid;grid-template-columns:22px 1fr auto;gap:7px;padding:7px 10px;border-bottom:1px solid #edf1f6;font-size:10px}.entity-column:last-child{border-bottom:0}.entity-column .pk{color:#c88600;font-weight:800;font-size:8px}.entity-column small{color:#8a97aa}.erd-links{margin-top:24px}.erd-links h3{font-size:12px}.erd-links .relation-card{background:rgba(255,255,255,.88)}
@media(max-width:800px){#databaseList{display:block}.db-item{min-width:0}.sidebar{max-height:300px}.object-tabs{position:sticky;top:0;z-index:3}.detail-head{align-items:flex-start;gap:12px}.head-actions{flex-wrap:wrap;justify-content:flex-end}.toolbar,.filter-bar{flex-direction:column;align-items:stretch}.tool-actions{flex-wrap:wrap}.search-wrap{width:100%}.workspace-grid{height:auto}.detail-panel{height:auto}.tabs{overflow-x:auto}.tabs button{white-space:nowrap}.erd-grid{grid-template-columns:1fr}}