.client-access { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 14px; border: 1px solid #9cb8d2; border-radius: 8px; color: #edf4ff; text-decoration: none; font: 600 14px/1.3 Arial,sans-serif; white-space: nowrap; }
.client-access:hover { background: #243950; }
.client-access:focus-visible, .access-page a:focus-visible { outline: 3px solid #c4ed80; outline-offset: 4px; }
.detail-nav__links { flex-wrap: wrap; }
.access-page { margin: 0; background: #0c1727; color: #f0f5fb; font: 17px/1.65 Arial,sans-serif; min-height: 100vh; }
.access-page * { box-sizing: border-box; }
.access-page a { color: #a6d9ff; }
.access-page header { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 24px clamp(20px,6vw,90px); border-bottom: 1px solid #304057; }
.access-brand { display: flex; align-items: center; gap: 12px; color: #fff !important; font-weight: 700; letter-spacing: .1em; text-decoration: none; }
.access-brand img { width: 36px; height: 36px; }
.access-page main { width: min(780px,100%); padding: 60px 24px; margin: auto; }
.access-eyebrow { color: #b5e97b; font-size: 13px; letter-spacing: .15em; }
.access-page h1 { font-size: clamp(34px,6vw,56px); line-height: 1.1; margin: 18px 0; }
.access-lead { color: #bbcade; font-size: 21px; }
.access-card { margin-top: 36px; padding: clamp(20px,4vw,32px); border: 1px solid #39506d; border-radius: 18px; background: #15243a; }
.access-card h2 { margin-top: 0; font-size: 24px; }
.access-pending { padding: 16px 20px; border-left: 3px solid #97bfe8; background: #20324c; margin: 24px 0; }
.access-pending p { margin-bottom: 0; }
.access-button { display: inline-flex; justify-content: center; background: #c4ed80; color: #152015 !important; padding: 14px 20px; border-radius: 9px; text-decoration: none; font-weight: 700; }
.access-help { font-size: 15px; color: #c4d2e4; overflow-wrap: anywhere; }
.access-page footer { padding: 24px; text-align: center; color: #a7bbd1; font-size: 14px; }
@media(max-width:580px) { .topbar__actions { gap: 8px; } .topbar__actions .system-state { display:none; } .topbar__actions .client-access { padding: 8px; font-size: 13px; } .access-page main { padding-top: 32px; } }