.access-shell { display: grid; gap: 24px; max-width: 1150px; margin: 0 auto; }
.access-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.access-summary > div { display: grid; gap: 8px; padding: 20px; border: 1px solid var(--line); background: var(--surface); border-radius: var(--r-md); }
.access-summary span { color: var(--muted); font-size: 13px; }
.access-summary strong { font-size: 30px; line-height: 1; }
.access-catalog { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.access-resource, .access-request, .access-request-form { padding: 24px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow-1); }
.access-resource { display: flex; flex-direction: column; align-items: start; gap: 12px; }
.access-resource p { flex: 1; margin: 0; }
.access-shell h1, .access-shell h2 { margin: 0; }
.access-shell h2 { font-size: 18px; }
.access-request-form:not([hidden]), .access-request-list, .access-actions { display: grid; gap: 16px; }
.access-request { overflow-wrap: anywhere; }
.access-purpose, .access-review-note { white-space: pre-wrap; }
.access-review-note { border-left: 3px solid var(--line); padding-left: 14px; }
.access-state { padding: 6px 10px; font-size: 12px; background: var(--surface-2); border-radius: 20px; }
.access-state[data-state=active] { color: var(--run); }
.access-state[data-state=needs_review], .access-state[data-state=revoking] { color: var(--danger); }
.access-notice { border: 1px solid var(--warn); border-radius: var(--r-md); padding: 16px; }
@media (max-width: 650px) { .access-catalog { grid-template-columns: 1fr; } .access-summary > div { padding: 12px; } .access-resource, .access-request, .access-request-form { padding: 18px; } }