/* Production access and membership controls, using the reader's existing palette. */
.cloud-strip{min-height:29px;display:flex;align-items:center;justify-content:center;gap:9px;padding:6px 16px;background:var(--deep);color:#d5e5e9;font-size:10px;line-height:1.5}
.access-page{min-height:100svh;display:grid;place-items:center;padding:40px 22px;background:var(--mist)}
.access-card{width:min(100%,560px);padding:42px;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:0 12px 50px #173a4907}
.access-card h1{margin:20px 0;font:500 30px/1.4 var(--script);color:var(--ink)}
.access-card>p{line-height:1.95;color:#627d87}
.access-person{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 0;margin:22px 0;border-block:1px solid var(--line);overflow-wrap:anywhere}
.access-person span{flex:none;color:var(--teal);font-size:12px}
.access-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.access-error{color:#a34b45!important}
.members-panel{margin-bottom:48px;padding-bottom:36px;border-bottom:1px solid #cedcdf}
.members-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.members-heading h2{font-size:27px;font-weight:550;letter-spacing:.01em;margin:10px 0 16px}
.members-total{color:#587681;font-size:12px;line-height:1.8;font-variant-numeric:tabular-nums}
.member-verification-note{max-width:840px;color:#69818a;font-size:12px;line-height:1.95;margin:0 0 22px}
.member-filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,220px);gap:16px;margin-bottom:20px}
.member-filters label,.member-role{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:550}
.member-filters input,.member-filters select,.member-role select{width:100%;min-height:44px;border:1px solid #ced9dd;background:#fff;color:var(--text);padding:10px 12px}
.members-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.member-card{min-width:0;padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
.member-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.member-card-head>div{min-width:0;display:grid;gap:5px;overflow-wrap:anywhere}
.member-card-head strong{font-size:16px;font-weight:600}
.member-account-id{display:block;overflow-wrap:anywhere;color:#7c919a;font-size:10px;line-height:1.8;margin-bottom:16px;user-select:text}
.member-card .small{margin:12px 0 0}
.member-role{margin-bottom:8px}
.member-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.member-card-actions .btn{font-size:12px;flex:1;min-width:120px}
.member-registered{font-size:11px;color:#6b858e;line-height:1.8;margin:0 0 18px}
.member-card-actions .member-block{color:#925954;border-color:#ddc5c1}
.member-state-approved{background:#e7f2ee;border-color:#cbded6;color:#3f7064}
.member-state-revoked{background:#f2e7e6;border-color:#e8ceca;color:#925954}
.cloud-update-prompt{position:fixed;right:22px;bottom:calc(85px + env(safe-area-inset-bottom));z-index:60;max-width:calc(100vw - 32px);min-height:44px;padding:12px 18px;border:1px solid #427a7a;border-radius:8px;background:#fffefc;color:#245a60;box-shadow:0 8px 25px #173a491c;font-size:12px;line-height:1.6}
[aria-busy="true"]{cursor:progress}
.privacy-summary .small{font-size:11px}
@media(max-width:720px){
  .cloud-strip{font-size:9px;gap:6px;padding:5px 12px;min-height:26px}
  .access-page{align-items:start;padding:44px 18px}
  .access-card{padding:28px 24px}
  .access-card h1{font-size:26px}
  .access-actions{flex-direction:column}
  .access-actions .btn{width:100%}
  .access-person{align-items:flex-start}
  .members-panel{margin-bottom:34px;padding-bottom:28px}
  .members-heading{display:block}
  .members-heading h2{font-size:25px;margin-bottom:8px}
  .members-total{display:block;margin-bottom:18px;font-size:11px}
  .member-verification-note{font-size:11px}
  .member-filters{grid-template-columns:minmax(0,1fr) 125px;gap:10px}
  .member-filters label,.member-role{font-size:11px}
  .member-filters input,.member-filters select,.member-role select{font-size:16px;min-height:46px}
  .members-list{grid-template-columns:1fr;gap:12px}
  .member-card{padding:19px}
  .member-card-actions .btn{min-height:46px}
  .cloud-update-prompt{right:16px;left:16px;bottom:calc(78px + env(safe-area-inset-bottom));width:calc(100% - 32px);max-width:none}
}
@media(max-width:360px){.member-filters{grid-template-columns:1fr}.access-person{display:grid}}
@media print{.cloud-strip,.cloud-update-prompt{display:none!important}}
