/* Extracted from preview/translation-settings.html on 2026-06-17. */
    .translation-page{min-width:0}
    .translation-head{display:flex;align-items:center;gap:16px}
    .translation-head-divider{width:1px;height:32px;background:#dce3ec}
    .translation-language-tabs,.translation-module-tabs{display:flex;align-items:center;gap:10px;min-width:0;overflow:auto;scrollbar-width:thin}
    .translation-language-tab,.translation-module-tab{height:42px;border:1px solid #d6dee9;border-radius:10px;background:#fff;padding:0 16px;color:#1f2937;font-size:15px;font-weight:800;white-space:nowrap;cursor:pointer}
    .translation-language-tab.active,.translation-module-tab.active{background:#eef5ff;border-color:#80b2ff;color:#1d4ed8}
    .translation-language-tab[disabled]{opacity:.55;cursor:not-allowed}
    .translation-panel{display:flex;flex-direction:column;min-height:0;height:calc(100vh - 94px);overflow:hidden}
    .translation-toolbar{display:flex;align-items:center;gap:12px;padding:12px 14px 8px;background:#fbfcfe}
    .translation-module-tabs{flex:1 1 auto;padding-bottom:4px}
    .translation-filterbar{display:block;height:50px;box-sizing:border-box;padding:7px 14px 6px;border-bottom:1px solid #dce3ec;background:#fbfcfe;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;flex:0 0 50px}
    .translation-filterbar::-webkit-scrollbar{display:none}
    .translation-filterbar-inner{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-width:max-content}
    .translation-filter-controls{display:flex;align-items:center;gap:10px;min-width:max-content;flex:0 0 auto}
    .translation-filter-controls select,.translation-filter-controls input{height:36px;box-sizing:border-box;border:1px solid #cfd8e4;border-radius:8px;background:#fff;color:#1f2937;font-size:13px;font-weight:800}
    .translation-filter-controls select{width:95px;min-width:95px;max-width:95px;padding:0 28px 0 10px}
    .translation-filter-controls input{width:150px;min-width:150px;max-width:150px;flex:0 0 150px;padding:0 12px;font-weight:700}
    .translation-count{flex:0 0 auto;color:#64748b;font-size:13px;font-weight:900;white-space:nowrap}
    .translation-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:max-content}
    .translation-actions button,.translation-actions select{height:36px;border:1px solid #dce3ec;border-radius:8px;background:#fff;padding:0 14px;color:#1f2937;font-size:13px;font-weight:800;white-space:nowrap}
    .translation-actions button{cursor:pointer}
    .translation-actions select{min-width:0;padding:0 28px 0 14px}
    #translation-bulk-description{width:95px;max-width:95px}
    #translation-move-target{width:95px;max-width:95px}
    .translation-actions .primary{border-color:#2563eb;background:#2563eb;color:#fff}
    .translation-actions button:disabled,.translation-actions select:disabled{opacity:.5;cursor:not-allowed}
    .translation-message{min-width:120px;color:#64748b;font-size:13px;font-weight:800;text-align:right}
    .translation-message.error{color:#b42318}
    .translation-table-wrap{min-height:0;flex:1 1 auto;overflow:auto}
    .translation-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;font-size:14px}
    .translation-table th,.translation-table td{border-bottom:1px solid #e5ebf3;padding:10px 12px;vertical-align:top}
    .translation-table th{position:sticky;top:0;z-index:2;background:#f3f6fb;color:#1f2937;font-weight:900}
    .translation-table th:first-child,.translation-table td:first-child{width:42%}
    .translation-source{font-weight:800;color:#1f2937;line-height:1.45}
    .translation-source-meta{margin-top:4px;color:#94a3b8;font-size:12px;font-weight:700}
    .translation-source-code{margin-top:6px;color:#64748b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:12px;line-height:1.45;word-break:break-all}
    .translation-table input{width:100%;height:38px;box-sizing:border-box;border:1px solid #cfd8e4;border-radius:8px;background:#fff;padding:0 10px;color:#1f2937;font-size:14px}
    .translation-table input:disabled{background:#f8fafc;color:#475569}
    .translation-source-cell{display:flex;align-items:flex-start;gap:10px}
    .translation-row-select{width:18px!important;height:18px!important;flex:0 0 auto;margin:2px 0 0;padding:0;border-radius:4px}
    .translation-source-content{min-width:0}
    .translation-target-cell{display:flex;align-items:center;gap:10px}
    .translation-target-cell input{min-width:0}
    .translation-row-action{height:34px;border:1px solid #2563eb;border-radius:8px;background:#fff;padding:0 12px;color:#1d4ed8;font-size:12px;font-weight:900;white-space:nowrap;cursor:pointer}
    .translation-row-action:disabled{opacity:.5;cursor:not-allowed}
    .translation-empty{padding:26px;color:#64748b;font-weight:800;text-align:center}
    .translation-modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:rgba(15,23,42,.42);padding:24px}
    .translation-modal{width:min(920px,calc(100vw - 48px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;background:#fff;border:1px solid #dce3ec;border-radius:12px;box-shadow:0 20px 60px rgba(15,23,42,.22);overflow:hidden}
    .translation-modal-head,.translation-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e5ebf3}
    .translation-modal-foot{border-top:1px solid #e5ebf3;border-bottom:0;justify-content:flex-end}
    .translation-modal-title{font-size:18px;font-weight:900;color:#111827}
    .translation-modal-body{display:grid;grid-template-columns:minmax(260px,38%) minmax(0,1fr);gap:14px;min-height:0;padding:14px 16px;overflow:auto}
    .translation-modal-field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
    .translation-modal-field label{font-size:13px;font-weight:900;color:#334155}
    .translation-modal-field input{height:38px;border:1px solid #cfd8e4;border-radius:8px;padding:0 10px;font-size:14px;font-weight:700;color:#1f2937}
    .translation-candidate-list{height:360px;overflow:auto;border:1px solid #e5ebf3;border-radius:8px;background:#fbfcfe}
    .translation-candidate{width:100%;display:block;text-align:left;border:0;border-bottom:1px solid #e5ebf3;background:#fff;padding:10px 12px;cursor:pointer}
    .translation-candidate.active{background:#eef5ff}
    .translation-candidate-source{font-size:14px;font-weight:900;color:#111827}
    .translation-candidate-meta{margin-top:4px;font-size:12px;font-weight:700;color:#64748b}
    .translation-candidate-empty{padding:18px;color:#64748b;font-weight:800;text-align:center}
    .translation-modal-details{border:1px solid #e5ebf3;border-radius:8px;overflow:auto;min-height:360px}
    .translation-detail-row{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;padding:9px 12px;border-bottom:1px solid #e5ebf3;font-size:13px}
    .translation-detail-row:last-child{border-bottom:0}
    .translation-detail-label{font-weight:900;color:#64748b}
    .translation-detail-value{font-weight:800;color:#1f2937;word-break:break-word}
    .translation-detail-value ul{margin:0;padding-left:18px}
    .translation-detail-value li{margin:0 0 4px}
    .translation-detail-input{width:100%;height:38px;border:1px solid #cfd8e4;border-radius:8px;padding:0 10px;font-size:14px;font-weight:800;color:#1f2937}
    .translation-modal-foot button{height:36px;border:1px solid #dce3ec;border-radius:8px;background:#fff;padding:0 14px;color:#1f2937;font-size:13px;font-weight:900;cursor:pointer}
    .translation-modal-foot .primary{border-color:#2563eb;background:#2563eb;color:#fff}
    .translation-modal-foot button:disabled{opacity:.5;cursor:not-allowed}
    @media(max-width:760px){
      .translation-head{align-items:flex-start;gap:10px}
      .translation-head-divider{display:none}
      .translation-language-tabs{width:100%}
      .translation-panel{height:auto;max-height:calc(100svh - 78px)}
      .translation-toolbar{align-items:flex-start;flex-direction:column}
      .translation-filterbar{display:block}
      .translation-filter-controls{width:auto;flex-wrap:nowrap}
      .translation-filter-controls input{width:150px;min-width:150px}
      .translation-actions{width:auto;justify-content:flex-start}
      .translation-message{text-align:left}
      .translation-modal-body{grid-template-columns:1fr}
    }