.database-switch { display:flex; flex-direction:column; gap:5px; padding:8px 10px; margin:4px 8px 10px; border:1px solid #718497; border-radius:9px; font:12px/1.3 Arial,sans-serif; color:#173247; background:#edf5fa; }
.database-switch button { display:flex; align-items:center; gap:6px; cursor:pointer; padding:8px; border:1px solid #718497; border-radius:6px; background:#fff; color:#173247; font:600 12px/1.3 Arial,sans-serif; text-align:left; }
.database-original { background:#fff0d7; border-color:#a86008; color:#754005; }
.database-original button { border-color:#a86008; color:#754005; }
html[data-database="original"] .topbar, html[data-database="original"] .mobile-header { box-shadow:inset 0 4px #d98b26; }
.mobile-header .database-switch { margin:2px; max-width:180px; }
@media(max-width:600px) { .mobile-header .database-switch { flex-basis:100%; max-width:none; flex-direction:row; align-items:center; } .database-switch strong { font-size:11px; } }

.mobile-header .database-switch { grid-column:1 / -1; max-width:none; flex-direction:row; align-items:center; justify-content:space-between; }