.access-page{max-width:1080px;margin:44px auto;padding:0 24px 60px}.access-page h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.12;margin:12px 0 18px}.access-lead{max-width:720px;font-size:1.15rem;line-height:1.6;color:#515b6b}.access-card{border:1px solid #dce2eb;border-radius:18px;background:#fff;padding:26px;margin:24px 0}.access-card h2{font-size:1.35rem;margin:0 0 16px}.access-card p,.access-card li{line-height:1.6}.access-card li{margin:10px 0}.access-card label{display:block;font-weight:600;margin:18px 0 8px}.access-form-row,.access-heading{display:flex;align-items:center;gap:14px}.access-heading{justify-content:space-between}.access-form-row input{flex:1;min-width:0}.access-form-row button{flex-shrink:0}.access-card input,.access-card textarea{box-sizing:border-box;width:100%}.access-card textarea{font:inherit;line-height:1.5}.access-table-scroll{overflow-x:auto}.access-table{border-collapse:collapse;width:100%;text-align:left;font-size:.9rem}.access-table th,.access-table td{padding:16px 10px;border-bottom:1px solid #e8ebf1;vertical-align:top}.access-table th{color:#515b6b;font-weight:600;white-space:nowrap}.access-table td:first-child{max-width:240px;overflow-wrap:anywhere}.access-table td small{display:block;color:#687180;margin-top:5px}.access-table button{font-size:.8rem;padding:8px 12px;margin:0 4px 6px 0}.access-table .danger-button{color:#a42121}.access-pill{display:inline-block;padding:4px 9px;border-radius:20px;background:#eef2ff;color:#2447a0;white-space:nowrap}.access-pill.ended{background:#f2f3f5;color:#596170}#createdInvite{border-top:1px solid #dce2eb;margin-top:22px;padding-top:6px}#accessNotice:empty{display:none}#accessNotice{padding:14px 18px;border-radius:10px;background:#eef2ff}#accessNotice.error,#activationMessage.error{color:#a42121}.activation-page{max-width:730px}#activationMessage{min-height:1.5em}.pilot-banner{margin:14px auto;max-width:1080px;padding:14px 22px;box-sizing:border-box;border-radius:12px;background:#eef2ff;color:#344368;font-size:.9rem;line-height:1.5}.pilot-banner strong{display:block}.app-nav a{font-size:.9rem;white-space:nowrap;color:inherit;padding:8px;text-decoration:none}.app-nav a:hover{text-decoration:underline}@media(max-width:650px){.access-page{margin-top:28px;padding:0 16px 40px}.access-card{padding:20px 16px}.access-form-row{align-items:stretch;flex-direction:column}.access-page .app-header{gap:12px}.pilot-banner{margin:12px 16px}.access-table th,.access-table td{padding:12px 8px}}

.beta-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.beta-metric{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:12px;background:#f5f7fc}.beta-metric>span{font-size:12px;color:#515b6b}.beta-metric strong{font-size:28px;line-height:1.2}.beta-metric small{font-size:11px;color:#616778;line-height:1.6}.beta-request{border-top:1px solid #e0e4ef;padding:22px 0}.beta-request h3{font-size:18px;margin:0}.beta-message{white-space:pre-wrap;overflow-wrap:anywhere}.beta-request .small{overflow-wrap:anywhere}.beta-request .support-note{background:#f0f3ff;padding:12px;border-radius:10px}.access-card select{font:inherit;padding:8px;border:1px solid #cbd2de;border-radius:8px}@media(max-width:760px){.beta-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){.beta-metrics{grid-template-columns:1fr}.access-heading{flex-wrap:wrap}}

/* Usage is secondary account information, not an alert. */
.pilot-banner{background:transparent;color:#596170;padding:0 22px;margin:10px auto;font-size:.875rem}
.pilot-banner summary{cursor:pointer;width:fit-content;max-width:100%;padding:7px 0;line-height:1.5}
.pilot-banner summary:hover{color:#2454d6}
.pilot-banner summary:focus-visible{outline:2px solid #2454d6;outline-offset:4px;border-radius:4px}
.pilot-banner details[open]{padding-bottom:8px}
.pilot-banner p{max-width:640px;margin:6px 0;line-height:1.6}
@media(max-width:650px){.pilot-banner{padding:0;margin:8px 16px}}

/* Each client and invitation becomes a readable card on phones. */
@media(max-width:700px){
 .access-admin .app-header{flex-wrap:wrap;padding:18px 20px;gap:12px}
 .access-admin .app-header>a:not(.brand){font-size:14px}
 .access-page{min-width:0;padding:0 14px 40px}
 .access-card{min-width:0;padding:20px 16px}
 .access-heading{flex-direction:column;align-items:stretch;gap:12px}
 .access-heading h2{margin-bottom:0}
 .access-heading label{margin:0}
 .access-heading select{display:block;width:100%;margin-top:6px;min-height:44px;font-size:16px}
 .access-heading button,.access-form-row button,#copyInvite{min-height:44px;font-size:16px;border:1px solid #d6deed;border-radius:10px;padding:10px 14px}
 .access-form-row{flex-direction:column;align-items:stretch}
 .access-card input,.access-card textarea{font-size:16px;min-width:0}
 .access-card p,.access-card li,#accessNotice{overflow-wrap:anywhere}
 .access-card .small{font-size:14px;line-height:1.55}
 .access-table-scroll{overflow:visible}
 .access-table,.access-table tbody{display:block;width:100%;min-width:0}
 .access-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .access-table tr{display:block;border:1px solid #dce2eb;border-radius:12px;padding:8px 16px;margin:16px 0;background:#fafbfe}
 .access-table td,.access-table td:first-child{display:block;width:100%;max-width:none;padding:12px 0;border-bottom:1px solid #e5eaf2;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
 .access-table td::before{content:attr(data-label);display:block;font-size:13px;font-weight:650;color:#596679;margin-bottom:6px}
 .access-table td:first-child{font-weight:600}
 .access-table td small{font-size:14px;font-weight:400;line-height:1.5;margin-top:6px}
 .access-table td:last-child{border-bottom:0}
 .access-table .access-actions:empty{display:none}
 .access-table button{display:block;width:100%;min-height:44px;margin:8px 0 0;padding:10px 12px;font-size:16px;border:1px solid #cdd8ec;border-radius:9px;background:white;text-align:center;white-space:normal;line-height:1.4}
 .access-table .danger-button{border-color:#eccdcd;background:#fff9f9}
 .access-pill{white-space:normal;max-width:100%;font-size:14px}
 .beta-metric{min-width:0;padding:14px}
 .beta-metric>span,.beta-metric small{font-size:13px;overflow-wrap:anywhere}
}