.access-associations-card { display: grid; gap: 1rem; }
.access-associations-layout { display: grid; grid-template-columns: minmax(240px, .65fr) minmax(320px, 1.35fr); gap: 1rem; align-items: start; }
.access-association-form { padding: 1rem; border: 1px solid var(--border-color); border-radius: var(--radius-lg); background: var(--bg-surface); }
.access-association-list { display: grid; gap: .6rem; max-height: 270px; overflow: auto; }
.access-association { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem .9rem; border: 1px solid var(--border-color); border-radius: var(--radius-lg); background: var(--bg-surface); }
.access-association > div { display: grid; gap: .22rem; min-width: 0; }
.access-association strong, .access-association span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.access-association span { color: var(--text-secondary); font-size: .72rem; }
.access-association.is-disabled { opacity: .55; }
.access-form select:disabled { opacity: .55; cursor: not-allowed; }
@media (max-width: 850px) { .access-associations-layout { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .access-association { align-items: stretch; flex-direction: column; } }

.access-association-form {
    border-color: rgba(85, 184, 255, .28);
    background: rgba(7, 19, 31, .72);
}

.access-association {
    border-color: rgba(168, 195, 222, .22);
    background: #112338;
}

.access-association:hover {
    border-color: rgba(85, 184, 255, .48);
    background: #152a40;
}

.access-association strong { color: #f8fbff; }
.access-association span { color: #aebdcd; }
.access-association.is-disabled { opacity: .68; }
.access-form select:disabled { opacity: 1; }