/* Ô chọn lõi trình duyệt dùng chung (ui/static/js/core_pick.js): Tạo hàng loạt, Nhập từ bảng, Nhập hồ sơ từ tệp, Mẫu thương mại.
   Chỉ dùng biến màu --stc-* (Sáng/Tối tự đổi theo data-theme); thanh tiến độ tải dùng lớp .stc-core-* có sẵn (stc_theme.css). */
.stc-cp { margin: 14px 0 6px; }
.stc-cp[hidden] { display: none; }
.stc-cp-lbl { display: block; margin: 0 0 6px; color: var(--stc-text-strong); font-size: 13.5px; font-weight: 600; }
.stc-cp-row { display: flex; align-items: center; gap: 8px; }
.stc-cp-row select { flex: 1; min-width: 0; width: auto; box-sizing: border-box; padding: 8px 10px; border-radius: var(--stc-r-card); border: 1px solid var(--stc-border-ctl);
  background: var(--stc-input); color: var(--stc-text); font-size: 13.5px; font-variant-numeric: tabular-nums; }
.stc-cp-row select:focus-visible { outline: 2px solid var(--stc-accent); outline-offset: 0; }
.stc-cp-row select:disabled { color: var(--stc-muted); cursor: not-allowed; }
.stc-cp-dl { flex: none; }
.stc-cp-dl[hidden] { display: none; }
.stc-cp-dl:focus-visible { outline: 2px solid var(--stc-accent); outline-offset: 1px; }
.stc-cp-hint { margin: 6px 0 0 !important; color: var(--stc-muted); font-size: 12.5px; line-height: 1.45; }
.stc-cp-note { margin-top: 8px; padding: 8px 12px; border: 1px solid var(--stc-warn); border-radius: var(--stc-r-card); background: var(--stc-surface-2);
  color: var(--stc-text); font-size: 13px; line-height: 1.45; }
.stc-cp-note[hidden] { display: none; }
.stc-cp-note .err { color: var(--stc-err-text); }
.stc-cp-note .ok { color: var(--stc-ok-text); }
.stc-cp .stc-core-prog { margin: 8px 0 0; }
html[data-theme="light"] .stc-cp-row select:focus-visible, html[data-theme="light"] .stc-cp-dl:focus-visible { outline-color: var(--stc-accent-text); }

/* Mẫu thương mại: ô lõi thành một khối riêng cạnh khối proxy (hộp) / trên lưới mẫu (trang) */
.stc-cp-ecom.stc-cp { margin: 14px 0 0; padding: 14px 18px 16px; border: 1px solid var(--stc-border); border-radius: var(--stc-r-card); background: var(--stc-surface-2); }
.stc-cp-view.stc-cp { margin: 0 0 20px; max-width: 640px; }

/* Nhập hồ sơ từ tệp: lõi lấy theo tệp */
.stc-cp-file { margin: 12px 0 4px; padding: 9px 12px; border: 1px solid var(--stc-border); border-radius: var(--stc-r-card); background: var(--stc-surface-2); font-size: 13px; line-height: 1.45; color: var(--stc-text); }
.stc-cp-file b { color: var(--stc-text-strong); font-weight: 600; font-variant-numeric: tabular-nums; }
.stc-cp-file[hidden] { display: none; }

/* Bảng xem trước nhập từ tệp: cột lõi */
.bo-table .bo-core-miss { color: var(--stc-muted); }
.bo-table td.bo-core-cell { white-space: normal; max-width: 200px; font-variant-numeric: tabular-nums; }

/* Gợi ý khi chọn lõi (13/11/2026): nhãn "Khuyên dùng" (Google Chrome trên máy) / "Bản cũ" + một câu mô tả lõi đang chọn, dùng chung cho mọi ô chọn lõi
   (hộp tạo/sửa, Tạo hàng loạt, Nhập, Mẫu thương mại, hộp chọn lõi ở tam giác đỏ, Cài đặt › Mặc định hồ sơ mới, Cài đặt › Lõi trình duyệt). */
.stc-core-desc { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin: 6px 0 0; max-width: 72ch;
  color: var(--stc-muted); font-size: 12.5px; line-height: 1.45; }
.stc-core-desc[hidden] { display: none; }
.stc-core-desc-t { flex: 1 1 24ch; min-width: 0; }
.stc-core-tag { display: inline-flex; align-items: center; flex: none; padding: 0 7px; border: 1px solid currentColor; border-radius: 5px;
  font-size: 11.5px; font-weight: 600; line-height: 18px; white-space: nowrap; }
.stc-core-tag.rec { color: var(--stc-ok-text); }
.stc-core-tag.old { color: var(--stc-gold-text); }
.stc-core-name .stc-core-tag { align-self: center; }
.stc-core-row > .stc-core-row-desc { flex: 0 0 100%; max-width: none; margin: 0; }
.stc-core-dialog .stc-modal p.stc-core-desc { margin: 6px 0 8px; }
#create-modal .stc-core-desc { margin-top: 8px; }
.stg-ctl:has(> .stc-core-desc) { flex-wrap: wrap; justify-content: flex-start; }
.stg-ctl > .stc-core-desc { flex-basis: 100%; margin: 2px 0 0; }