.role{display:inline-block;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.role-reporter{background:#e8f7fd;color:#0c668f}.role-coordinator{background:#fff3cd;color:#8a5b00}.role-admin{background:#e6f5ee;color:#146246}.status-active{background:#e6f5ee;color:#146246}.status-inactive{background:#f2f4f7;color:#667085}.row-actions{white-space:nowrap}.row-actions form{display:inline;margin-left:10px}.danger-link{border:0;padding:0;background:transparent;color:var(--danger);font:inherit;cursor:pointer;text-decoration:underline}

.user-form-card{width:100%;max-width:1100px;padding:28px;border:0;border-radius:4px;box-shadow:0 1px 2px rgba(56,65,74,.15)}
.user-form-card .form-grid{min-width:0}
.user-form-card .form-grid>label,.user-form-card .span-two{min-width:0}
.user-form-card .form-actions{margin-top:10px;padding-top:22px;border-top:1px solid #e9ebec}
.assigned-projects-field>.select2-container{display:block;max-width:100%}

.permission-switch-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;border:1px solid #e9ebec;border-radius:6px;background:#f8f9fa}
.permission-switch-copy{display:flex;align-items:center;gap:14px;min-width:0}
.permission-switch-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#daf4f0;color:#0ab39c;font-size:21px}
.permission-switch-title{display:block;margin:0 0 4px;color:#212529;font-size:15px;font-weight:600;cursor:pointer}
.permission-switch-copy p{margin:0;color:#878a99;font-size:13px;line-height:1.45}
.permission-switch-control{flex:0 0 auto;margin:0;padding-left:3em}
.permission-switch-control .form-check-input{width:2.75em;height:1.45em;margin-left:-3em;cursor:pointer}
.permission-switch-control .form-check-input:checked{border-color:#0ab39c;background-color:#0ab39c}
.permission-switch-control .form-check-input:focus{border-color:#63cfc1;box-shadow:0 0 0 .2rem rgba(10,179,156,.18)}

@media(max-width:767.98px){.user-form-card{padding:20px}.permission-switch-card{align-items:flex-start}.permission-switch-icon{display:none}}
@media(max-width:560px){.row-actions form{display:block;margin:7px 0 0}.permission-switch-card{gap:12px;padding:16px}}

.users-table-card{padding:0;overflow:visible;margin-bottom:70px;border:0;border-radius:4px;background:#fff;box-shadow:0 1px 2px rgba(56,65,74,.15)}
.users-table-card__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid #e9ebec;background:#fff}
.users-table-card__header h2{margin:0 0 3px;color:#212529;font-size:16px;font-weight:600}.users-table-card__header p{margin:0;color:#878a99;font-size:13px}
.users-count{display:inline-flex;align-items:center;border-radius:4px;padding:5px 10px;background:#e8f3ff;color:#3577f1;font-size:12px;font-weight:600;white-space:nowrap}
.users-table-wrap{width:100%;padding:20px 22px 28px;overflow:visible}.users-datatable{width:100%!important;max-width:100%!important;margin:0!important;border-collapse:collapse!important;border-spacing:0!important}
.users-datatable thead th{position:relative;padding:13px 26px 13px 12px!important;border:1px solid #e9ebec!important;background:#fff!important;color:#495057!important;font-size:12px!important;font-weight:600!important;text-align:left;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.users-datatable thead th.user-details-heading,.users-datatable thead th.users-col-actions{padding-right:12px!important}
.users-datatable tbody td{padding:13px 12px!important;border:1px solid #e9ebec!important;background:#fff;color:#212529;vertical-align:middle!important}.users-datatable tbody tr:hover td{background:#f8f9fa}
.user-cell{display:flex;align-items:center;gap:10px;min-width:190px}.user-cell img{width:38px;height:38px;flex:0 0 38px;border-radius:50%;object-fit:cover;background:#e9ebec}.user-cell strong{display:block;color:#212529;font-weight:600;line-height:1.25}.user-cell small{display:block;margin-top:3px;color:#878a99;font-size:11px}
.projects-cell{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:flex;align-items:center;justify-content:flex-start;gap:7px;white-space:nowrap;text-align:left!important}.row-actions form{display:inline-flex;margin:0}
.table-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:4px;font-size:15px;line-height:1;text-decoration:none!important;cursor:pointer}.table-action-edit{background:#fef4e4;color:#f7b84b}.table-action-edit:hover{background:#f7b84b;color:#fff}.table-action-delete{background:#fde8e7;color:#f06548}.table-action-delete:hover{background:#f06548;color:#fff}
.users-table-card .dt-container{display:block;width:100%;color:#495057}.users-table-card .dt-layout-row{display:flex!important;align-items:center;justify-content:space-between;width:100%;margin:0 0 16px!important;gap:18px}.users-table-card .dt-layout-row:last-child{margin:18px 0 0!important}.users-table-card .dt-layout-cell{display:flex;align-items:center;gap:18px;min-width:0}.users-table-card .dt-layout-end{justify-content:flex-end;margin-left:auto}
.users-table-card .dt-length,.users-table-card .dt-search{display:flex;align-items:center;gap:8px;color:#212529;font-size:13px;font-weight:500}.users-table-card .dt-length label,.users-table-card .dt-search label{margin:0}
.users-table-card .dt-length select,.users-table-card .dt-search input{height:38px;min-height:38px;border:1px solid #ced4da!important;border-radius:4px!important;background:#fff!important;color:#212529;outline:0}.users-table-card .dt-length select{min-width:74px;padding:6px 28px 6px 10px}.users-table-card .dt-search input{min-width:220px;margin:0!important;padding:7px 11px}.users-table-card .dt-search input:focus{border-color:#a3b5e0!important;box-shadow:0 0 0 .2rem rgba(64,81,137,.12)}.users-table-card .dt-buttons{display:flex;flex-wrap:wrap;gap:7px}
.users-table-card button.dt-button{margin:0!important;padding:8px 13px!important;border:1px solid #ced4da!important;border-radius:4px!important;background:#fff!important;color:#495057!important;font-size:13px!important}.users-table-card button.dt-button:hover{border-color:#405189!important;background:#405189!important;color:#fff!important}
.users-table-card .dt-info{padding:0!important;color:#878a99;font-size:13px}.users-table-card .dt-paging{display:flex;align-items:center;gap:4px}.users-table-card .dt-paging .dt-paging-button{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;margin:0!important;padding:6px 10px!important;border:1px solid #e9ebec!important;border-radius:3px!important;background:#fff!important;color:#405189!important;font-size:13px;cursor:pointer}.users-table-card .dt-paging .dt-paging-button:hover{border-color:#405189!important;background:#f3f6f9!important}.users-table-card .dt-paging .dt-paging-button.current{border-color:#405189!important;background:#405189!important;color:#fff!important}.users-table-card .dt-paging .dt-paging-button.disabled{color:#adb5bd!important;cursor:default;opacity:.65}
.users-table-card .dt-column-order{position:absolute;top:50%;right:9px;width:10px;height:18px;transform:translateY(-50%);font-size:0}.users-table-card th.dt-orderable-asc .dt-column-order:before{content:'▲';position:absolute;top:0;color:#ced4da;font-size:7px}.users-table-card th.dt-orderable-desc .dt-column-order:after{content:'▼';position:absolute;bottom:0;color:#ced4da;font-size:7px}.users-table-card th.dt-ordering-asc .dt-column-order:before,.users-table-card th.dt-ordering-desc .dt-column-order:after{color:#405189}
.users-datatable th.users-col-actions,.users-datatable td.users-col-actions,.users-datatable td.row-actions{width:112px!important;min-width:112px!important;padding-left:12px!important;text-align:left!important}.action-buttons{display:flex;align-items:center;justify-content:flex-start;gap:7px;width:max-content;min-width:0}.action-buttons form{display:flex!important;flex:0 0 auto;margin:0!important}.action-buttons .btn-icon{display:inline-flex;flex:0 0 38px;align-items:center;justify-content:center;width:38px!important;min-width:38px!important;height:38px!important;padding:0!important}.action-buttons .btn-icon i{font-size:15px;line-height:1}
.users-table-card table.dataTable>tbody>tr.selected>*{box-shadow:none!important}.users-table-card .dt-scroll{width:100%}.users-table-card .dt-scroll-body{overflow:visible!important}
.users-datatable .users-col-locations,.users-datatable .users-col-created,.users-datatable th:nth-child(7),.users-datatable td:nth-child(7),.users-datatable th:nth-child(10),.users-datatable td:nth-child(10){display:none!important}
.user-details-heading{width:42px!important}.user-details-control{width:42px!important;text-align:center!important}
.user-details-control button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:#405189;color:#fff;font-size:17px;font-weight:500;line-height:1;cursor:pointer;box-shadow:0 2px 4px rgba(64,81,137,.2)}
.details-open>.user-details-control button{background:#f06548}.users-datatable tr.child td{padding:0!important;border-top:0!important}
.user-responsive-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-left:3px solid #405189;background:#f8f9fa}
.user-responsive-details>div{min-width:0;padding:12px 16px;border-right:1px solid #e9ebec;border-bottom:1px solid #e9ebec}
.user-responsive-details span{display:block;margin-bottom:5px;color:#878a99;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.user-responsive-details strong{display:block;overflow-wrap:anywhere;color:#495057;font-size:13px;font-weight:500;line-height:1.45}.user-responsive-details .role,.user-responsive-details .status{font-size:11px}
@media(max-width:1199.98px){
    .user-responsive-details{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:991.98px){
    .users-datatable .users-col-email,.users-datatable .users-col-projects,.users-datatable th:nth-child(3),.users-datatable td:nth-child(3),.users-datatable th:nth-child(6),.users-datatable td:nth-child(6){display:none!important}
}
@media(max-width:767.98px){
    .users-table-card__header{align-items:flex-start}.users-table-wrap{padding:15px 15px 22px;overflow:visible}
    .users-table-card .dt-layout-row{align-items:stretch;flex-direction:column}.users-table-card .dt-layout-cell{align-items:stretch;flex-direction:column;gap:12px;text-align:left!important}.users-table-card .dt-layout-end{width:100%;margin-left:0}.users-table-card .dt-search{align-items:stretch;flex-direction:column;width:100%;gap:5px}.users-table-card .dt-search input{width:100%;min-width:0;margin:0!important}
    .users-table-card .dt-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.users-table-card button.dt-button{width:100%;padding:8px 6px!important}
    .users-datatable .users-col-count,.users-datatable th:nth-child(8),.users-datatable td:nth-child(8),.users-datatable th:nth-child(9),.users-datatable td:nth-child(9){display:none!important}.user-cell{min-width:150px}.users-datatable tbody td,.users-datatable thead th{padding:10px 8px!important}.user-responsive-details{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:575.98px){
    .users-table-card__header{flex-direction:column}.users-table-card .dt-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
    .users-datatable .users-col-role,.users-datatable .users-col-status,.users-datatable th:nth-child(4),.users-datatable td:nth-child(4),.users-datatable th:nth-child(5),.users-datatable td:nth-child(5){display:none!important}
    .user-cell{min-width:0}.user-cell img{width:34px;height:34px;flex-basis:34px}.user-cell strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .users-datatable .users-col-actions{width:98px!important;min-width:98px!important}.action-buttons{gap:5px}.action-buttons .btn-icon{flex-basis:34px;width:34px!important;min-width:34px!important;height:34px!important}.user-responsive-details{grid-template-columns:1fr}
}