/* Card Case: Übersicht bestehender Beta-Freigaben. */
.admin-shell { max-width: 1600px; }
.admin-code-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.admin-code-heading p { margin: 0; color: #c2c8de; line-height: 1.6; }
.admin-code-refresh, .admin-code-clear { display: inline-flex; align-items: center; min-height: 44px; color: #dbccff; font-weight: 700; text-decoration: none; }
.admin-code-refresh { flex: 0 0 auto; padding: 9px 14px; border: 1px solid #9b80d967; border-radius: 10px; background: #1e2745; }
.admin-code-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 26px 0; }
.admin-code-stat { --status-color: #cdb7ff; display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 20px; border: 1px solid #ffffff29; border-radius: 14px; background: #0d152a; color: #f8f9ff; text-decoration: none; }
.admin-code-stat--active { --status-color: #72e4b3; }
.admin-code-stat--pending { --status-color: #ffdb8f; }
.admin-code-stat--revoked { --status-color: #ffadc8; }
.admin-code-stat.is-selected { border-color: var(--status-color); box-shadow: inset 0 0 0 1px var(--status-color); background: #19213b; }
.admin-code-stat:hover { background: #1b2540; }
.admin-code-stat-title { display: flex; align-items: center; gap: 8px; color: var(--status-color); font-weight: 750; line-height: 1.35; }
.admin-code-dot { display: inline-block; width: 8px; height: 8px; flex: 0 0 8px; border-radius: 50%; background: currentColor; }
.admin-code-stat strong { font-size: 2.3rem; font-weight: 800; letter-spacing: -.04em; line-height: 1.15; }
.admin-code-stat-detail { color: #b7c3dd; font-size: .86rem; line-height: 1.45; }
.admin-code-create { margin: 0 0 22px; border: 1px solid #a37cf45e; border-radius: 12px; background: #111a30; }
.admin-code-create > summary, .admin-code-actions > summary { min-height: 44px; cursor: pointer; font-weight: 750; }
.admin-code-create > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 15px 18px; color: #e1caff; }
.admin-code-create > summary::marker, .admin-code-actions > summary::marker { content: ''; }
.admin-code-create > summary::-webkit-details-marker, .admin-code-actions > summary::-webkit-details-marker { display: none; }
html.cc-admin-steady { scroll-behavior: auto; overflow-anchor: none; }
.admin-code-create-content { padding: 0 18px 18px; min-height: 280px; box-sizing: border-box; }
.admin-code-create-content p { margin: 0 0 14px; }
.admin-code-create-content .admin-new-code { margin: 8px 0 18px; }
.admin-code-create-content p { color: #c2c8de; line-height: 1.55; }
.admin-codes .admin-create { max-width: 850px; grid-template-columns: minmax(0, 1fr) auto; align-items: end; margin-top: 16px; }
.admin-codes .admin-create button { min-height: 48px; }
.admin-card .admin-code-filters { grid-template-columns: minmax(240px, 1fr) minmax(190px, 235px) auto auto; align-items: end; gap: 14px; margin: 25px 0; }
.admin-codes .admin-code-filters input, .admin-codes .admin-code-filters select { box-sizing: border-box; font: inherit; }
.admin-code-filters select { width: 100%; min-height: 48px; padding: 12px 14px; color: #f8f9ff; background: #080e23; border: 1px solid #a878f470; border-radius: 10px; color-scheme: dark; }
.admin-code-filters option { color: #f8f9ff; background: #080e23; }
.admin-code-filters button { min-height: 48px; }
.admin-code-clear { padding: 10px 4px; min-height: 48px; box-sizing: border-box; }
.admin-code-list-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin: 28px 0 15px; }
.admin-code-list-heading h3 { margin: 0; font-size: 1.15rem; }
.admin-code-list-heading h3 span { display: inline-block; margin-left: 7px; padding: 3px 8px; color: #dbccff; font-size: .85rem; background: #27304b; border-radius: 6px; }
.admin-code-list-heading p { margin: 0; color: #b7c3dd; font-size: .83rem; }
.admin-code-table-scroll { overflow-x: auto; border: 1px solid #ffffff25; border-radius: 14px; }
.admin-code-table { width: 100%; border-collapse: collapse; text-align: left; font-size: .93rem; }
.admin-code-table th { padding: 16px 18px; background: #1d2842; color: #c2c8de; font-size: .77rem; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }
.admin-code-table td { padding: 18px; vertical-align: top; background: #0d152a; border-top: 1px solid #ffffff16; }
.admin-code-table tbody tr:hover td { background: #141f36; }
.admin-code-table td:first-child { border-left: 3px solid #8578aa; }
.admin-code-table .admin-code-row--active td:first-child { border-left-color: #72e4b3; }
.admin-code-table .admin-code-row--pending td:first-child { border-left-color: #ffdb8f; }
.admin-code-table .admin-code-row--revoked td:first-child { border-left-color: #ffadc8; }
.admin-code-person { display: block; overflow-wrap: anywhere; max-width: 28ch; font-size: 1rem; line-height: 1.45; }
.admin-code-reference { display: block; margin-top: 5px; color: #b7c3dd; font-size: .75rem; }
.admin-code-badge { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid #ffffff29; border-radius: 8px; font-size: .8rem; font-weight: 750; white-space: nowrap; }
.admin-code-badge--active { color: #72e4b3; background: #122e29; border-color: #72e4b342; }
.admin-code-badge--pending { color: #ffdb8f; background: #352d1e; border-color: #ffdb8f42; }
.admin-code-badge--revoked { color: #ffadc8; background: #362334; border-color: #ffadc842; }
.admin-code-table time { color: #e0e5f7; display: inline-block; padding-top: 7px; white-space: nowrap; font-size: .86rem; }
.admin-code-muted { display: inline-block; color: #b7c3dd; font-size: .82rem; line-height: 1.45; padding-top: 7px; }
.admin-code-actions { min-width: 125px; }
.admin-code-actions > summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 9px 12px; box-sizing: border-box; color: #e9eaff; background: #202c49; border: 1px solid #ffffff36; border-radius: 9px; }
.admin-code-actions .admin-actions { display: grid; gap: 8px; margin-top: 10px; }
.admin-codes .admin-code-actions button { width: 100%; text-align: left; padding: 10px 12px; font-size: .8rem; background: #202c49; border: 1px solid #ffffff36; }
.admin-codes .admin-code-actions .admin-code-delete { color: #ffb3cc; border-color: #ffadc842; background: #362334; }
.admin-code-empty { padding: 32px 20px; text-align: center; background: #0d152a; border: 1px dashed #a1afd349; border-radius: 12px; }
.admin-code-empty p { margin-bottom: 0; color: #b7c3dd; }
.admin-code-pagination { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 18px; font-size: .86rem; color: #c2c8de; }
.admin-code-pagination > div { display: flex; gap: 10px; }
.admin-code-pagination a { display: inline-flex; align-items: center; padding: 10px 14px; min-height: 44px; box-sizing: border-box; background: #202c49; border: 1px solid #ffffff36; border-radius: 9px; color: #e9eaff; font-weight: 750; text-decoration: none; }
.admin-codes a:focus-visible, .admin-codes summary:focus-visible, .admin-codes select:focus-visible, .admin-code-table-scroll:focus-visible { outline: 2px solid #73c0ff; outline-offset: 3px; }
@media (max-width: 1150px) {
    .admin-code-stat { padding: 16px; }
    .admin-card .admin-code-filters { grid-template-columns: minmax(0, 1fr) minmax(190px, 235px); }
    .admin-code-list-heading { flex-direction: column; gap: 8px; }
    .admin-code-table th, .admin-code-table td { padding: 14px 12px; }
}
@media (max-width: 850px) {
    .admin-code-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-code-heading { flex-direction: column; gap: 16px; }
}
@media (max-width: 650px) {
    .admin-code-create-content { min-height: 380px; }
    .admin-code-stat { padding: 14px 12px; }
    .admin-code-stat-title { font-size: .85rem; }
    .admin-code-stat strong { font-size: 1.9rem; }
    .admin-code-stat-detail { font-size: .76rem; }
    .admin-card .admin-code-filters, .admin-codes .admin-create { grid-template-columns: minmax(0, 1fr); }
    .admin-code-pagination { flex-wrap: wrap; }
    .admin-code-table, .admin-code-table tbody, .admin-code-table tr, .admin-code-table td { display: block; }
    .admin-code-table thead { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .admin-code-table tr { border-bottom: 1px solid #ffffff30; }
    .admin-code-table tr:last-child { border-bottom: 0; }
    .admin-code-table td { border: 0; padding: 9px 15px; }
    .admin-code-table td:first-child { padding-top: 18px; border-left-width: 3px; border-left-style: solid; }
    .admin-code-table td:last-child { padding-bottom: 18px; }
    .admin-code-table td[data-label="Erstellt"]::before, .admin-code-table td[data-label="Zuletzt verwendet"]::before { content: attr(data-label) ': '; color: #b7c3dd; font-size: .82rem; }
    .admin-code-table time, .admin-code-muted { padding-top: 0; }
    .admin-code-actions .admin-actions { display: flex; flex-wrap: wrap; }
}