.page-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:20px;

}

.crm-table{

    width:100%;

    border-collapse:collapse;

    background:white;

}

.crm-table th{

    background:#f5f5f5;

    text-align:left;

    padding:14px;

}

.crm-table td{

    padding:14px;

    border-top:1px solid #eee;

}

.role-permissions-table th.role-group-header{

    text-align:center;

    background:#eef2f7;

    font-weight:700;

}

.role-permissions-table th button.deleteRoleBtn{

    margin-left:8px;

    background:transparent;

    color:#d32f2f;

    border:none;

    font-size:12px;

    cursor:pointer;

    padding:2px 6px;

}

.userCompanySelect{

    padding:6px 8px;

    border:1px solid #ddd;

    border-radius:6px;

}

.role-permissions-table select{

    width:100%;

    padding:6px 8px;

    border:1px solid #ddd;

    border-radius:6px;

}

.company-group{

    background:white;

    border-radius:10px;

    margin-bottom:16px;

    overflow:hidden;

    box-shadow:0 2px 5px rgba(0,0,0,.05);

}

.company-group-toggle{

    width:100%;

    display:flex;

    align-items:center;

    gap:10px;

    padding:14px 16px;

    background:#f9fafb;

    color:#1f2937;

    border:none;

    cursor:pointer;

    text-align:left;

}

.company-group-arrow{

    transition:.2s;

}

.company-group.open .company-group-arrow{

    transform:rotate(180deg);

}

.company-group-count{

    color:#6b7280;

    font-size:13px;

    margin-left:auto;

}

.company-group-body{

    display:none;

}

.company-group.open .company-group-body{

    display:block;

}

.user-row{

    cursor:pointer;

}

.user-row:hover{

    background:#f5f7fb;

}

.user-profile-modal label{

    display:block;

    font-size:13px;

    color:#6b7280;

    margin-top:10px;

    margin-bottom:4px;

}

.user-profile-modal input,
.user-profile-modal select{

    width:100%;

    padding:10px 12px;

    border:1px solid #ddd;

    border-radius:8px;

    font-size:14px;

    font-family:inherit;

    box-sizing:border-box;

}

.profile-field-value{

    padding:10px 12px;

    background:#f8f9fa;

    border-radius:8px;

    font-size:14px;

}

.store-multiselect-table{

    width:100%;

    max-height:180px;

    display:block;

    overflow-y:auto;

    border:1px solid #ddd;

    border-radius:8px;

    border-collapse:collapse;

    font-size:14px;

}

.store-multiselect-table tbody{

    display:table;

    width:100%;

}

.store-multiselect-table tr{

    border-bottom:1px solid #eee;

}

.store-multiselect-table tr:last-child{

    border-bottom:none;

}

.store-multiselect-table td{

    padding:8px 12px;

    vertical-align:middle;

}

.store-multiselect-checkbox-cell{

    width:32px;

}

.store-multiselect-table label{

    margin:0;

    cursor:pointer;

    color:#1f2937;

    font-size:14px;

}