/* v0.24.0: label badges / filter chip / label usage links */
button.badge-label{border:0;font-family:inherit;line-height:inherit;cursor:pointer}
button.badge-label:hover,button.badge-label:focus-visible{background:color-mix(in srgb,var(--brand,#1f5fbf) 14%,#fff);color:var(--brand,#1f5fbf)}
.catalog-label-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid color-mix(in srgb,var(--brand,#1f5fbf) 35%,#fff);border-radius:999px;background:color-mix(in srgb,var(--brand,#1f5fbf) 9%,#fff);color:var(--brand,#1f5fbf);font-size:13px;white-space:nowrap;cursor:pointer}
.catalog-label-chip span{font-size:15px;line-height:1}
.catalog-label-chip:hover{background:color-mix(in srgb,var(--brand,#1f5fbf) 16%,#fff)}
.label-usage{display:flex;flex-wrap:wrap;gap:6px}
.label-go{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#344054;font-size:12px;white-space:nowrap;cursor:pointer}
.label-go .solid-icon{width:13px;height:13px}
.label-go b{min-width:18px;padding:0 5px;border-radius:999px;background:#f2f4f7;text-align:center}
.label-go:hover:not(:disabled),.label-go:focus-visible{border-color:var(--brand,#1f5fbf);color:var(--brand,#1f5fbf)}
.label-go:hover:not(:disabled) b{background:color-mix(in srgb,var(--brand,#1f5fbf) 12%,#fff)}
.label-go:disabled{opacity:.55;cursor:default}

/* Read-only pages and dialogs: a very light dark layer over the content (clicks still go through). */
body.is-readonly #main .card,#dialog fieldset[disabled]{position:relative}
body.is-readonly #main .card::after,#dialog fieldset[disabled]::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;background:rgba(16,24,40,.055);pointer-events:none}
body.is-readonly #main .page-head h1::after,#dialog:has(fieldset[disabled]) .dialog-head h2::after{content:"Chỉ xem";display:inline-block;margin-left:10px;padding:2px 9px;border-radius:999px;background:#eaecf0;color:#475467;font-size:12px;font-weight:600;letter-spacing:0;vertical-align:middle}
