.activation-code-panel {
    border-color: #b9a6eb;
    background: #f4f0ff;
}

.activation-code-actions {
    width: min(100%, 390px);
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 9px;
}

.activation-code-actions input {
    min-width: 0;
    height: 49px;
    padding: 0 13px;
    border: 1px solid #aa94df;
    border-radius: 10px;
    background: #fff;
    color: #3b237a;
    font: 750 13px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.activation-code-actions .text-button {
    grid-column: 1 / -1;
    justify-self: end;
}

.installation-tracking {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 800px) {
    .activation-code-actions { width: 100%; }
    .installation-tracking { grid-template-columns: 1fr; }
}

@media (max-width: 520px) {
    .activation-code-actions { grid-template-columns: 1fr; }
    .activation-code-actions .text-button { grid-column: auto; justify-self: start; }
}