/* Cài đặt › Hiệu chỉnh ngôn ngữ (frontend/language-tuning.js). Theo mockup đã chốt 2026-10-06; dùng token BMS. */
.lt{display:grid;gap:14px;min-width:0;font-family:var(--bms-font-ui)}
.lt-head{display:flex;align-items:center;gap:12px;min-width:0}
.lt-title{display:flex;flex-direction:column;gap:2px;flex:0 0 auto}
.lt-title h3{margin:0;font-size:18px;font-weight:700;color:var(--bms-text);white-space:nowrap}
.lt-title small{color:var(--bms-text-muted);font-size:12px;white-space:nowrap}
.lt-status{display:flex;gap:6px;flex:0 0 auto;min-width:0;overflow-x:auto;scrollbar-width:none}
.lt-status::-webkit-scrollbar{display:none}
.lt-chip{position:relative;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 16px;border:1px solid var(--bms-border);border-radius:999px;background:var(--bms-surface);color:var(--bms-text);font:600 13px/1 var(--bms-font-ui);white-space:nowrap;cursor:pointer}
.lt-chip i{font-style:normal;display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--bms-surface-subtle);color:var(--bms-text-muted);font:700 11.5px/1 var(--bms-font-ui)}
.lt-chip.is-active{border-color:var(--bms-primary);background:var(--bms-primary-soft);color:var(--bms-primary-active)}
.lt-chip.is-active i{background:var(--bms-primary);color:var(--bms-surface)}
.lt-chip[data-tone="warning"] i{background:var(--bms-warning-soft);color:var(--bms-warning)}
.lt-chip[data-tone="review"] i{background:var(--bms-review-soft);color:var(--bms-review)}
.lt-chip.is-active[data-tone] i{background:var(--bms-primary);color:var(--bms-surface)}
.lt-head .bms-search{flex:1 1 240px;min-width:200px}
.lt-domains-wrap .lt-seg{height:40px;margin-bottom:6px}.lt-domains-wrap .lt-seg button{height:30px}
.lt-seg{display:inline-flex;align-items:center;height:48px;padding:4px;border:1px solid var(--bms-border);border-radius:999px;background:var(--bms-surface);flex:0 0 auto}
.lt-seg span{padding:0 6px 0 10px;color:var(--bms-text-muted);font-size:12px;white-space:nowrap}
.lt-seg button{height:38px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--bms-text-muted);font:600 13px var(--bms-font-ui);cursor:pointer}
.lt-seg button[aria-pressed="true"]{background:var(--bms-primary);color:var(--bms-surface)}
.lt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:999px;border:1px solid var(--bms-border);background:var(--bms-surface);color:var(--bms-text);font:700 14px var(--bms-font-ui);cursor:pointer;white-space:nowrap;flex:0 0 auto}
.lt-btn.primary{background:var(--bms-primary);border-color:var(--bms-primary);color:var(--bms-surface)}
.lt-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Tab con theo nghiệp vụ, cuộn ngang bằng mũi tên */
.lt-domains-wrap{position:relative;display:flex;align-items:center;gap:6px;min-width:0;border-bottom:1px solid var(--bms-border)}
.lt-domains{display:flex;gap:4px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:10px 2px 0;flex:1;min-width:0}
.lt-domains::-webkit-scrollbar{display:none}
.lt-tab{position:relative;flex:0 0 auto;height:44px;padding:0 16px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--bms-text-muted);font:600 14px var(--bms-font-ui);cursor:pointer;white-space:nowrap}
.lt-tab:hover{color:var(--bms-text)}
.lt-tab[aria-selected="true"]{color:var(--bms-primary);border-bottom-color:var(--bms-primary)}
.lt-tab b{position:absolute;top:-8px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--bms-surface-subtle);border:1px solid var(--bms-border);color:var(--bms-text-muted);font:700 10.5px/18px var(--bms-font-ui);box-sizing:border-box}
.lt-tab b.has-missing{background:var(--bms-warning-soft);border-color:var(--bms-warning);color:var(--bms-warning)}
.lt-tab[aria-selected="true"] b{background:var(--bms-primary);border-color:var(--bms-primary);color:var(--bms-surface)}
.lt-arrow{flex:0 0 auto;width:32px;height:32px;border-radius:50%;border:1px solid var(--bms-border);background:var(--bms-surface);color:var(--bms-text);display:grid;place-items:center;cursor:pointer;box-shadow:var(--bms-shadow-1)}
.lt-arrow[hidden]{display:none}
.lt-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2}
.lt-note{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:10px;background:var(--bms-info-soft);color:var(--bms-text);font-size:13px;line-height:1.5}
.lt-note.warn{background:var(--bms-warning-soft)}
.lt-note strong{white-space:nowrap}
/* Bảng song song */
.lt-table-wrap{border:1px solid var(--bms-border);border-radius:12px;overflow:auto;max-height:620px;background:var(--bms-surface)}
.lt-col-no{width:56px}.lt-col-st{width:130px}.lt-col-loc{width:200px}.lt-col-ac{width:84px}
.lt-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:980px}
.lt-table thead th{position:sticky;top:0;z-index:2;background:var(--bms-surface-subtle);color:var(--bms-text-muted);font:700 12px var(--bms-font-ui);text-align:left;padding:10px 12px;border-bottom:1px solid var(--bms-border)}
.lt-table thead th.lt-lang{color:var(--bms-text)}
.lt-table thead th.lt-lang em{font-style:normal;display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;background:var(--bms-surface);border:1px solid var(--bms-border);font-size:10.5px;color:var(--bms-text-muted)}
.lt-table td{padding:8px 12px;border-bottom:1px solid var(--bms-border);vertical-align:top;font-size:13px}
.lt-table tr:hover td{background:var(--bms-surface-subtle)}
.lt-table tr.is-edited td{background:var(--bms-review-soft)}
.lt-table td.lt-no{color:var(--bms-text-subtle);font:500 12px var(--bms-font-data);padding-top:16px}
.lt-field{position:relative}
.lt-field textarea{width:100%;box-sizing:border-box;min-height:40px;resize:none;overflow:hidden;padding:9px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--bms-text);font:14px/1.45 var(--bms-font-ui)}
.lt-field textarea:hover{border-color:var(--bms-border)}
.lt-field textarea:focus{outline:none;border-color:var(--bms-primary);background:var(--bms-surface);box-shadow:0 0 0 3px var(--bms-primary-soft)}
.lt-field textarea.is-empty{border:1px dashed var(--bms-warning);background:var(--bms-warning-soft)}
.lt-field textarea::placeholder{color:var(--bms-warning);font-style:italic}
.lt-field .lt-orig{display:block;margin:2px 11px 0;color:var(--bms-text-subtle);font-size:11.5px;text-decoration:line-through}
.lt-field .lt-err{display:block;margin:2px 11px 0;color:var(--bms-danger);font-size:11.5px;font-weight:600}
.lt-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:4px;font:700 11.5px var(--bms-font-ui);white-space:nowrap;margin-top:9px}
.lt-badge.ok{background:var(--bms-success-soft);color:var(--bms-success)}
.lt-badge.miss{background:var(--bms-warning-soft);color:var(--bms-warning)}
.lt-badge.edit{background:var(--bms-review-soft);color:var(--bms-review)}
.lt-badge.code{background:var(--bms-neutral-soft);color:var(--bms-neutral)}
.lt-where{margin-top:9px;color:var(--bms-text-muted);font:12px/1.5 var(--bms-font-data);word-break:break-all}
.lt-where small{display:block;color:var(--bms-text-subtle)}
.lt-where-m{display:none}
@media (max-width:720px){.lt-where-m{display:inline;margin:0!important;font-size:11.5px}}
.lt-act{display:flex;gap:6px;margin-top:5px}
.lt-icon{width:32px;height:32px;border-radius:50%;border:1px solid var(--bms-border);background:var(--bms-surface);color:var(--bms-text-muted);display:grid;place-items:center;cursor:pointer}
.lt-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.lt-icon:disabled{opacity:.35;cursor:default}
.lt-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--bms-text-muted);font-size:13px}
.lt-empty{padding:40px;text-align:center;color:var(--bms-text-muted)}
.lt-filter{display:grid;gap:12px;min-width:260px;padding:4px}
.lt-filter label{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--bms-text-muted)}
.lt-filter select{height:40px;border-radius:10px;border:1px solid var(--bms-border);padding:0 10px;font:14px var(--bms-font-ui)}
.lt-filter .lt-check{display:flex;gap:8px;align-items:center;font-weight:500;color:var(--bms-text)}
/* Điện thoại */
@media (max-width:720px){
  .lt-head{flex-wrap:wrap}
  .lt-title{flex:1 1 0;min-width:0}
  .lt-head .lt-btn.primary{order:2;padding:0 16px;height:44px}
  .lt-head .bms-search{order:3;flex:1 1 100%}
  .lt-status{order:4;flex:1 1 100%}
  .lt-domains-wrap{flex-wrap:wrap}.lt-domains-wrap .lt-seg{order:-1;flex:1 1 100%;margin:0 0 4px;height:44px}.lt-domains-wrap .lt-seg button{flex:1;height:34px}.lt-domains{flex:1 1 100%}
  .lt-arrow{display:none}
  .lt-table-wrap{border:0;max-height:none;background:transparent;overflow:visible}
  .lt-table{min-width:0;display:block}
  .lt-table thead{display:none}
  .lt-table tbody{display:grid;gap:10px}
  .lt-table tr{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:10px;border:1px solid var(--bms-border);border-radius:12px;background:var(--bms-surface)}
  .lt .lt-table td{border:0!important;padding:0!important;background:transparent!important}
  .lt-table tr.is-edited{background:var(--bms-review-soft)}
  .lt-table td.lt-no{display:none}
  .lt-table td.lt-vi,.lt-table td.lt-en{grid-column:1/-1}
  .lt-table td.lt-vi::before,.lt-table td.lt-en::before{content:attr(data-label);display:block;margin:4px 11px 0;color:var(--bms-text-muted);font:700 11px var(--bms-font-ui);text-transform:uppercase;letter-spacing:.03em}
  .lt-table td.lt-st{grid-column:1;display:flex!important;gap:8px;align-items:center;flex-wrap:wrap;padding:4px 11px 0!important}
  .lt-table td.lt-loc{display:none}
  .lt-table td.lt-ac{grid-column:2;grid-row:3}
  .lt-badge,.lt-where{margin-top:4px}
}

