.suuef-licenses { max-width: 980px; }
.suuef-licenses__header { margin-bottom: 1.5rem; }
.suuef-licenses__header h2 { margin-bottom: .35rem; }
.suuef-licenses__header p { margin: 0; opacity: .78; }

.suuef-license-card { border: 1px solid rgba(0,0,0,.12); border-radius: 12px; padding: 1.35rem; margin: 0 0 1.25rem; background: #fff; }
.suuef-license-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding-bottom: 1rem; border-bottom: 1px solid rgba(0,0,0,.08); }
.suuef-license-card__top h3 { margin: 0 0 .2rem; }
.suuef-license-card__subtitle { margin: 0; font-size: .88rem; opacity: .68; }

.suuef-license-status { border: 1px solid currentColor; border-radius: 999px; padding: .3rem .7rem; font-size: .8rem; font-weight: 600; white-space: nowrap; }
.suuef-license-status--active { background: rgba(0,128,0,.06); }
.suuef-license-status--ready-to-activate,
.suuef-license-status--ready { background: rgba(0,0,0,.035); }

.suuef-license-key-group { margin: 1.15rem 0; }
.suuef-license-label { display: block; margin-bottom: .4rem; font-size: .8rem; font-weight: 600; opacity: .72; }
.suuef-license-key { display: flex; flex-wrap: wrap; align-items: stretch; gap: .5rem; }
.suuef-license-key__value { flex: 1 1 290px; display: flex; align-items: center; min-height: 42px; border: 1px solid rgba(0,0,0,.15); border-radius: 7px; padding: .65rem .8rem; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; overflow-wrap: anywhere; background: rgba(0,0,0,.018); }
.suuef-license-key .button { min-height: 42px; }

.suuef-license-meta { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: .8rem 1.1rem; margin: 1rem 0; }
.suuef-license-meta > div { min-width: 0; }
.suuef-license-meta dt { font-size: .78rem; font-weight: 600; opacity: .68; margin-bottom: .15rem; }
.suuef-license-meta dd { margin: 0; overflow-wrap: anywhere; }
.suuef-license-meta__site { grid-column: 1 / -1; }
.suuef-license-meta code { white-space: normal; overflow-wrap: anywhere; }

.suuef-license-actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.15rem; padding-top: 1rem; border-top: 1px solid rgba(0,0,0,.08); }

@media (max-width: 600px) {
    .suuef-license-card { padding: 1rem; }
    .suuef-license-card__top { display: block; }
    .suuef-license-status { display: inline-block; margin-top: .65rem; }
    .suuef-license-key { align-items: stretch; }
    .suuef-license-key__value { flex-basis: 100%; }
    .suuef-license-key .button { flex: 1 1 calc(50% - .25rem); }
}