[data-testid="event-receipt-access-admin"] { max-width: 1120px; padding: 24px; border: 1px solid #e2e8f0; }
[data-testid="event-receipt-access-admin"] > div:first-child h2 { font-size: 18px; line-height: 1.6; }
[data-testid="event-receipt-access-admin"] > input { height: 48px; font-size: 16px; border-radius: 10px; }
.ww-receipt-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 16px; }
.ww-receipt-cards > .ww-receipt-card { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 16px; margin: 0; padding: 20px; border: 1px solid #ddc68b; border-radius: 18px; background: linear-gradient(145deg, #fffcf2, #fff); box-shadow: 0 4px 14px #17212a08; min-width: 0; }
.ww-receipt-member { position: relative; padding-top: 62px; overflow-wrap: anywhere; }
.ww-receipt-member::before { content: attr(data-initials); position: absolute; top: 0; left: 0; width: 48px; height: 48px; display: grid; place-items: center; background: #1b211d; color: #f2d77e; border: 1px solid #b99b50; border-radius: 12px; font-size: 18px; font-weight: 900; }
.ww-receipt-member > p:first-child { font-size: 20px; line-height: 1.5; }
.ww-receipt-member > p:nth-child(2) { margin-top: 4px; }
.ww-receipt-member > p:nth-child(3) { margin-top: 12px; }
.ww-receipt-member::after { content: attr(data-period); display: block; margin-top: 18px; padding-top: 14px; border-top: 1px solid #e9ddbd; color: #51431e; font-size: 13px; font-weight: 800; }
.ww-receipt-card > .ww-receipt-grant { margin-top: auto; width: 100%; height: auto; min-height: 48px; white-space: normal; padding: 12px 14px; border-radius: 9px; background: #bd1435; color: white; font-size: 13px; font-weight: 800; line-height: 1.6; cursor: pointer; }
.ww-receipt-card > .ww-receipt-grant:hover { background: #9e0b28; }
.ww-receipt-card > .ww-receipt-grant:disabled { opacity: .5; cursor: wait; }
.ww-receipt-card > .ww-receipt-grant:focus-visible { outline: 3px solid #ca9b28; outline-offset: 3px; }
.ww-receipt-card > .ww-receipt-allowed { display: grid; place-items: center; margin-top: auto; min-height: 48px; border-radius: 9px; border: 1px solid #b2ddca; background: #edf8f2; color: #18613e; font-size: 13px; line-height: 1.6; }
@media (max-width: 480px) { [data-testid="event-receipt-access-admin"] { padding: 16px; } .ww-receipt-cards > .ww-receipt-card { padding: 18px; } }