.activation-default { padding: 20px 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.activation-default h2 { margin:0 0 6px; font-size:15px; }
.activation-default p { margin:0; color:var(--muted); font-size:12px; line-height:1.7; }
.activation-default form { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.activation-default select { min-width:180px; }
.activation-default button, #activation-filter-form button { white-space:nowrap; flex-shrink:0; }
#activation-filter-form .toolbar-fields { flex-wrap:wrap; }
#activation-filter-form input[type="search"] { width:280px; max-width:100%; min-width:160px; }
.activation-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border:1px solid var(--border); border-radius:8px; margin-bottom:24px; }
.activation-stats > div { padding:20px 24px; border-right:1px solid var(--border); }
.activation-stats > div:last-child { border:0; }
.activation-stats span { display:block; color:var(--muted); font-size:12px; margin-bottom:9px; }
.activation-stats strong { font-size:23px; font-weight:600; font-variant-numeric:tabular-nums; }
.activation-code-table { min-width:920px; }
.activation-code-table td { vertical-align:middle; }
.activation-code-output { width:100%; resize:vertical; padding:12px; line-height:1.9; border:1px solid var(--border); border-radius:6px; background:#fff; color:var(--ink); }
.activation-preview { border:1px solid var(--border); border-radius:8px; padding:16px; margin-top:16px; font-size:13px; line-height:1.9; }
.activation-preview h3 { margin:0 0 10px; }
.activation-preview p { margin:8px 0 0; color:var(--muted); font-size:12px; }
.activation-preview .warn { color:#ac6417; }
.activation-validity { color:var(--muted); font-size:12px; margin-top:8px; }
.activation-pagination { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.activation-pagination .actions { display:flex; gap:10px; }
@media(max-width:900px) { .activation-default { flex-direction:column; align-items:stretch; gap:16px; } .activation-default form { flex-wrap:wrap; } .activation-default select { flex:1; min-width:0; } }
@media(max-width:560px) { .activation-stats > div { padding:16px 12px; } .activation-stats strong { font-size:20px; } .activation-default { padding:18px; } }