/* One invitation dashboard, sharing the participation panel's layout. */
.invite-section{display:block}
.invitation-dashboard{margin-bottom:0}
.invitation-dashboard .participation-heading p{line-height:1.9}
.invitation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
.invitation-metrics .direct-rate{color:#e7cc94;font-size:44px}
.invitation-metrics .indirect-rate{color:#8bd9e9;font-size:44px}
.invitation-metrics .direct-rate small,.invitation-metrics .indirect-rate small{font-size:20px;color:inherit}
.invitation-empty .button{margin-top:20px;min-height:44px;font-size:13px}
.invitation-dashboard .participation-footnote{line-height:1.9}
@media(max-width:760px){
 .invitation-metrics .direct-rate,.invitation-metrics .indirect-rate{font-size:36px}
 .invitation-metrics .direct-rate small,.invitation-metrics .indirect-rate small{font-size:17px}
 .invitation-empty .button{width:100%;justify-content:center}
}

.invitation-title-row{display:flex;align-items:baseline;gap:22px;min-width:0}
.invitation-title-row h2{flex-shrink:0}
.invitation-dashboard .invitation-title-row p{margin:0;white-space:nowrap;line-height:1.5}
@media(min-width:761px) and (max-width:980px){
 .invitation-title-row{gap:16px}
 .invitation-dashboard .invitation-title-row p{font-size:12px}
}
@media(max-width:760px){
 .invitation-title-row{flex-wrap:wrap;gap:10px 16px}
 .invitation-dashboard .invitation-title-row p{font-size:12px}
}

/* Invitation actions and all-generation IDO statistics. */
.invitation-dashboard .participation-heading{flex-wrap:wrap;gap:22px}
.invitation-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.invitation-actions .button{font-size:13px;min-height:46px;gap:10px;white-space:nowrap;padding-inline:18px}
.invite-copy{border:1px solid #52778d;background:#0b2333;color:#cce4f0;clip-path:none}
.invite-copy:hover:enabled{border-color:#8bd9e9;background:#12354a}
.invitation-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.invitation-metrics dd{font-size:clamp(22px,2.5vw,34px);line-height:1.4;overflow-wrap:anywhere;white-space:normal;font-variant-numeric:tabular-nums}
.invitation-metrics .direct-rate,.invitation-metrics .indirect-rate{font-size:34px}
.invitation-metrics small{display:inline-block}
.invitation-list{margin-top:30px;min-width:0}
.invitation-summary{font-size:12px;color:#9cb8c8;text-align:right;font-variant-numeric:tabular-nums}
.network-caption{margin-top:8px;color:#7f9fb3;font-size:12px}
.generation-filters{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.generation-filters button{font-size:12px;color:#8eafc2;border:1px solid #304f63;min-height:34px;min-width:50px;padding:5px 13px;background:#071b29}
.generation-filters button:hover{border-color:#69bfd5;color:#d4f0f8}
.generation-filters button[aria-pressed="true"]{background:#143d50;border-color:#80d6e9;color:#c4f4ff}
.invitation-table-wrap{overflow-x:auto}
.invitation-table{border-collapse:collapse;width:100%;text-align:left;font-variant-numeric:tabular-nums}
.invitation-table th{color:#89a7ba;font-size:12px;font-weight:400;background:#07172488;padding:14px 16px;border-block:1px solid #2c4c62;white-space:nowrap}
.invitation-table td{padding:18px 16px;font-size:14px;border-bottom:1px solid #28485c88;color:#c5dce9;white-space:nowrap}
.invitation-table th:first-child,.invitation-table td:first-child{padding-left:0;width:100px}
.invitation-table th:last-child,.invitation-table td:last-child{padding-right:0}
.invitation-table th:nth-child(n+3),.invitation-table td:nth-child(n+3){text-align:right}
.invitation-table th span{font-size:10px;margin-left:4px}
.generation-badge{display:inline-block;min-width:44px;text-align:center;padding:3px 9px;border:1px solid #385a70;background:#112b3c;font-size:11px;color:#a8c9dc}
.generation-badge[data-level="1"]{color:#e7cc94;border-color:#75664066;background:#78613914}
.generation-badge[data-level="2"]{color:#8bd9e9;border-color:#4da9bf66;background:#2d718319}
.invite-address{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}
.invitation-list-empty{padding:48px 0;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.invitation-list-empty h4{font-size:17px;margin:8px 0 0}
.invitation-list-empty .button{margin-top:18px}
.invitation-pagination{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-top:22px;color:#9db9cd;font-size:12px}
.invitation-pagination button{padding:7px 12px;border:1px solid #36596f}
.invitation-pagination button:hover:enabled{border-color:#8bd9e9}
.invite-link-fallback{width:100%;padding:12px;background:#071724;color:#c5dce9;border:1px solid #52778d;margin-bottom:20px;font:inherit}
@media(max-width:1180px){
 .invitation-dashboard .invitation-title-row{flex-wrap:wrap;gap:8px 18px}
 .invitation-metrics>div{padding-inline:16px}
}
@media(max-width:760px){
 .invitation-dashboard .participation-heading{display:flex;gap:20px}
 .invitation-actions{margin:0;width:100%;gap:10px}
 .invitation-actions .button{flex:1;font-size:12px;padding-inline:12px;gap:8px}
 .invitation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .invitation-metrics dd,.invitation-metrics .direct-rate,.invitation-metrics .indirect-rate{font-size:29px}
 .invitation-list .participation-panel-heading{align-items:baseline;flex-wrap:wrap;gap:8px}
 .generation-filters{gap:7px;margin:20px 0}
 .generation-filters button{min-width:44px;padding:5px 11px}
 .invitation-table{min-width:420px}
 .invitation-table td,.invitation-table th{padding-inline:12px}
 .invitation-list-empty{min-height:190px}
 .invitation-list-empty h4{font-size:16px}
 .invitation-pagination{justify-content:center}
}
@media(max-width:380px){.invitation-actions .button{font-size:11px;gap:6px;padding-inline:8px}.invitation-actions .button svg{width:17px;height:17px}}