.client-access-card{display:grid;gap:10px;border:1px solid #dce4ee;border-radius:14px;background:#fff;padding:12px;margin-top:10px}.client-access-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.client-access-card>header strong,.client-access-card>header small{display:block}.client-access-card>header small{margin-top:3px;color:#6a7b92}.client-access-card>header>span{border-radius:999px;background:#e8f7f1;padding:5px 8px;color:#17654e;font-size:10px;font-weight:800}.client-access-card.inactive{background:#f8fafc}.client-access-card.inactive>header>span{background:#e2e8f0;color:#475569}.client-access-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.client-access-options label{display:flex;align-items:center;gap:9px;border:1px solid #e2e8f0;border-radius:10px;padding:9px;cursor:pointer}.client-access-options label:has(input:checked){border-color:#d5a528;background:#fffbeb}.client-access-options input{flex:none;width:18px;height:18px}.client-access-options strong,.client-access-options small{display:block}.client-access-options small{margin-top:2px;color:#6a7b92;font-size:10px}.client-access-card>.btn{justify-self:end}.client-access-empty{border:1px dashed #cbd5e1;border-radius:12px;padding:16px;text-align:center}.client-access-empty p{margin:5px 0 0;color:#6a7b92}@media(max-width:700px){.client-access-options{grid-template-columns:1fr}.client-access-card>.btn{width:100%}}