/* Database: compact source-style rows, readable cards on phones. */
#databaseApp{padding:22px;border:1px solid #3e5068;border-radius:13px;background:linear-gradient(145deg,#152338,#0c1523);min-width:0}
.database-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.database-header h2{margin:6px 0;font-size:24px}.database-total{white-space:nowrap;color:#e7c990;font-weight:700}.database-intro,.database-footer{color:#aebfd3;font-size:13px;line-height:1.65}.database-kinds,.database-groups{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.database-kinds button,.database-groups button{border:1px solid #465875;border-radius:7px;background:#15243a;color:#c9d6e7;padding:9px 14px;cursor:pointer;font:inherit}.database-kinds button{font-size:16px;font-weight:700}.database-groups button{font-size:13px;padding:7px 12px}.database-kinds button.active,.database-groups button.active{border-color:#d0aa63;color:#ffe2a3;background:#51412a}.database-controls{display:grid;grid-template-columns:minmax(160px,1fr) auto auto;gap:10px}.database-controls input,.database-controls select,.database-pagination input,.database-bonus-label select{min-width:0;max-width:100%;border:1px solid #475a72;background:#0b1422;color:#e1e9f4;border-radius:6px;padding:9px;font:inherit;font-size:13px}.database-count{font-size:13px;color:#c4d5e8;scroll-margin-top:100px}.database-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:13px}.database-table th{text-align:left;color:#aebfd3;font-weight:600;font-size:12px;background:#0a1422;padding:12px 10px}.database-table th:first-child{width:10%}.database-table th:nth-child(2){width:33%}.database-table th:nth-child(3),.database-table th:nth-child(4){width:9%;text-align:center}.database-table th:nth-child(5){width:25%}.database-table th:nth-child(6){width:14%}.database-table td{padding:10px;border-bottom:1px solid #31425a;overflow-wrap:anywhere;line-height:1.45}.database-table tbody tr:hover{background:#22334b88}.database-number{text-align:center;font-variant-numeric:tabular-nums}.database-item-button{border:0;background:none;padding:0;text-align:left;color:inherit;display:flex;gap:10px;align-items:center;width:100%;cursor:pointer;font:inherit}.database-item-button img,.database-icon-missing{width:36px;height:36px;border:1px solid #63728a;border-radius:4px;flex-shrink:0;object-fit:cover}.database-item-text{display:flex;min-width:0;flex-direction:column;gap:3px}.database-item-text strong{font-size:14px}.database-item-text small,.database-muted{color:#9faec3;font-size:11px}.database-source-name a,.database-footer a{color:#b3cced}.database-source-name{font-size:12px;margin-top:3px}.database-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:18px}.database-page-label{font-size:12px;color:#b8c9dd;white-space:nowrap}.database-pagination input{width:60px;text-align:center;padding:8px 3px}.database-empty{padding:40px 10px;text-align:center;color:#b9c8db}.database-tip-heading{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-right:18px}.database-tip-heading img{width:36px;height:36px;border:1px solid #657087;border-radius:4px}.database-bonus-label{display:flex;gap:8px;align-items:center;font-size:12px;margin-top:14px}.database-tooltip-error{color:#d8bd8d}.database-tooltip .q0,.database-item .q0{color:#9d9d9d}.database-tooltip .q1,.database-item .q1{color:#fff}.database-tooltip .q2,.database-item .q2{color:#1eff00}.database-tooltip .q3,.database-item .q3{color:#71a9ff}.database-tooltip .q4,.database-item .q4{color:#c77dff}.database-tooltip .q5,.database-item .q5{color:#ff8000}.database-tooltip .q6,.database-item .q6{color:#e6cc80}
.database-tooltip[hidden]{display:none!important}.database-tooltip .wowhead-game-tooltip{min-height:40px}.database-tooltip .wowhead-game-tooltip table{width:100%}.database-tooltip .wowhead-game-tooltip td{white-space:normal!important}.database-tooltip .wowhead-game-tooltip .q{color:#ffd100}.database-tooltip .wowhead-game-tooltip .q2{color:#1eff00}.database-tooltip button:focus-visible,.database-item-button:focus-visible{outline:2px solid #ffd280;outline-offset:3px}
@media(min-width:981px){.site-tabs{grid-template-columns:repeat(9,minmax(0,1fr))}.site-tab{overflow-wrap:anywhere}}
@media(max-width:800px){.database-controls{grid-template-columns:1fr auto}.database-controls input{grid-column:1/-1}.database-header{align-items:flex-start;flex-direction:column;gap:2px}.database-header h2{font-size:21px}.database-table thead{display:none}.database-table,.database-table tbody{display:block}.database-table tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid #354760;border-radius:8px;margin:10px 0;padding:10px;background:#101d30}.database-table td{display:block;border:0;padding:6px 0;min-width:0}.database-table td.database-change,.database-table td.database-item,.database-table td:nth-child(5),.database-table td:nth-child(6){grid-column:1/-1}.database-table td:not(.database-item)::before{content:attr(data-label);display:block;color:#879cb8;font-size:11px;margin-bottom:3px}.database-number{text-align:left}.database-table td:nth-child(6){border-top:1px solid #2c405b;margin-top:4px;padding-top:8px}.database-table td:nth-child(6) div,.database-table td:nth-child(6) small{display:inline;margin-right:8px}#databaseApp{padding:14px}.database-kinds{gap:6px}.database-kinds button{font-size:14px;padding:9px 12px}.database-groups{gap:6px}.database-groups button{font-size:12px;padding:7px 9px}.database-pagination{gap:6px}.database-pagination .btn{padding:8px;font-size:12px}}

.database-table caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Source change labels precede the item; subcategories stay beneath their parent. */
.database-subgroups{display:flex;flex-wrap:wrap;gap:7px;margin:-5px 0 16px;padding:10px 12px;border-left:2px solid #92764b;background:#0d192a;border-radius:0 7px 7px 0}
.database-subgroups[hidden]{display:none}
.database-subgroups button{border:1px solid #3b4e68;border-radius:6px;background:#15243a;color:#b9cbe1;padding:6px 10px;cursor:pointer;font:inherit;font-size:12px}
.database-subgroups button.active{border-color:#d0aa63;color:#ffe2a3;background:#51412a}
.database-kinds button:focus-visible,.database-groups button:focus-visible,.database-subgroups button:focus-visible{outline:2px solid #ffd280;outline-offset:3px}
.database-change-tag{font-size:12px}.database-change-tag.is-new{color:#aee5a1}.database-change-tag.is-updated{color:#e5c78b}.database-change-tag.is-unchanged,.database-change-tag.is-unconfirmed,.database-change-tag.is-unknown{color:#aebfd3}
@media(max-width:800px){.database-table td.database-change::before{display:inline;margin-right:10px}.database-subgroups{padding:8px;gap:6px}.database-subgroups button{font-size:12px;padding:7px 9px}}

/* B24 compact catalog and intersecting quality/level filters. */
#databaseResults{overflow-x:auto;max-width:100%}.database-table td{padding:5px 8px;line-height:1.3}.database-item-button{gap:7px}.database-item-button img,.database-icon-missing{width:30px;height:30px}.database-item-text strong{font-size:13px}.database-source-name{display:inline;margin:0;font-size:12px}.database-advanced{margin:8px 0;color:#c9d6e7;font-size:13px}.database-advanced summary{cursor:pointer;padding:6px 0}.database-advanced-fields{display:flex;flex-wrap:wrap;gap:10px;padding:8px 0}.database-advanced-fields label{display:flex;flex-direction:column;gap:5px}.database-advanced-fields input{width:130px}.database-table td:nth-child(5){white-space:nowrap}.database-table td:nth-child(6) div,.database-table td:nth-child(6) small{display:inline;margin-right:5px}
@media(max-width:800px){.database-table{display:table;min-width:850px;table-layout:fixed}.database-table thead{display:table-header-group}.database-table tbody{display:table-row-group}.database-table tr{display:table-row;border:0;padding:0;margin:0}.database-table td{display:table-cell;padding:5px 8px;border-bottom:1px solid #31425a}.database-table td::before{display:none!important}.database-number{text-align:center}.database-table td:nth-child(6){padding:5px 8px;margin:0;border-top:0}.database-change{width:65px}.database-advanced-fields{gap:8px}.database-advanced-fields label{flex:1;min-width:110px}}

/* Source names without received Chinese copy remain explicit secondary originals. */
.database-original-label{font-size:.78em;color:#b8c5d3;font-weight:400}.database-name-en,.site-original-name{display:block;font-size:.85em;font-weight:400;color:#a6b5c8;overflow-wrap:anywhere}

.database-tip-heading .site-original-name{color:var(--dungeon-quality-color)}

/* Keep advanced filters beside the category controls, then stack on phones. */
.database-filter-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:18px;align-items:start}
.database-primary-filters,.database-advanced-panel{min-width:0}
.database-primary-filters .database-intro{margin:8px 0 0}
.database-advanced-panel .database-advanced{margin:8px 0}
.database-advanced-panel .database-count{margin:12px 0 16px}
.database-advanced summary{min-height:32px;box-sizing:border-box;display:list-item;line-height:20px}
.database-advanced summary:focus-visible{outline:2px solid #ffd280;outline-offset:3px;border-radius:4px}
.database-advanced-fields{display:grid;grid-template-columns:minmax(0,.8fr) repeat(2,minmax(0,1fr));gap:10px}
.database-advanced-fields label{min-width:0}
.database-advanced-fields input,.database-advanced-fields select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;border:1px solid #475a72;background:#0b1422;color:#e1e9f4;border-radius:6px;padding:9px;font:inherit;font-size:13px}
@media(max-width:800px){.database-filter-layout{grid-template-columns:minmax(0,1fr);gap:0}.database-advanced-panel .database-advanced{margin-top:0}.database-advanced-fields label{min-width:0}.database-advanced-panel .database-count{margin-bottom:12px}}
@media(max-width:480px){.database-advanced-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.database-advanced-fields label:first-child{grid-column:1/-1}}

/* Source labels stay inside their column; all source targets remain separate and reachable. */
.database-table td.database-source-cell{min-width:0;overflow:hidden;white-space:normal}
.database-source-list{display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:0;max-width:100%}
.database-source-list .database-source-button,.database-source-list .database-source-name,.database-source-list .database-source-kind{display:block;box-sizing:border-box;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}
.database-source-list .database-source-button{padding:0;border:0;background:none;font:inherit;font-size:12px;cursor:pointer;line-height:1.4}
.database-source-list .database-source-button:focus-visible{outline:2px solid #ffd280;outline-offset:-2px;border-radius:3px}
.database-source-detail-field{display:flex;flex-wrap:wrap;gap:3px 6px;margin:10px 0;overflow-wrap:anywhere;line-height:1.6}
.database-source-detail-field>strong{font-weight:500}
.database-source-detail>.database-source-detail-link{display:block;width:fit-content;max-width:100%;margin:8px 0;white-space:normal;overflow-wrap:anywhere}
.database-source-detail>.database-source-detail-link:disabled{cursor:default;color:#a6b5c8;opacity:1}
.database-source-detail>.site-entity-close{position:sticky;bottom:0;display:block;margin-top:14px;box-shadow:0 0 0 8px #111c2c}

.database-source-group{display:flex;flex-direction:column;gap:1px;min-width:0;max-width:100%}.database-source-group>.database-source-kind{color:#e1e9f4;line-height:1.4}