/* AI dịch nhanh */
.lt-chip[data-tone="ai"] i{background:var(--bms-review-soft);color:var(--bms-review)}
.lt-btn.sm{height:36px;padding:0 14px;font-size:13px}
.lt-note.ai{background:var(--bms-review-soft);align-items:center;flex-wrap:wrap}
.lt-note-act{display:flex;gap:8px;margin-left:auto}
.lt-badge.ai{background:var(--bms-review-soft);color:var(--bms-review)}
.lt-sug{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:6px 0 0;padding:8px 10px;border:1px solid var(--bms-review);border-radius:10px;background:var(--bms-review-soft)}
.lt-sug-label{color:var(--bms-review);font:700 11.5px var(--bms-font-ui)}
.lt-sug-text{flex:1 1 200px;color:var(--bms-text);font-size:14px}
.lt-sug-act{display:flex;gap:6px;margin-left:auto}
.lt-mini{height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--bms-border);background:var(--bms-surface);font:600 12.5px var(--bms-font-ui);cursor:pointer}
.lt-mini.primary{background:var(--bms-review);border-color:var(--bms-review);color:var(--bms-surface)}
.lt-icon.ai{color:var(--bms-review)}
.lt-drawer{position:fixed;inset:0;z-index:100000}
.lt-drawer-bg{position:absolute;inset:0;background:var(--bms-backdrop)}
.lt-drawer aside{position:absolute;top:0;right:0;bottom:0;width:min(480px,100%);display:flex;flex-direction:column;background:var(--bms-surface);box-shadow:var(--bms-shadow-overlay);font-family:var(--bms-font-ui)}
.lt-drawer header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 14px;border-bottom:1px solid var(--bms-border)}
.lt-drawer h3{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;color:var(--bms-text)}
.lt-drawer h3 svg{width:20px;height:20px;fill:none;stroke:var(--bms-review);stroke-width:2}
.lt-drawer header small{color:var(--bms-text-muted);font-size:12.5px}
.lt-drawer-body{flex:1;overflow:auto;padding:16px 22px;display:grid;gap:16px;align-content:start}
.lt-drawer fieldset{border:0;margin:0;padding:0;display:grid;gap:8px}
.lt-drawer legend{padding:0 0 6px;color:var(--bms-text);font:700 13px var(--bms-font-ui)}
.lt-drawer small{color:var(--bms-text-muted);font-size:12px;line-height:1.5}
.lt-drawer select{height:44px;border-radius:12px;border:1px solid var(--bms-border);padding:0 12px;font:14px var(--bms-font-ui);background:var(--bms-surface)}
.lt-radio{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--bms-border);border-radius:12px;font-size:13.5px;cursor:pointer;color:var(--bms-text)}
.lt-radio:has(input:checked){border-color:var(--bms-primary);background:var(--bms-primary-soft)}
.lt-radio span{flex:1}
.lt-radio b{min-width:28px;padding:2px 8px;border-radius:999px;background:var(--bms-surface-subtle);font-size:12px;text-align:center}
.lt-drawer .lt-check{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--bms-text)}
.lt-progress{display:grid;gap:6px}
.lt-progress div{height:8px;border-radius:999px;background:var(--bms-surface-subtle);overflow:hidden}
.lt-progress i{display:block;height:100%;width:0;background:var(--bms-review);transition:width .07s}
.lt-progress span{font-size:12.5px;color:var(--bms-text-muted)}
.lt-drawer footer{display:flex;align-items:center;gap:10px;padding:14px 22px;border-top:1px solid var(--bms-border)}
.lt-drawer footer>span{flex:1;color:var(--bms-text-muted);font-size:12.5px}
.lt-drawer footer .lt-btn:disabled{opacity:.5;cursor:default}
body:has(.lt-drawer) .floating-actions-container{visibility:hidden;pointer-events:none}
@media (max-width:720px){.lt-head [data-lt-export]{display:none}.lt-head .lt-btn.primary{padding:0 14px}.lt-drawer footer{flex-wrap:wrap}.lt-drawer footer>span{flex:1 1 100%}}
.lt-drawer-text{margin:0;color:var(--bms-text-muted);font-size:13px;line-height:1.5}
.lt-drawer-error{padding:10px 12px;border-radius:10px;background:var(--bms-danger-soft);color:var(--bms-danger);font-size:13px;line-height:1.5}
.lt-field textarea:disabled{opacity:.6}
.lt-btn:focus-visible,.lt-chip:focus-visible,.lt-tab:focus-visible,.lt-icon:focus-visible,.lt-mini:focus-visible,.lt-seg button:focus-visible{outline:2px solid var(--bms-focus);outline-offset:2px}
.lt-icon:disabled{opacity:.35;cursor:default}