.public-access-panel { margin-top:18px; border:1px solid #d7e1ee; border-radius:12px; padding:18px; display:grid; gap:12px; background:#fbfdff; }
.public-access-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.public-access-heading h3 { margin:0; }
.status-badge { border-radius:999px; padding:6px 10px; background:#e8eef5; color:#35506f; font-size:.85rem; font-weight:700; }
.status-badge.active { background:#dff3e7; color:#24613d; }
.status-badge.pending { background:#fff0cf; color:#76530c; }
.status-badge.error { background:#f9dfdf; color:#8c3030; }
.public-access-status { display:grid; gap:7px; margin:0; }
.public-access-status div { display:grid; grid-template-columns:minmax(135px, 1fr) 2fr; gap:10px; }
.public-access-status dt { color:#627086; }
.public-access-status dd { margin:0; overflow-wrap:anywhere; }
.public-access-actions { display:flex; flex-wrap:wrap; gap:10px; }
.temporary-access { display:grid; gap:5px; border-top:1px solid #e1e8f0; padding-top:12px; }
@media (max-width:650px) { .public-access-status div { grid-template-columns:1fr; gap:2px; }.public-access-actions { display:grid; }.public-access-actions button { width:100%; } }