.language-selector{position:relative;flex:none;width:32px;margin:0}
.language-selector>summary{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:4px;cursor:pointer;list-style:none;background:transparent}
.language-selector>summary::-webkit-details-marker{display:none}
.language-selector>summary:hover,.language-selector[open]>summary{background:#f0f1f2}
.language-selector>summary:focus-visible{outline:2px solid var(--bs-primary);outline-offset:2px}
.language-flag{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:22px;line-height:1;flex:none}
.language-selector>.language-menu{position:absolute;inset-inline-end:0;top:calc(100% + 6px);z-index:1200;display:grid;gap:2px;width:max-content;min-width:160px;max-width:min(260px,calc(100vw - 32px));max-height:60vh;overflow:auto;margin:0;padding:5px;background:#fff;border:1px solid var(--bs-border-color);border-radius:6px;box-shadow:0 5px 18px #1d2a3526}
.language-selector .language-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:7px 9px;text-align:start;background:#fff;color:var(--ink);border:0;border-radius:3px;box-shadow:none;font-weight:400;font-size:.875rem}
.language-menu button>span:nth-child(2){flex:1;overflow-wrap:anywhere;min-width:0}
.language-selector .language-menu button:hover,.language-selector .language-menu button[aria-current]{background:#f0f1f2}
.language-selector:not([open])>.language-menu{display:none}
@media(max-width:900px){header:has(>.language-selector){display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:10px}header>.brand{grid-area:1/1;min-width:0;white-space:normal}header>.brand .db-logo{flex:none}header>.language-selector{grid-area:1/2}header>nav.mobile-nav{grid-area:2/1/3/-1}}
@media(max-width:600px){header:has(>.language-selector):has(>.nav-toggle){grid-template-columns:minmax(0,1fr) 40px 32px;gap:8px}header>.nav-toggle{grid-area:1/2}header:has(>.nav-toggle)>.language-selector{grid-area:1/3}header>.brand{gap:6px}header>.brand span{white-space:normal;line-height:1.2}}
.language-admin h1,.language-admin h2{overflow-wrap:anywhere}
.language-admin-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center}
.language-admin-heading h1{margin:0}
.language-admin-form{display:grid;grid-template-columns:100px minmax(140px,1fr) 160px auto;gap:10px;align-items:end;margin:16px 0}
.language-admin-form label,.translation-filters label{font-size:.85rem}
.language-admin-form label{overflow-wrap:anywhere}
.language-admin-form:has(input[name="code"][type="hidden"]){grid-template-columns:minmax(160px,1fr) minmax(150px,.8fr) minmax(140px,.8fr) auto}
.translation-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin:16px 0}
.translation-filters label{flex:1 1 140px}
.translation-list{display:grid;gap:0;border-top:1px solid var(--bs-border-color)}
.translation-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:12px 0;border-bottom:1px solid var(--bs-border-color)}
.translation-entry p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem}
.translation-entry small{display:block;color:var(--bs-secondary-color);overflow-wrap:anywhere;font-size:.7rem;margin-top:6px}
.translation-entry label{font-size:.8rem;min-width:0}
.translation-entry textarea{width:100%;min-height:90px;font-size:.875rem;resize:vertical}
.language-table td{font-size:.875rem;overflow-wrap:anywhere}
.language-edit-link{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--bs-border-color);border-radius:3px;text-decoration:none}
.language-table th:last-child{width:44px}
.language-table form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.translation-pagination{display:flex;justify-content:space-between;margin:16px 0}
@media(max-width:700px){.language-admin-form{grid-template-columns:100px minmax(0,1fr)}.language-admin-form label:has(select[name="direction"]),.language-admin-form button{grid-column:1/-1}.language-admin-form button{justify-self:start}.language-admin-form:has(input[name="code"][type="hidden"]){grid-template-columns:minmax(0,1fr)}.translation-entry{grid-template-columns:minmax(0,1fr);gap:8px}.language-table{min-width:0!important;table-layout:fixed}.language-table th{font-size:.7rem;overflow-wrap:anywhere;text-transform:none}.language-table th:nth-child(1){width:34%}.language-table th:nth-child(2){width:26%}.language-selector select{width:120px}}
