/* MyStudio Licensing: User CP licences, verification page, licence terms on product pages. --ms-* tokens only. */
.ms-lic-muted { color: var(--ms-muted); }
.ms-lic-scroll { overflow-x: auto; }
.ms-lic-table { width: 100%; border-collapse: collapse; }
.ms-lic-table th, .ms-lic-table td { padding: .6rem .75rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--ms-border); }
.ms-lic-key code { display: inline-block; margin: .3rem 0; padding: .2rem .5rem; border-radius: 6px; background: var(--ms-accent-subtle); font-size: .95rem; letter-spacing: .03em; user-select: all; overflow-wrap: anywhere; }
.ms-lic-sites { margin: .5rem 0 0; padding-left: 1.1rem; }
.ms-lic-sites li { margin-bottom: .35rem; overflow-wrap: anywhere; }
.ms-lic-inline { display: inline-flex; flex-wrap: wrap; align-items: center; gap: .35rem; margin: 0; }
.ms-lic-btn { padding: .15rem .6rem; font-size: .85rem; text-decoration: none; }
.ms-lic-media { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: .5rem; }
.ms-lic-tag { display: inline-block; padding: 0 .4rem; border-radius: 999px; font-size: .72rem; background: var(--ms-accent-subtle); color: var(--ms-text); }
.ms-lic-tag-bad { background: rgba(220, 53, 69, .15); }
.ms-lic-badge { display: inline-block; padding: .1rem .55rem; border-radius: 999px; font-size: .78rem; font-weight: 600; white-space: nowrap; background: var(--ms-accent-subtle); color: var(--ms-text); }
.ms-lic-st-active { background: rgba(25, 135, 84, .15); }
.ms-lic-st-suspended { background: rgba(214, 158, 46, .18); }
.ms-lic-st-revoked, .ms-lic-st-expired { background: rgba(220, 53, 69, .14); }
.ms-lic-page { max-width: 640px; margin: 1.5rem auto; padding: 0 16px; }
.ms-lic-body { padding: 1.25rem; }
.ms-lic-verify-form { display: flex; gap: .5rem; margin-bottom: 1rem; }
.ms-lic-verify-form .textbox { flex: 1 1 auto; min-width: 0; text-transform: uppercase; }
.ms-lic-result { display: flex; align-items: center; gap: .5rem; padding: .75rem 1rem; margin-bottom: 1rem; border-radius: 10px; font-weight: 600; border: 1px solid var(--ms-border); }
.ms-lic-result .bi { font-size: 1.4rem; }
.ms-lic-ok .bi { color: #198754; }
.ms-lic-bad .bi { color: #dc3545; }
.ms-lic-table th { width: 35%; color: var(--ms-muted); font-weight: 600; }
.ms-lic-list th { width: auto; }
.ms-lic-terms { margin: .75rem 0; padding: .6rem .8rem; border-radius: 8px; background: var(--ms-accent-subtle); color: var(--ms-text); }
.ms-lic-terms-text { margin-top: .35rem; color: var(--ms-muted); }
@media (max-width: 576px) {
    .ms-lic-page { padding: 0; margin: 1rem auto; }
    .ms-lic-body { padding: 1rem; }
    .ms-lic-table th, .ms-lic-table td { padding: .5rem .4rem; }
}