.media-open-checkbox { display:flex; align-items:flex-start; gap:10px; margin:16px 0; color:#07556b; font-size:.86rem; cursor:pointer; }
.media-open-checkbox input { width:18px; height:18px; margin:2px 0 0; flex-shrink:0; accent-color:#07556b; }
.content-media-static { cursor:default; }
.content-media-static:hover { transform:none; box-shadow:none; }
.translation-status-bar { display:flex; align-items:flex-start; gap:14px; padding:18px; margin:0 0 24px; background:#edf5f8; border:1px solid #c9dde5; color:#154356; }
.translation-status-bar > svg { flex-shrink:0; margin-top:2px; }
.translation-status-bar > div { flex:1; min-width:0; }
.translation-status-bar strong { font-size:.92rem; }
.translation-status-bar p { margin:5px 0 0; font-size:.84rem; line-height:1.6; }
.translation-status-bar button,.translation-reviewed { border:1px solid #9ab5c1; border-radius:3px; background:white; color:#07556b; padding:10px 14px; cursor:pointer; font-size:.82rem; }
.translation-status-bar button { flex-shrink:0; }
.translation-explanation p,.translation-explanation small { line-height:1.7; color:#516d7a; font-size:.88rem; }
.translation-tools { display:flex; gap:12px; flex-wrap:wrap; margin:20px 0 12px; }
.translation-filters { display:grid; grid-template-columns:1fr 1fr 1.25fr; gap:16px; margin-top:24px; }
.translation-record-filter,.translation-totals { font-size:.85rem; color:#57717e; margin:0 0 20px; }
.translation-record-filter button { color:#07556b; text-decoration:underline; cursor:pointer; }
.translation-workspace { display:grid; grid-template-columns:280px minmax(0,1fr); gap:22px; align-items:start; }
.translation-entry-list { max-height:calc(100vh - 180px); overflow:auto; border:1px solid #d2e0e7; background:white; }
.translation-entry-list > p { padding:18px; font-size:.85rem; line-height:1.6; }
.translation-entry { display:block; text-align:left; border:0; border-bottom:1px solid #e1e9ed; background:#fff; width:100%; padding:17px; color:#173f50; cursor:pointer; }
.translation-entry.selected { background:#e8f1f5; box-shadow:inset 4px 0 #ed7b16; }
.translation-entry > strong { display:block; font-size:.86rem; line-height:1.5; overflow-wrap:anywhere; }
.translation-entry > span { display:block; color:#607888; font-size:.8rem; margin-top:3px; }
.translation-entry > div { display:flex; flex-direction:column; align-items:flex-start; gap:5px; margin-top:12px; }
.translation-badge { display:inline-block; font-size:.7rem; padding:4px 7px; border-radius:3px; line-height:1.3; font-weight:500; }
.translation-badge.current { color:#17633a; background:#e8f4ec; }
.translation-badge.missing { color:#9b3128; background:#fff0ed; }
.translation-badge.outdated { color:#924900; background:#fff0dc; }
.translation-badge.unchecked { color:#576b7b; background:#eaf0f5; }
.translation-detail { min-width:0; }
.translation-detail > h2 { overflow-wrap:anywhere; font-size:1.35rem; }
.translation-detail > h3 { font-size:.95rem; color:#627b87; margin-bottom:24px; }
.translation-detail textarea { width:100%; resize:vertical; min-height:110px; line-height:1.65; }
.translation-detail textarea[readonly] { background:#f3f6f8; color:#37586a; }
.translation-language-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:24px; }
.translation-language-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.translation-language-panel { min-width:0; }
.translation-reviewed { display:flex; gap:8px; align-items:center; justify-content:center; width:100%; line-height:1.5; }
.translation-reviewed:disabled { opacity:.45; cursor:default; }
@media (max-width:1350px) {
  .translation-workspace { grid-template-columns:230px minmax(0,1fr); }
  .translation-language-columns { grid-template-columns:1fr; }
}
@media (max-width:1000px) {
  .translation-status-bar { flex-wrap:wrap; }
  .translation-status-bar button { margin-left:36px; }
  .translation-filters { grid-template-columns:1fr; gap:0; }
  .translation-workspace { grid-template-columns:1fr; }
  .translation-entry-list { max-height:300px; }
}
@media (max-width:480px) {
  .translation-tools { flex-direction:column; }
  .translation-tools .button { width:100%; justify-content:center; font-size:.8rem; }
}