/* Customer identity is supplied by the server after a confirmed paid ticket. */
.customer-gem{display:block;width:24px;height:24px;flex:none;filter:drop-shadow(0 1px 3px #0008)}
.user.user--customer{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;color:#ede7d6;border-color:#81704b;background:linear-gradient(135deg,#30291a,#13120d 70%);box-shadow:inset 0 1px #fff2c91a,0 0 16px #c9982114}
.user.user--customer:hover,.user.user--customer[aria-expanded="true"]{border-color:#d4b365;background:linear-gradient(135deg,#3a301c,#19160e)}
.customer-button-label{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#f4d996}
.customer-button-divider{width:1px;height:14px;background:#796b44;flex:none}
.customer-user-name{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-credit-count{display:inline-flex;gap:4px;align-items:center;font-size:11px;color:#d0bc82}
.customer-button-chevron{width:6px;height:6px;border-right:1px solid #cbb576;border-bottom:1px solid #cbb576;transform:rotate(45deg);margin:0 2px 3px 3px;flex:none}
.account-menu--customer{border-color:#766644;background:linear-gradient(145deg,#252116,#0c0d0b 70%)}
.account-menu-customer{display:flex;align-items:center;gap:13px;padding:15px 10px 18px;margin-bottom:6px;border-bottom:1px solid #5c4b2b}
.account-menu-customer[hidden],.customer-profile-banner[hidden],#customerRoleRow[hidden],#customerManagement[hidden],#customerPurchasePanel[hidden],[data-action="customers"][hidden]{display:none!important}
.customer-seal{display:grid;place-items:center;width:52px;height:52px;flex:none;border:1px solid #9e8247;border-radius:50%;background:radial-gradient(circle at 35% 20%,#514229,#1b190f 70%);box-shadow:inset 0 0 0 4px #08090655,0 4px 14px #0005}
.customer-seal .customer-gem{width:36px;height:36px}
.account-menu-customer small,.customer-profile-copy>small{color:#b5a171;font-size:8px;letter-spacing:2px}
.account-menu-customer strong{display:block;margin-top:4px;color:#f8dfa0;font-size:17px}
.account-menu-customer p{margin:4px 0 0;color:#b4ac98;font-size:11px;line-height:1.5}
.account-panel--customer{border-color:#77603a;background:radial-gradient(ellipse at 95% 0%,#4a381a45,transparent 50%),#0c0c0b}
.customer-profile-banner{display:flex;align-items:center;gap:20px;padding:24px;margin:0 0 26px;border:1px solid #806437;border-radius:12px;background:linear-gradient(115deg,#352a17,#1b190f 55%,#10110d);box-shadow:inset 0 1px #f3dc9d18}
.customer-profile-banner .customer-seal{width:68px;height:68px}.customer-profile-banner .customer-gem{width:46px;height:46px}
.customer-profile-copy{min-width:0}.customer-profile-copy h2{margin:6px 0;color:#f7dda0;font-size:25px}.customer-profile-copy p{margin:0;color:#bfb6a0;font-size:13px;line-height:1.6}
.customer-confirmed-tag{margin-left:auto;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #76623c;border-radius:999px;color:#dfcb95;font-size:11px;white-space:nowrap}
.customer-confirmed-tag::before{content:"";width:8px;height:4px;border-left:2px solid #e7ca72;border-bottom:2px solid #e7ca72;transform:rotate(-45deg);margin-top:-3px}
.stats .customer-role-value{color:#e4c780}
.customer-management{margin-top:24px;border-color:#74613a!important}.customer-management h2{margin-top:0;color:#f3d78c;font-size:23px}.customer-management>p,.customer-management small{color:#b4ad9d;line-height:1.65}
.customer-search-row{display:flex;gap:10px;align-items:end}.customer-search-row label{flex:1;min-width:0}.customer-management label{display:grid;gap:8px;font-size:13px;margin:15px 0}.customer-management input:not([type="checkbox"]){width:100%;padding:12px;border:1px solid #4e442d;background:#10110d;color:#eee6d2;border-radius:8px}
.customer-search-row .btn{margin-bottom:15px;flex:none}.customer-management .btn{cursor:pointer;font-size:13px}.customer-management button:disabled{opacity:.55;cursor:wait}
.customer-results{display:grid;gap:8px;margin:15px 0}.customer-result{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:13px;border:1px solid #4a4028;border-radius:9px;background:#15150e;color:#ebe5d8;cursor:pointer}.customer-result[aria-pressed="true"]{border-color:#d4ac4c;background:#292315}.customer-result span{font-size:12px;color:#c0ae7c}.customer-result b{overflow-wrap:anywhere}
.customer-purchase-panel{margin-top:20px;padding-top:20px;border-top:1px solid #514226}.customer-purchase-panel h3{font-size:18px;margin:0;color:#f3dfae}.customer-management .customer-payment-check{display:flex;align-items:start;gap:10px;line-height:1.6}.customer-payment-check input{margin-top:4px;accent-color:#e1b64b;width:16px;height:16px;flex:none}
.customer-purchases{display:grid;gap:8px;margin-top:20px}.customer-purchase{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid #383021}.customer-purchase div{min-width:0}.customer-purchase b{display:block;overflow-wrap:anywhere;font-size:13px}.customer-purchase small{font-size:11px}.customer-purchase button{padding:8px 11px;border:1px solid #6e562e;border-radius:7px;background:#1a160e;color:#e5c982;cursor:pointer;font-size:12px;flex:none}
.customer-management{scroll-margin-top:100px}.customer-search-row .btn{background:#211b0e;color:#f2d48c;border-color:#8b7039}
.customer-revoke-action{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:400px}.customer-revoke-action small{flex-basis:100%;line-height:1.5}
.customer-management :is(input,button):focus-visible{outline:2px solid #f4d785;outline-offset:3px}.customer-status{color:#e2c782!important;min-height:1.5em;font-size:13px}
@media(max-width:850px){.user.user--customer{display:inline-flex}.customer-user-name{max-width:85px}.customer-credit-count{display:none}.customer-profile-banner{flex-wrap:wrap}.customer-confirmed-tag{margin-left:88px}}
@media(max-width:600px){.user.user--customer{gap:5px;padding:7px 9px}.customer-button-label{font-size:9px;letter-spacing:.5px}.customer-profile-banner{display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;padding:18px}.customer-profile-banner .customer-seal{width:48px;height:48px}.customer-profile-banner .customer-gem{width:32px;height:32px}.customer-profile-copy h2{font-size:20px}.customer-profile-copy p{font-size:12px}.customer-confirmed-tag{grid-column:2;margin:0;justify-self:start;white-space:normal}.customer-search-row{display:block}.customer-search-row .btn{margin-bottom:0}.customer-purchase{align-items:start;flex-wrap:wrap}}

.customer-selected-balance{display:flex;align-items:center;gap:5px;font-size:13px;color:#c6b68c}
.customer-selected-balance strong{color:#f5d477}.customer-credit-help{font-size:12px;color:#b4ad9d;line-height:1.65}
.customer-management .customer-history-title{margin-top:28px;font-size:17px}
.customer-purchase-info{flex:1;min-width:0}.customer-purchase-status{display:block;margin:5px 0}
.customer-credit-summary{display:flex;align-items:baseline;gap:5px;color:#f1cf79;font-size:15px;margin:8px 0}.customer-credit-summary strong{font-size:20px}.customer-credit-summary.is-empty{font-size:12px;color:#b4ad9d}
.customer-purchase-dates{display:grid;gap:5px;margin-top:8px;font-size:12px;color:#b4ad9d}.customer-purchase-dates div{display:flex;gap:6px;flex-wrap:wrap}.customer-purchase-dates time{color:#ddd2b7}
.customer-history{margin:24px 0;border-color:#74613a!important;scroll-margin-top:100px}.customer-history h2{color:#f3d78c;margin-top:0}.customer-history>p{color:#b4ad9d;line-height:1.65}.customer-history[hidden],#purchaseHistoryMore[hidden]{display:none!important}
.customer-history .btn{background:#211b0e;color:#f2d48c;border-color:#8b7039;cursor:pointer}
.customer-purchase{align-items:flex-start}.customer-purchase-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end;max-width:350px}.customer-purchase-actions small{line-height:1.5}
.customer-purchase-actions .customer-revoke-action{max-width:100%}.customer-management input[readonly]{opacity:.75}
.customer-management .btn:not(.primary){background:#211b0e;color:#f2d48c;border-color:#8b7039}
@media(max-width:600px){.customer-purchase-actions{align-items:flex-start;max-width:100%;width:100%}.customer-revoke-action{justify-content:flex-start}}

/* Tester identity is separate from permissions, purchases and billing. */
.tester-wrench{display:block;width:24px;height:24px;flex:none;filter:drop-shadow(0 1px 2px #0009) drop-shadow(0 0 5px #d6ab4933)}
.user.user--tester{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;color:#eee4c8;border:1px solid #af8734;background:linear-gradient(135deg,#3b2e14,#16130b 75%);box-shadow:inset 0 1px #fff3c92b,0 0 18px #e0aa261c}
.user.user--tester:hover,.user.user--tester[aria-expanded="true"]{border-color:#edc76e;background:linear-gradient(135deg,#473719,#20190c)}
.tester-button-label{text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:1.2px;color:#f7d780}
.account-menu--tester{border-color:#9b7732;background:linear-gradient(145deg,#2d2412,#0c0d0b 70%)}
.account-menu-tester{display:flex;align-items:center;gap:13px;padding:15px 10px 18px;margin-bottom:6px;border-bottom:1px solid #665022}
.tester-seal{display:grid;place-items:center;width:52px;height:52px;flex:none;border:1px solid #b89245;border-radius:50%;background:radial-gradient(circle at 30% 20%,#675023,#211a0d 70%);box-shadow:inset 0 0 0 4px #08090655,0 4px 14px #0005}
.tester-seal .tester-wrench{width:36px;height:36px}
.account-menu-tester small,.tester-profile-banner small{color:#c8aa63;font-size:8px;letter-spacing:2px}
.account-menu-tester strong{display:block;margin-top:4px;color:#ffe3a2;font-size:17px}.account-menu-tester p{margin:4px 0 0;color:#c4b99f;font-size:11px;line-height:1.5}
.account-panel--tester{border-color:#977538;background:radial-gradient(ellipse at 95% 0%,#5b421d45,transparent 50%),#0c0c0b}
.tester-profile-banner{display:flex;align-items:center;gap:20px;padding:24px;margin-bottom:26px;border:1px solid #967135;border-radius:12px;background:linear-gradient(115deg,#3d2e14,#1d190d 55%,#10110d)}
.tester-profile-banner h2{margin:6px 0;color:#f7d788;font-size:25px}.tester-profile-banner p{margin:0;color:#c5bba5;font-size:13px;line-height:1.6}.tester-profile-banner .tester-seal{width:68px;height:68px}.tester-profile-banner .tester-wrench{width:46px;height:46px}
.plan--tester{display:inline-flex;align-items:center;gap:8px;color:#f7d788!important;border-color:#95743a!important;text-transform:uppercase}.tester-role-value{color:#e7c16e}
.tester-management{margin:20px 0;padding:18px;border:1px solid #74602f;border-radius:10px;background:#1b180e}.tester-management p{font-size:13px;line-height:1.6}.tester-management form{margin-top:22px;padding-top:18px;border-top:1px solid #594924}.tester-grants p{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:12px;color:#cdbd95;border-bottom:1px solid #403622;padding:10px 0}.tester-grants strong{overflow-wrap:anywhere}
.account-menu-tester[hidden],.tester-profile-banner[hidden],#testerRoleRow[hidden],#testerManagement[hidden],#testerCreditsForm[hidden]{display:none!important}
@media(max-width:600px){.user.user--tester{gap:5px;padding:7px 9px}.tester-button-label{font-size:9px;letter-spacing:.5px}.tester-profile-banner{gap:12px;padding:18px;align-items:flex-start}.tester-profile-banner .tester-seal{width:48px;height:48px}.tester-profile-banner .tester-wrench{width:32px;height:32px}.tester-profile-banner h2{font-size:20px}.tester-profile-banner p{font-size:12px}}

[data-action="members"][hidden]{display:none!important}
