/* Màn License (mockup 4i, 4j) + tab License ở trang công ty + mục Nhắc gia hạn trong Cấu hình. Chỉ dùng token trong tokens.css; lớp có tiền tố lc-. */

/* Danh sách (4i) */
.lc-seg button { height: 32px; padding: 0 12px; display: inline-flex; align-items: center; gap: 6px; font: 500 13px/1 var(--font-sans); color: var(--ink-muted); background: var(--surface); border: 0; border-right: 1px solid var(--line); cursor: pointer; white-space: nowrap; }
.lc-seg button:last-child { border-right: 0; }
.lc-seg button em { font-style: normal; font-variant-numeric: tabular-nums; opacity: .75; }
.lc-seg button.on { background: var(--ink); color: var(--surface); font-weight: 600; }
.lc-seg { flex-wrap: wrap; }
select.lc-dd { font-family: var(--font-sans); cursor: pointer; max-width: 220px; }
.lc-tim { height: 32px; width: 260px; max-width: 100%; color: var(--ink-subtle); margin-left: auto; }
.lc-tim input { border: 0; outline: 0; background: transparent; color: var(--ink); font: var(--text-body); font-family: var(--font-sans); width: 100%; min-width: 0; }
.lc-tim:focus-within { border-color: var(--focus); box-shadow: 0 0 0 3px var(--selected-tint); }
.kpis.lc-kpis { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 860px) { .kpis.lc-kpis { grid-template-columns: 1fr; } .lc-tim { margin-left: 0; } }
.lc-do { color: var(--danger); }
.kpi.lc-kpi-do { border-color: var(--danger); }
.lc-seg-moc { align-self: flex-start; margin-bottom: -8px; }
.tbl td .two.lc-hh { align-items: flex-end; }
.lc-bang a.t:hover { color: var(--link); }
.lc-bang td .chip { max-width: 100%; }
.lc-chu { margin: 0; }
.lc-chu a { color: var(--link); }

/* Chi tiết */
.lc-tags { margin-top: 8px; flex-wrap: wrap; }
.lc-alert { border-color: var(--warn); background: var(--warn-tint); }
.lc-alert svg { color: var(--warn); }
.lc-ghi-chu { white-space: pre-line; }
.lc-ct { min-height: 38px; padding: 0 0 0 12px; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); }
.lc-ct .btn { margin: 3px; }
.dlg select.inp[size] { height: auto; min-height: 168px; padding: 4px; }
.lc-chon { gap: 6px; cursor: pointer; align-self: end; height: 38px; }
.lc-tom { display: flex; flex-direction: column; gap: 12px; padding: 14px 16px; }
.lc-tom a { color: var(--ink); }
.lc-tom a:hover b { color: var(--link); }

/* Nhập file (4j) */
.lc-buoc { gap: 12px 16px; color: var(--ink-subtle); }
.lc-b { gap: 8px; font: 400 15px/1 var(--font-sans); color: var(--ink); }
.lc-b.dang { font-weight: 600; }
.lc-so { width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; font: 700 12px/1 var(--font-sans); background: var(--surface-alt); border: 1px solid var(--line); color: var(--ink); }
.lc-b.dang .lc-so { background: var(--ink); border-color: var(--ink); color: var(--surface); }
.lc-b.xong .lc-so { background: var(--ok); border-color: var(--ok); color: var(--surface); }
.lc-nhap { display: grid; grid-template-columns: 300px 1fr; gap: 16px; align-items: start; }
@media (max-width: 960px) { .lc-nhap { grid-template-columns: 1fr; } }
.lc-nguon { gap: 8px; }
.lc-ng { display: flex; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--line); border-radius: var(--radius-sm); cursor: pointer; font: var(--text-body); }
.lc-ng.on { border: 2px solid var(--selected); background: var(--selected-tint); font-weight: 600; padding: 9px; }
.lc-ng input { width: 16px; height: 16px; margin: 0; accent-color: var(--ink); }
.lc-ng input:disabled { opacity: 1; }
.lc-tep { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-top: 6px; }
.lc-tep-ten { gap: 6px; margin-top: 6px; }
.lc-tep-ten span { overflow-wrap: anywhere; white-space: normal; }
.lc-cot { font: var(--text-small); line-height: 20px; }
.lc-tk { gap: 8px; }
.lc-xt-bang td .two { padding: 8px 0; }
.lc-hd { flex-wrap: wrap; }
.lc-seg-in { flex: none; flex-wrap: nowrap; }
.lc-map { text-align: right; flex: 1 1 320px; }
.lc-xt-bang td:nth-child(3) { min-width: 200px; }
.lc-xt-bang th, .lc-xt-bang td { padding-left: 10px; padding-right: 10px; }
.lc-xt-bang .lc-hh .s { max-width: 130px; text-align: right; }
.lc-xt-bang td:nth-child(4) { min-width: 120px; }
.lc-tac { gap: 4px; margin-top: 4px; flex-wrap: nowrap; }
.lc-goi-y { gap: 6px; margin-top: 4px; }
.lc-goi-y .btn { max-width: 280px; overflow: hidden; text-overflow: ellipsis; }

/* Cấu hình → Nhắc gia hạn */
.lc-p { margin: 0; line-height: 21px; }
.lc-xt { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--surface-alt); }