.users-page{display:grid;gap:24px}.user-list-card,.user-create-card{border:1px solid #bfc8d0;background:#fff}.list-heading,.user-create-card>header{padding:20px 24px;border-bottom:1px solid #dce1e5;display:flex;gap:10px;align-items:flex-start}.list-heading h2,.user-create-card h2{margin:0 0 3px;font-family:Georgia,"Times New Roman",serif;font-weight:normal;color:#263d4c;font-size:18px}.list-heading p,.user-create-card header p{font-size:11px;color:#7b858e;margin:0}.user-create-card>header>span{display:grid;place-items:center;width:22px;height:22px;background:#667790;color:#fff;font-size:17px;border-radius:2px}.user-table-wrap{overflow-x:auto}.user-table{border-collapse:collapse;width:100%;font-size:12px}.user-table th{padding:10px 14px;background:#f4f6f6;color:#667790;text-align:left;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.user-table td{padding:13px 14px;border-top:1px solid #e1e5e7;color:#46545f;vertical-align:middle}.user-table td strong{display:block;color:#263d4c}.user-table td small{display:block;margin-top:3px;color:#7b858e;font-size:10px}.status-pill{display:inline-block;padding:3px 7px;border-radius:9px;font-size:10px;font-weight:bold}.status-pill.is-active{background:#edf6e9;color:#45733a}.status-pill.is-inactive{background:#f4eeee;color:#87615f}.access-button{border:1px solid #9faab2;background:#fff;color:#295b71;padding:5px 8px;font-size:10px;cursor:pointer}.access-button:hover{background:#f1f5f6}.self-note{color:#7b858e;font-size:10px}.user-form-fields{display:grid;grid-template-columns:minmax(0,560px);gap:0;padding:21px 24px}.user-form-fields>div{min-width:0}.user-form label{display:block;color:#3e4c57;font-size:11px;font-weight:bold;margin-bottom:14px}.user-form input,.user-form select{width:100%;display:block;margin-top:5px;border:1px solid #aebac4;padding:8px 9px;background:#fff;color:#263643;font-size:12px}.user-form input:focus,.user-form select:focus{border-color:#295b71;outline:0;box-shadow:0 0 0 2px #d9e8ed}.user-form .helptext{display:block;margin-top:4px;color:#7b858e;font-size:10px;font-weight:normal;line-height:1.3}.user-create-card .form-actions{border-top:1px solid #dce1e5}.user-create-card .form-actions button{border:1px solid #173c51;background:#295b71;color:#fff;padding:9px 14px;font-weight:bold;font-size:12px;cursor:pointer;box-shadow:inset 0 1px #6f93a2}.user-create-card .form-actions button:hover{background:#204b5f}.user-create-card .form-actions button span{font-size:18px;line-height:.5;margin-left:7px}.user-audit{width:100%}@media(max-width:760px){.user-form-fields{grid-template-columns:1fr;padding:21px 18px}.user-create-card .form-actions{padding-left:18px;padding-right:18px}}
