.database-notice{background:#f0ecfa;border:1px solid #e1d8f1;border-radius:9px;padding:14px 18px;color:#5e4a8e;font-size:13px;line-height:1.7;margin-bottom:24px;overflow-wrap:anywhere}
.database-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}
.database-tabs a{padding:12px 16px;background:white;border:1px solid var(--line);border-radius:9px;min-width:135px}
.database-tabs a.active{border-color:var(--purple);background:#f2eefb;color:#6450a7}
.database-tabs strong,.database-tabs small{display:block}
.database-tabs strong{font-size:12px}.database-tabs small{font-size:10px;color:var(--muted);margin-top:4px}
.database-panel{padding:24px;min-width:0}
.database-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}
.database-heading .muted{margin-top:5px}
.database-search{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.database-search>div{flex:1;max-width:420px;min-width:180px}
.database-search label{display:block;font-size:12px;font-weight:bold;margin-bottom:7px}
.database-search input{width:100%;border:1px solid #dedde8;border-radius:7px;padding:11px 12px;background:white;color:var(--ink)}
.database-live{display:flex;align-items:center;flex-wrap:wrap;gap:10px 22px;padding:16px 0;font-size:12px;color:var(--muted)}
.database-live[hidden],#database-refresh[hidden]{display:none}
.database-live label{display:flex;align-items:center;gap:8px}.database-live input{accent-color:var(--purple)}
.database-help{font-size:12px;line-height:1.7;color:var(--muted);margin:15px 0;overflow-wrap:anywhere}
.database-count{font-size:12px;padding:12px 0;color:var(--muted)}
.database-scroll{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:8px}
.database-scroll table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}
.database-scroll th{background:#f7f5fb;font-size:11px;font-weight:600;white-space:nowrap;color:#696078}
.database-scroll td,.database-scroll th{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.database-scroll tbody tr:last-child td{border-bottom:0}.database-scroll tbody tr:hover{background:#fcfbff}
.database-cell{display:block;min-width:55px;max-width:280px;max-height:100px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.database-cell.protected{color:#8a809b;font-size:11px}
.database-data td .button{padding:7px 12px}
.database-empty{color:var(--muted);padding:30px!important;text-align:center}
.database-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:16px}
.database-pagination>span{font-size:11px;color:var(--muted)}
.database-structure{padding:18px 24px;margin-top:22px}.database-structure summary{cursor:pointer;font-size:13px}.database-structure .database-scroll{margin-top:18px}
.database-editor{max-width:960px}
.db-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.db-top h1{font-size:34px;margin:6px 0 9px}.db-top .eyebrow{font-size:10px}.db-engine{border:1px solid #cddfd5;border-radius:20px;background:#f2faf6;color:#326a4c;padding:8px 14px;font-size:12px;white-space:nowrap}.db-engine span{color:#42a36d;margin-left:8px}
.db-workspace{display:grid;grid-template-columns:215px minmax(0,1fr);border:1px solid #dedce6;border-radius:12px;overflow:hidden;background:white;min-height:640px;box-shadow:0 5px 24px #27223c06}.db-tree{background:#f6f5f9;border-right:1px solid #dedce6;padding:20px 10px}.db-tree-title{font-weight:700;font-size:14px;padding:3px 10px 20px}.db-tree-title small{display:block;color:var(--muted);font-size:11px;font-weight:400;padding:7px 0 0 19px}.db-tree nav{display:grid;gap:5px}.db-tree a{display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:6px;color:#5f5a70}.db-tree a.active{background:#e8e2f7;color:#6146a6;box-shadow:inset 3px 0 #7960c8}.db-tree strong{display:block;font-size:12px;font-weight:600;overflow-wrap:anywhere}.db-tree small{display:block;font-size:10px;margin-top:4px;color:#888296}.db-tree>.database-help{padding:12px 10px}.db-main{min-width:0}.db-breadcrumb{padding:17px 22px;font-size:12px;color:var(--muted);background:#fcfbfe}.db-breadcrumb span{margin:0 12px}.db-breadcrumb strong{color:var(--ink)}
.db-actions{display:flex;gap:4px;border-bottom:1px solid var(--line);padding:0 14px;background:#fcfbfe;overflow:auto}.db-actions a{padding:14px 15px;font-size:12px;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent;color:#777082}.db-actions a.active{color:#6850b3;border-color:#7960c8;background:white}.db-actions a:hover{background:#f0edf6}.db-content{padding:24px;min-width:0}.db-content .database-panel{padding:0}.db-content .database-structure{padding:16px 0;margin-top:12px}.db-content .database-notice{font-size:12px;margin:20px 0}.db-content h2{font-size:21px}.db-content .database-scroll th{background:#eeedf3}.db-content .database-scroll tbody tr:nth-child(even){background:#faf9fc}.db-content .database-scroll tbody tr:hover{background:#f0ecf9}
.db-insert small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.db-insert select,.db-insert textarea{width:100%;min-width:140px;border:1px solid #d9d5e3;border-radius:5px;padding:9px;color:var(--ink);background:white;font:inherit}.db-insert textarea{min-width:190px;resize:vertical}.db-sql-label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}.db-code{display:block;box-sizing:border-box;width:100%;resize:vertical;min-height:220px;background:#f8f9fc;border:1px solid #d4d2df;border-radius:8px;padding:18px;color:#443478;font:14px/1.8 Consolas,monospace;tab-size:2}.db-code:focus{outline:2px solid #b6a7e3;outline-offset:2px}.db-sql-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:14px}.db-sql-toolbar>span{font-size:11px;color:var(--muted)}.db-success{padding:14px 16px;background:#ecf8ef;color:#2d6942;border:1px solid #cce8d4;border-radius:7px;font-size:12px;line-height:1.6;margin-bottom:16px;overflow-wrap:anywhere}.db-sql-help{margin-top:26px;font-size:12px;line-height:1.7;color:var(--muted)}.db-sql-help summary{cursor:pointer;font-weight:600;color:var(--ink)}.db-sql-help pre{background:#f6f5fa;border-radius:6px;padding:14px;overflow:auto;color:#5c458e;font-size:12px}
@media(max-width:1100px){.db-workspace{grid-template-columns:175px minmax(0,1fr)}.db-content{padding:18px}.db-tree{padding:15px 6px}.db-actions{padding:0 5px}.db-actions a{padding:13px 10px}}
@media(max-width:760px){.db-workspace{grid-template-columns:minmax(0,1fr)}.db-tree{border-right:0;border-bottom:1px solid var(--line)}.db-tree nav{display:flex;overflow:auto}.db-tree nav a{flex-shrink:0}.db-tree-title{padding-bottom:10px}.db-tree-title small{display:inline;padding-left:12px}.db-tree>.database-help{display:none}.db-top h1{font-size:28px}.db-sql-toolbar{align-items:flex-start;flex-direction:column}.db-content{padding:14px}}
@media(max-width:600px){.database-panel,.database-structure{padding:16px}.database-tabs a{min-width:0;flex:1 1 40%;padding:11px}.database-search>div{flex-basis:100%;max-width:none}.database-heading{flex-wrap:wrap}}